:root{--ink: #12313D;--ink-soft: #4A5A62;--paper: #F6F7F5;--surface: #FFFFFF;--surface-2: #F1F3F1;--line: #E6E8E4;--brand: #0F7A5F;--brand-2: #17A67B;--brand-ink: #0E2A38;--mint: #E6F4EE;--gold: #E7B54A;--gold-soft: #FBF1D8;--danger: #C0493B;--danger-soft: #FBE8E5;--warn: #B8860B;--warn-soft: #FBF1D8;--radius: 20px;--radius-sm: 14px;--shadow: 0 10px 30px rgba(14, 42, 56, .1);--shadow-sm: 0 4px 14px rgba(14, 42, 56, .07);--tabbar-h: 76px;--font: "Rubik", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--display: "Domine", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#11405230,transparent),linear-gradient(160deg,#0e2a38,#123a42 60%,#0e2a38);min-height:100vh;display:flex;align-items:center;justify-content:center}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.device{position:relative;width:412px;height:min(892px,94vh);background:#000;border-radius:48px;padding:12px;box-shadow:0 40px 90px #00000073,0 0 0 2px #2a2f33 inset}.device-screen{position:relative;width:100%;height:100%;min-height:0;background:var(--paper);border-radius:38px;overflow:hidden;display:flex;flex-direction:column}.notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:120px;height:26px;background:#000;border-radius:16px;z-index:50}@media(max-width:640px){body{display:block;background:var(--paper)}.device{width:100%;height:100dvh;border-radius:0;padding:0;box-shadow:none}.device-screen{border-radius:0}.notch{display:none}}app-login,app-parent-shell,app-eleve-shell,app-prof-shell,app-admin-shell,app-shell{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.screen{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen-pad{padding:18px 18px calc(var(--tabbar-h) + 22px)}.appbar{position:sticky;top:0;z-index:20;padding:22px 18px 14px;background:var(--brand-ink);color:#fff;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.appbar.light{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}.appbar .eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;opacity:.75}.appbar h1{font-family:var(--display);font-size:24px;font-weight:600;margin:4px 0 0}.appbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--brand-2);color:#fff;font-weight:600;font-size:15px;display:grid;place-items:center;flex:none}.avatar.lg{width:60px;height:60px;font-size:20px}.avatar.ghost{background:#ffffff2e}.tabbar{position:absolute;bottom:0;left:0;right:0;height:var(--tabbar-h);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);display:flex;align-items:stretch;z-index:30;padding-bottom:env(safe-area-inset-bottom,0)}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa6a1;font-size:11px;font-weight:500;padding-top:6px;transition:color .18s}.tabbar a .ic{width:24px;height:24px;display:grid;place-items:center}.tabbar a.active{color:var(--brand)}.tabbar a.active .ic{transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.card+.card,.stack>*+*{margin-top:14px}.stack{display:block}.card.dark{background:var(--brand-ink);color:#fff;border:none}.card.brand{background:linear-gradient(145deg,#0f7a5f,#12876a);color:#fff;border:none}.card.gold{background:linear-gradient(145deg,#e7b54a,#e0a52f);color:#3a2a06;border:none}.card-row{display:flex;align-items:center;gap:14px}.section-title{font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft);font-weight:600;margin:22px 4px 10px}.muted{color:var(--ink-soft)}.tiny{font-size:12px}.money{font-family:var(--display);font-weight:700;line-height:1}.kpi-row{display:flex;gap:10px}.kpi{flex:1;border-radius:var(--radius-sm);padding:14px;background:var(--surface-2)}.kpi .v{font-family:var(--display);font-size:26px;font-weight:700}.kpi .l{font-size:12px;color:var(--ink-soft);margin-top:2px}.kpi.good{background:var(--mint)}.kpi.good .v{color:var(--brand)}.kpi.bad{background:var(--danger-soft)}.kpi.bad .v{color:var(--danger)}.progress{height:10px;border-radius:6px;background:#ffffff40;overflow:hidden}.progress.on-light{background:var(--surface-2)}.progress>span{display:block;height:100%;background:#fff;border-radius:6px;transition:width .5s ease}.progress.on-light>span{background:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:14px;font-weight:600;font-size:15px;background:var(--surface-2);color:var(--ink);transition:transform .08s,filter .15s,background .15s}.btn:active{transform:scale(.97)}.btn.block{width:100%}.btn.primary{background:var(--brand);color:#fff}.btn.dark{background:var(--brand-ink);color:#fff}.btn.gold{background:var(--gold);color:#3a2a06}.btn.ghost{background:transparent;border:1.5px solid var(--line)}.btn.sm{padding:9px 14px;font-size:13px;border-radius:11px}.btn[disabled]{opacity:.5;pointer-events:none}.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick .q{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-sm);transition:transform .08s}.quick .q:active{transform:scale(.97)}.quick .q .ic{width:40px;height:40px;border-radius:12px;background:var(--mint);color:var(--brand);display:grid;place-items:center}.quick .q .t{font-weight:600;font-size:15px}.quick .q .d{font-size:12px;color:var(--ink-soft)}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line)}.row:first-child{border-top:none}.row .grow{flex:1;min-width:0}.row .t{font-weight:600;font-size:15px}.row .s{font-size:12.5px;color:var(--ink-soft);margin-top:2px}.row .chev{color:#b6c0bb}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600}.pill.good{background:var(--mint);color:var(--brand)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.ink{background:#ffffff29;color:#fff}.seg{display:flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px}.seg button{flex:1;padding:9px;border-radius:9px;font-weight:600;font-size:13px;color:var(--ink-soft)}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.field{margin-top:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--ink-soft)}.input,.select,.textarea{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);font-size:15px;color:var(--ink);transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-2)}.textarea{min-height:90px;resize:vertical}.methods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.method{border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:14px;display:flex;align-items:center;gap:10px;font-weight:600;font-size:14px;background:var(--surface);transition:border-color .15s,background .15s}.method.on{border-color:var(--brand);background:var(--mint)}.method .dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.course{position:relative;border-radius:var(--radius);padding:18px;color:#fff;overflow:hidden;box-shadow:var(--shadow-sm);min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.course .subj{font-size:12px;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.course .ttl{font-family:var(--display);font-size:19px;font-weight:600;margin-top:4px}.course .meta{font-size:12px;opacity:.9;margin-top:10px}.course.locked:after{content:"";position:absolute;inset:0;background:#0e2a38b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.course .lock{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px}.course.locked .lock{display:flex}.courses-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.splash{position:absolute;inset:0;z-index:100;background:linear-gradient(160deg,#0e2a38,#12876a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff;animation:splashOut .5s ease 1.5s forwards}.splash .logo{font-family:var(--display);font-size:46px;font-weight:700;letter-spacing:-1px;animation:pop .5s ease}.splash .tag{opacity:.8;font-size:14px;letter-spacing:1px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@keyframes splashOut{to{opacity:0;visibility:hidden}}.fade-in{animation:fadeIn .32s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pop-in{animation:popIn .28s ease both}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.toast-wrap{position:absolute;left:0;right:0;bottom:calc(var(--tabbar-h) + 14px);display:flex;justify-content:center;z-index:60;pointer-events:none;padding:0 16px}.toast{background:var(--brand-ink);color:#fff;padding:13px 18px;border-radius:14px;font-size:14px;font-weight:500;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;animation:toastIn .3s ease;max-width:100%}.toast .ok{width:22px;height:22px;border-radius:50%;background:var(--brand-2);display:grid;place-items:center;flex:none}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.divider{height:1px;background:var(--line);margin:16px 0}.center{text-align:center}.flex{display:flex}.between{justify-content:space-between}.items-center{align-items:center}.gap8{gap:8px}.gap12{gap:12px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.grow{flex:1}svg.ic-svg{width:100%;height:100%;display:block}.empty{text-align:center;color:var(--ink-soft);padding:40px 20px;font-size:14px}.logout-fab{position:absolute;top:20px;right:16px;z-index:40;width:46px;height:46px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center;transition:transform .08s,background .15s;border:1px solid rgba(255,255,255,.22)}.logout-fab:active{transform:scale(.92)}.logout-fab app-icon{width:20px;height:20px;display:block}