:root{--blue:#36598a;--ink:#172033;--muted:#697386;--bg:#f5f7fb;--line:#e5e9f1;--accent:#d48637}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,sans-serif;padding-bottom:76px}.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px}.brand-logo{width:43px;height:43px;border-radius:11px}.eyebrow{margin:0;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}h1,h2,h3{margin:2px 0 12px}h1{font-size:18px}h2{font-size:23px}h3{font-size:15px}main{max-width:760px;margin:auto;padding:14px}.view{display:none}.view.active{display:block}.hidden{display:none}.card{margin:12px 0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 4px 16px #15223b0b}.section-head,.row,.button-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:12px 7px;border-radius:14px;background:#fff;border:1px solid var(--line);text-align:center}.metric b{display:block;font-size:19px}.metric span{font-size:10px;color:var(--muted)}.metric-button{width:100%;background:#fff;color:var(--ink);border:1px solid var(--line)}button{border:0;border-radius:11px;background:var(--blue);color:#fff;padding:9px 11px;font-weight:750;font-size:12px;transition:transform .08s ease}button:active,a:active{transform:scale(.97)}button.ghost,.ghost{background:#edf2f8;color:var(--blue)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:8px 5px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.bottom-nav button{background:#fff;color:#667085;padding:7px 1px;font-size:11px}.bottom-nav button.active{color:var(--blue);background:#edf2f8}.list{display:grid;gap:8px}.item{padding:11px;border:1px solid var(--line);border-radius:13px;background:#fff}.item b{font-size:14px}.student-link{padding:0;background:transparent;color:var(--ink);font-size:14px;text-align:left}.meta,.muted{font-size:12px;color:var(--muted);line-height:1.5}.badge{display:inline-block;margin-left:5px;padding:3px 7px;border-radius:99px;background:#fff3df;color:#985a1c;font-size:10px;font-weight:800}.badge--active{background:#eaf6ee;color:#287745}.badge--unpaid{background:#fff0ef;color:#b33c32}.badge--near{background:#fff6db;color:#9b6b00}.badge--hold{background:#edf0f5;color:#596274}.badge--done{background:#e9f0fa;color:#36598a}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.actions a,.actions button{font-size:11px;text-decoration:none}.actions a{padding:8px 10px;border-radius:10px;background:#edf2f8;color:var(--blue);font-weight:750}label{display:grid;gap:5px;margin:9px 0;color:var(--muted);font-size:12px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font:inherit;color:var(--ink)}textarea{min-height:72px;resize:vertical}.search{margin:5px 0 12px}.result{white-space:pre-wrap;background:#f8fafc;border-radius:12px;padding:10px;font-size:12px;line-height:1.6}.bar{height:8px;background:#e9eef5;border-radius:9px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;background:var(--blue)}.check{display:flex;align-items:center;gap:9px}.check input{width:auto}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-grid .metric{text-align:left}
.revenue-filter{display:flex;gap:6px;align-items:center}.revenue-filter select{width:auto;padding:8px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.analytics-grid .card{margin:4px 0}.revenue-row .row{align-items:end}.revenue-row .bar i{background:linear-gradient(90deg,var(--blue),var(--accent))}@media(max-width:560px){.analytics-grid{grid-template-columns:1fr}}
.payment-state{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:850}.payment-state--unpaid{background:#ffe3e0;color:#b42318;border:1px solid #ffc7c2}.payment-state--paid{background:#e8f5ec;color:#20733b;border:1px solid #cce9d5}.status-actions{gap:8px}.status-choice{background:#edf2f8;color:var(--blue);border:1px solid transparent}.status-choice--active{background:var(--blue);color:#fff;border-color:#294a78;box-shadow:0 0 0 3px #36598a22}.current-status{margin:12px 0 0;color:var(--muted);font-size:12px}.current-status b{color:var(--blue)}
.lesson-history{display:grid;gap:5px}.lesson-history .meta{padding-top:2px}.lesson-history .meta b{display:inline-block;min-width:62px;color:var(--blue);font-size:11px}
.prepay-balance{font-weight:850}.prepay-balance--active{color:#20733b}.prepay-balance--used{color:var(--muted)}