@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700&display=swap";:root{font-family:Prompt,system-ui,sans-serif;color:#17324d;background:#f5f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{max-width:560px;min-height:100dvh;margin:auto;background:#f5f8fc;padding-bottom:calc(86px + env(safe-area-inset-bottom))}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 21px;background:#fff;border-bottom:1px solid #e5edf5}.brand{display:flex;gap:10px;align-items:center}.brand img{width:43px;height:43px;border-radius:13px}.brand strong,.brand span{display:block}.brand strong{color:#123d68;font-size:16px;line-height:1.3}.brand span{font-size:11px;color:#7c8b9c}.icon-button{display:grid;place-items:center;border:0;background:#edf5fc;color:#16578c;width:38px;height:38px;border-radius:12px}.content{padding:20px 20px 28px}.welcome{display:flex;justify-content:space-between;align-items:center;overflow:hidden;color:#fff;background:linear-gradient(125deg,#123e6a,#2779ad);border-radius:24px;padding:25px 22px;box-shadow:0 14px 30px #174f7b23}.eyebrow,.overline{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.welcome .eyebrow{color:#aee5ff}.welcome h1{font-size:22px;line-height:1.4;margin:9px 0 4px}.welcome p{font-size:12px;margin:0;color:#d4ebfb}.welcome-ornament{font-size:62px;opacity:.2;transform:rotate(20deg)}.student-picker{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#687d8e;margin:0 0 16px}.student-picker span{display:flex;align-items:center;background:#fff;border:1px solid #e1ebf4;border-radius:10px;padding-right:8px;color:#496c87}.student-picker select{max-width:210px;border:0;appearance:none;background:transparent;color:#17496e;font-size:12px;padding:9px 10px}.student-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e6edf5;border-radius:20px;padding:18px;margin-top:17px;box-shadow:0 7px 20px #1b4e7810}.avatar{width:56px;height:56px;flex:none;border-radius:18px;background:#e3f2fc;color:#2173a9;display:grid;place-items:center}.overline{color:#93a3b2}.student-card h2{font-size:17px;margin:2px 0 1px}.student-card p{font-size:12px;margin:0;color:#7d8d9d}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stat-card{min-height:159px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid #e6edf5;border-radius:19px;padding:17px;box-shadow:0 7px 20px #1b4e780b}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;margin-bottom:10px}.stat-icon.blue{background:#e7f2ff;color:#2375bb}.stat-icon.green{background:#e5f7ec;color:#25946b}.stat-card>span:not(.stat-icon){color:#7a8b9b;font-size:11px}.stat-card strong{font-size:18px;line-height:1.5;color:#194565}.stat-card small{font-size:10px;color:#a2afba;margin-top:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 2px 11px}.section-heading h2{font-size:15px;margin:0}.section-heading button{border:0;background:transparent;color:#267cac;font-size:11px;font-weight:600}.list-card{background:#fff;border:1px solid #e6edf5;border-radius:19px;overflow:hidden;box-shadow:0 7px 20px #1b4e780a}.list-card>*+*{border-top:1px solid #edf1f5}.alert-row{width:100%;border:0;background:#fff;text-align:left;display:flex;align-items:flex-start;gap:12px;padding:16px}.alert-row.unread{background:#fafdff}.alert-icon{width:34px;height:34px;flex:none;border-radius:10px;background:#e6f2fb;color:#2277ac;display:grid;place-items:center}.alert-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alert-content strong{font-size:12px;color:#1a3d59}.alert-content>span{font-size:11px;color:#748a9b;line-height:1.5}.alert-content small{font-size:10px;color:#9dabba;margin-top:3px}.unread-dot{width:7px;height:7px;border-radius:50%;background:#ec9b4e;flex:none;margin-top:7px}.page-title{margin:8px 2px 27px}.page-title h1{font-size:23px;margin:0}.page-title p{font-size:12px;margin:4px 0 0;color:#7a8e9e}.record-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px}.record-row>div{display:flex;flex-direction:column}.record-row strong{font-size:12px;font-weight:600}.record-row small{font-size:10px;color:#92a2af;margin-top:3px}.pill{font-size:10px;font-weight:600;border-radius:30px;padding:5px 9px;white-space:nowrap}.pill.good{background:#e4f7ed;color:#278c62}.pill.warn{background:#fff2dd;color:#c17a20}.pill.bad{background:#ffe9e7;color:#bd5551}.pill.neutral{background:#edf2f5;color:#6e8190}.score{font-size:17px;font-weight:700;color:#267fac}.empty{padding:28px;text-align:center;color:#91a6b6}.empty svg{color:#b5c9d8}.empty p{font-size:12px;line-height:1.6;margin:7px 0 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);height:calc(70px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5edf4;box-shadow:0 -7px 24px #1747680c;z-index:10}.bottom-nav button{border:0;background:transparent;color:#9aabba;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:500}.bottom-nav button.active{color:#1b6d9f}.nav-icon{position:relative;display:block;height:23px}.nav-icon i{position:absolute;width:7px;height:7px;background:#f29553;border-radius:50%;right:-1px;top:-1px}.settings-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e6edf5;border-radius:19px;padding:19px;margin-bottom:17px;color:#2c739d}.settings-card div{display:flex;flex-direction:column}.settings-card strong{color:#193f60;font-size:14px}.settings-card span{font-size:11px;color:#8ca0af}.settings-list>div,.settings-list>button{display:flex;align-items:center;gap:12px;padding:17px;width:100%;font-size:12px;color:#638093}.settings-list>button{border:0;background:#fff;text-align:left;color:#b24f4f}.footnote{font-size:11px;color:#9aaab6;margin:17px 3px}.error-banner{display:flex;justify-content:space-between;gap:10px;background:#fff0ed;color:#a8483e;border-radius:12px;padding:10px 12px;font-size:11px;margin-bottom:15px}.error-banner button{border:0;background:transparent;color:inherit;text-decoration:underline}.center-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.auth-card{max-width:360px;text-align:center;background:#fff;padding:28px;border-radius:23px}.brand-icon{width:75px;height:75px;border-radius:20px}.auth-card h1{font-size:22px}.auth-card p{font-size:12px;color:#72899b}.spinner{width:28px;height:28px;border:3px solid #d2e7f6;border-top-color:#1d6b9c;border-radius:50%;animation:spin .8s linear infinite}.spinning{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{min-height:100dvh;background:#fff;max-width:560px;margin:auto}.login-art{height:40dvh;min-height:250px;background:linear-gradient(140deg,#12416d,#2b81ad);border-radius:0 0 36px 36px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-art img{width:90px;height:90px;border-radius:25px;box-shadow:0 10px 30px #082d4d35}.login-art h1{font-size:25px;margin:13px 0 1px}.login-art p{font-size:12px;line-height:1.6;color:#d5edf9;margin:0}.login-form{max-width:420px;margin:auto;padding:28px 24px 40px;display:flex;flex-direction:column}.login-form .eyebrow{color:#277fae}.login-form h2{font-size:21px;margin:5px 0 0}.login-form>p{font-size:12px;color:#91a1af;margin:0 0 23px}.login-form label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.login-form input{border:1px solid #dce7f0;border-radius:11px;background:#f9fbfd;padding:12px 14px;color:#183b5c;outline:none}.login-form input:focus{border-color:#2c87b6;box-shadow:0 0 0 3px #dcf0fb}.login-form button{border:0;border-radius:11px;background:#176897;color:#fff;padding:12px;font-weight:600;margin-top:7px}.login-form small{text-align:center;color:#a1b0bc;font-size:10px;margin-top:16px}.form-error{background:#ffedea;color:#aa4d46;border-radius:9px;padding:10px;font-size:11px;margin-bottom:10px}@media(min-width:600px){body{background:#e9f0f6}.app-shell,.login-screen{box-shadow:0 0 30px #244c6e14}}@media(max-width:360px){.content{padding-left:14px;padding-right:14px}.stat-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:16px}}.sound-setting{display:flex;align-items:center;gap:12px}.sound-setting>span{display:flex;flex:1;flex-direction:column;gap:2px}.sound-setting strong{font-size:12px;color:#284e69}.sound-setting small{font-size:10px;color:#8a9da9}.sound-setting button{border:0;border-radius:999px;background:#e5f2fa;color:#176897;font-size:11px;font-weight:700;padding:7px 13px}.sound-setting button[aria-checked=false]{background:#edf1f4;color:#7d8c98}.sound-preview{justify-content:flex-end}.sound-preview button{border:0;background:transparent;color:#267fac;font-size:11px;font-weight:600;padding:0}