:root{--shell-bg:#283c5a;--card-bg:#fff;--ink:#26333a;--ink-soft:#46525a;--ink-mute:#79838b;--ink-faint:#9aa3aa;--ink-ghost:#b5bdc3;--line:#eceff1;--line-soft:#e4e8eb;--panel:#f8fafb;--panel-alt:#f6f8f9;--accent:#f2be00;--amber:#f6bc66;--amber-bg:#fff6ec;--amber-border:#f6d6a6;--amber-ink:#9a6a16;--teal:#7ca8b7;--teal-deep:#5d8597;--green:#2e7d4f;--green-soft:#6fb98f;--red:#c8695c;--red-ink:#9c4a40;--red-bg:#fdf1f0;--red-border:#ecc7c2;--font:"Aptos", "Segoe UI", Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{background:var(--shell-bg);font-family:var(--font);letter-spacing:.015em;color:var(--ink);margin:0}button{font-family:var(--font);letter-spacing:.015em}.shell{justify-content:center;min-height:100vh;padding:40px 24px;display:flex}.shell-inner{width:1060px;max-width:100%}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.topbar-brand{align-items:center;gap:20px;display:flex}.logo-card{background:#fff;border-radius:14px;align-items:center;padding:9px 13px;display:flex;box-shadow:0 3px 12px #00000038}.logo-mark{background:var(--shell-bg);color:#fff;letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;min-width:52px;height:52px;padding:0 10px;font-size:22px;font-weight:800;display:flex}.logo-school{color:var(--ink);max-width:140px;margin-left:10px;font-size:12px;font-weight:700;line-height:1.25}.logo-img{width:auto;height:66px;display:block}.topbar-kicker{letter-spacing:.22em;text-transform:uppercase;color:#8fb3c2;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.5}.topbar-title{letter-spacing:.01em;color:#f4f6f7;white-space:nowrap;font-size:24px;font-weight:800;line-height:1.2}.topbar-user{align-items:center;gap:10px;display:flex}.role-pill{background:var(--accent);color:#4a3a00;border:1px solid #d9aa00;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;display:inline-flex}.topbar-name{color:#cdd9e6;font-size:14px;font-weight:600}.logout-btn{color:#cdd9e6;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.logout-btn:hover{color:#fff;border-color:#fff}.app-card{background:var(--card-bg);border-radius:18px;overflow:hidden;box-shadow:0 10px 34px #28333a1f}.app-pad{padding:26px 30px 30px}.crumb{background:var(--panel);color:var(--ink-soft);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 26px;font-size:14px;font-weight:600;display:flex}.crumb-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.crumb-sep{color:#c2c8cf}.crumb-link{color:var(--teal-deep);cursor:pointer;text-decoration:underline}.crumb-here{color:var(--ink);font-weight:800}.kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-size:13px;font-weight:800}.hint{color:var(--ink-faint);font-size:12px;font-weight:500}.avatar{background:var(--shell-bg);color:#fff;border-radius:16px;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.loading-screen{color:var(--ink-mute);flex-direction:column;align-items:center;gap:12px;padding:80px 0;display:flex}.loading-spinner{border:3px solid var(--line-soft);border-top-color:var(--teal-deep);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.shell{padding:16px 8px}.topbar-title{font-size:18px}.app-pad{padding:16px 14px 18px}}