*{box-sizing:border-box}:root{--bg:#f4f6f8;--ink:#17212b;--muted:#667385;--line:#dce3ea;--surface:#ffffff;--blue:#2563eb;--green:#16845b;--coral:#c4563b;--amber:#a16207}body{margin:0;background:linear-gradient(180deg,#eaf3ff 0,rgba(234,243,255,0) 260px),var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-shell{margin:0 auto;max-width:480px;min-height:100vh;padding:16px 14px 28px}.topbar{align-items:center;display:flex;justify-content:space-between;min-height:72px}.eyebrow,.muted{color:var(--muted);font-size:12px;margin:0 0 4px}h1,h2,h3,p{margin:0}h1{font-size:24px;line-height:1.18}h2{font-size:17px;line-height:1.25}h3{font-size:15px;line-height:1.3}.avatar{align-items:center;background:#12324a;border:0;border-radius:999px;color:#ffffff;display:grid;font-size:19px;height:42px;place-items:center;width:42px}.avatar-button{padding:0}.auth-loading{align-items:center;color:var(--muted);display:grid;place-items:center}.mobile-login{display:grid;gap:28px;min-height:calc(100vh - 44px);padding-top:48px}.mobile-login h1{font-size:30px}.mobile-login-form{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:16px}.mobile-login-form label{display:grid;gap:7px}.mobile-login-form label span{color:var(--muted);font-size:13px}.mobile-login-form input{background:#ffffff;border:1px solid var(--line);border-radius:6px;color:var(--ink);min-height:44px;padding:10px 12px;width:100%}.form-error{background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;color:#be123c;font-size:13px;line-height:1.45;padding:9px 10px}.primary-command{background:#12324a;border:0;border-radius:6px;color:#ffffff;font-weight:800;min-height:44px;padding:10px 14px}.primary-command:disabled{cursor:not-allowed;opacity:.68}.role-switch,.tabbar{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:8px;display:grid;gap:4px;padding:4px}.role-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 14px}.role-switch button,.tabbar button{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted);display:flex;gap:6px;justify-content:center;min-height:38px;padding:8px}.role-switch button.active,.tabbar button.active{background:#12324a;color:#ffffff}.student-strip{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.student-chip{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:grid;gap:2px;min-height:54px;padding:9px 10px;text-align:left}.student-chip.active{border-color:#12324a;box-shadow:inset 0 0 0 1px #12324a}.student-chip span{font-size:15px;font-weight:700}.student-chip small{color:var(--muted)}.profile-band,.teacher-summary{align-items:center;background:#12324a;border-radius:8px;color:#ffffff;display:flex;justify-content:space-between;margin-bottom:12px;min-height:92px;padding:16px}.profile-band .muted,.teacher-summary .muted{color:#bdd1e0}.profile-band span{color:#d7e6f0;display:block;font-size:13px;margin-top:5px}.profile-band strong,.teacher-summary strong{background:rgba(255,255,255,.14);border-radius:999px;color:#ffffff;font-size:13px;padding:6px 10px;white-space:nowrap}.metric-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.metric{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;gap:6px;min-height:92px;padding:12px 10px}.metric svg{font-size:18px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:19px}.metric.blue strong,.metric.blue svg{color:var(--blue)}.metric.green strong,.metric.green svg{color:var(--green)}.metric.coral strong,.metric.coral svg{color:var(--coral)}.tabbar{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px;position:sticky;top:0;z-index:2}.tabbar button{display:grid;font-size:11px;gap:3px;min-height:48px;padding:6px 2px}.tabbar svg{font-size:17px;justify-self:center}.panel-list{display:grid;gap:9px}.section-title{align-items:center;display:flex;justify-content:space-between;min-height:36px}.section-title.compact{margin-top:8px}.text-command{background:#eef5ff;border:1px solid #bed5ff;border-radius:999px;color:var(--blue);min-height:32px;padding:5px 12px}.compact-command{font-size:12px;min-height:28px;padding:4px 9px}.compact-command:disabled{cursor:not-allowed;opacity:.5}.inline-error,.inline-success{border-radius:6px;font-size:13px;line-height:1.45;padding:9px 10px}.inline-success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.inline-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.action-row,.finance-row,.lesson-item,.note-item,.record-row,.roll-call-row,.score-entry,.teacher-lesson,.week-row{background:var(--surface);border:1px solid var(--line);border-radius:8px}.lesson-item{align-items:center;display:grid;gap:10px;grid-template-columns:54px minmax(0,1fr) auto;min-height:74px;padding:12px}.lesson-actions{align-items:end;display:grid;gap:6px;justify-items:end}.lesson-item time,.teacher-lesson time{color:var(--blue);font-weight:800}.action-row p,.lesson-item p,.note-item p,.record-row p,.teacher-lesson p{color:var(--muted);font-size:13px;line-height:1.45;margin-top:4px}.status{background:#eef8f4;border:0;border-radius:999px;color:var(--green);font-size:12px;font-weight:700;min-height:28px;padding:5px 9px;white-space:nowrap}.status.leave{background:#fff7ed;color:var(--amber)}.status.pending{background:#f1f5f9;color:var(--muted)}.finance-row,.roll-call-row,.score-entry,.week-row{align-items:center;display:grid;gap:8px;min-height:58px;padding:12px}.week-row{grid-template-columns:44px minmax(0,1fr) 48px}.week-row span{color:var(--muted);font-size:13px}.week-row em{color:var(--blue);font-style:normal;font-weight:800;text-align:right}.action-row,.record-row{align-items:center;display:grid;gap:12px;grid-template-columns:34px minmax(0,1fr);min-height:68px;padding:12px}.action-row svg,.record-row svg{color:var(--blue);font-size:20px}.note-item{display:grid;gap:5px;min-height:76px;padding:13px}.score-list{overflow:hidden}.score-list,.survey-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid}.survey-card{gap:12px;padding:13px}.survey-card label{display:grid;gap:7px}.survey-card label span{color:var(--muted);font-size:13px}.survey-card select,.survey-card textarea{background:#ffffff;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:10px 12px;width:100%}.survey-card textarea{resize:vertical}.score-row{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) 54px 48px;min-height:48px;padding:0 12px}.score-row+.score-row{border-top:1px solid var(--line)}.score-row em,.score-row strong{text-align:right}.score-row em{font-style:normal;font-weight:800}.score-row .up{color:var(--green)}.score-row .down{color:var(--coral)}.finance-row{grid-template-columns:minmax(0,1fr) auto}.finance-row span{color:var(--muted)}.teacher-summary{margin-top:2px}.teacher-lesson{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 58px;min-height:86px;padding:14px}.teacher-lesson span{background:#eef5ff;border-radius:999px;color:var(--blue);font-weight:800;padding:8px 10px;text-align:center}.roll-call-row{grid-template-columns:minmax(0,1fr) auto}.score-entry{grid-template-columns:minmax(0,1fr) 90px}.score-entry input{border:1px solid var(--line);border-radius:6px;min-height:38px;padding:8px 10px;text-align:right;width:100%}@media (max-width:360px){.mobile-shell{padding-left:10px;padding-right:10px}.metric-grid{grid-template-columns:1fr}.metric{align-items:center;grid-template-columns:24px minmax(0,1fr) auto;min-height:56px}}