:root{--nav:#17243a;--blue:#2563eb;--bg:#f4f7fb;--text:#182230;--muted:#697586;--border:#e4e9f0}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}a{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:var(--nav);color:#fff;padding:24px 16px;z-index:20}.brand{font-size:23px;font-weight:800;padding:0 12px 24px}.sidebar nav{display:grid;gap:7px}.sidebar nav a,.sidebar nav span{padding:12px;border-radius:9px;text-decoration:none;color:#c8d1df}.sidebar nav a.active{background:#263752;color:#fff}.sidebar small{float:right;font-size:10px;opacity:.55}.shell{margin-left:230px;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px;gap:18px}.user-menu{margin-left:auto;display:flex;gap:14px;align-items:center;font-size:14px}.user-menu a{color:var(--blue);text-decoration:none}.user-menu form{margin:0}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.content{padding:28px;max-width:1400px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-heading h1,h1{margin:0 0 6px;font-size:25px}.page-heading p{margin:0;color:var(--muted)}.badge{padding:6px 10px;border-radius:99px;background:#dbeafe;color:#1d4ed8;font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 7px #1e293b0a}.cards span,.cards small{display:block;color:var(--muted)}.cards strong{display:block;font-size:30px;margin:12px 0}.empty{text-align:center;margin-top:18px;padding:60px 20px}.empty-icon,.login-logo{width:52px;height:52px;border-radius:15px;background:#dbeafe;color:var(--blue);display:grid;place-items:center;margin:auto;font-size:25px;font-weight:800}.empty h2{margin:15px 0 8px}.empty p{color:var(--muted)}.nav-toggle,.menu-button,.backdrop{display:none}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(145deg,#eff6ff,#f8fafc)}.login-card{width:min(410px,100%);padding:38px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 50px #17243a18}.login-card h1{text-align:center;margin:14px 0 5px}.login-card>p{text-align:center;color:var(--muted);margin:0 0 25px}.login-card label{display:grid;gap:7px;margin:15px 0;font-weight:600}.login-card input,.form-panel input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.primary{width:100%;border:0;border-radius:8px;background:var(--blue);color:#fff;padding:12px;font:inherit;font-weight:700;cursor:pointer}.error,.notice{background:#fef2f2;color:#b91c1c;padding:11px;border-radius:8px}.form-panel{max-width:600px}.form-panel .helptext{display:block;color:var(--muted);font-size:13px}.form-panel ul{color:var(--muted);font-size:13px;padding-left:20px}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.2s}.shell{margin-left:0}.topbar{padding:0 16px}.menu-button{display:block;font-size:22px}.nav-toggle:checked~.sidebar{transform:none}.nav-toggle:checked~.backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:10}.content{padding:18px 14px}.cards{grid-template-columns:repeat(2,1fr)}.user-menu span{display:none}}
@media(max-width:420px){.cards{grid-template-columns:1fr}.login-card{padding:28px 20px}.topbar{gap:10px}.user-menu{gap:8px}.page-heading{align-items:flex-start}}
.compact{width:auto;text-decoration:none;padding:10px 14px;display:inline-block}.secondary{border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;padding:10px 14px;text-decoration:none;font:inherit;cursor:pointer}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:680px}.table-panel th,.table-panel td{padding:15px 18px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}.table-panel th{font-size:13px;color:var(--muted);background:#f8fafc;font-weight:600}.table-panel tbody tr:last-child td{border-bottom:0}.table-panel td a,.table-link,.panel-heading a{color:var(--blue);text-decoration:none}.status{display:inline-block;padding:3px 8px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:12px}.status.success{background:#dcfce7;color:#15803d}.search-form{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--border)}.search-form .form-control{max-width:280px}.form-row{margin:0 0 18px}.form-row>label{display:block;margin-bottom:7px;font-weight:600}.form-control{width:100%;padding:10px 11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font:inherit;color:var(--text)}textarea.form-control{resize:vertical}.checkbox{width:16px;height:16px;vertical-align:middle;margin:0 7px 0 0}.check-row{display:flex;align-items:center}.check-row label{margin:0}.field-error{color:#b91c1c;font-size:13px;margin-top:5px}.required{color:#dc2626}.form-actions,.action-group{display:flex;gap:10px;align-items:center}.form-actions{margin-top:25px}.form-submit{width:auto;padding:10px 20px}.empty-state{padding:55px 20px;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel h2{font-size:17px;margin:0 0 16px}.panel dl{display:grid;grid-template-columns:110px 1fr;gap:13px;margin:0}.panel dt{color:var(--muted)}.panel dd{margin:0}.panel-heading{display:flex;align-items:center;justify-content:space-between}.contact-list{list-style:none;margin:0;padding:0}.contact-list li{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 0;border-top:1px solid var(--border)}.contact-list li:first-child{border-top:0}.contact-list li>span{font-size:13px;color:var(--muted)}.contact-list li>a{grid-column:2;grid-row:1 / span 2;color:var(--blue);text-decoration:none;font-size:13px}.muted{color:var(--muted)}
@media(max-width:800px){.detail-grid{grid-template-columns:1fr}.page-heading{gap:12px}.page-heading .primary{flex-shrink:0}}
.calendar-tools{display:flex;gap:9px;margin:-8px 0 16px}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:6px}.calendar-day{min-height:300px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;min-width:150px}.calendar-day.today{border-color:#93c5fd;box-shadow:0 0 0 1px #dbeafe}.calendar-day header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:13px}.calendar-day header span{color:var(--muted)}.session-card{display:grid;gap:4px;text-decoration:none;background:#eff6ff;border-left:3px solid var(--blue);border-radius:6px;padding:9px;margin:0 0 9px;color:#1e3a5f;font-size:12px}.session-card strong{font-size:13px}.session-card span,.session-card small{color:#536c8c}.session-card.cancelled{background:#f8fafc;border-left-color:#94a3b8;color:#64748b;text-decoration:line-through}.no-session{font-size:12px;color:#94a3b8;margin:15px 0}.session-form{max-width:760px}.student-options{max-height:200px;overflow-y:auto;border:1px solid #cbd5e1;border-radius:8px;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.student-options label{display:flex;gap:6px;align-items:center;padding:6px;font-weight:400}.student-options input{width:auto}.student-select>label{font-weight:600;display:block;margin-bottom:7px}
@media(max-width:800px){.week-calendar{grid-template-columns:repeat(7,150px)}.student-options{grid-template-columns:1fr}.calendar-tools{overflow-x:auto}}
.positive{color:#15803d;font-weight:700}.negative{color:#b91c1c;font-weight:700}
.financial-cards{margin-bottom:18px}.transaction-list{list-style:none;margin:0;padding:0}.transaction-list li{display:grid;gap:4px;padding:12px 0;border-top:1px solid var(--border)}.transaction-list li:first-child{border-top:0}.transaction-list span,.transaction-list small{color:var(--muted);font-size:13px}