@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=Noto+Sans+Myanmar:wght@400;500;600&display=swap");:root{--bg:#f7f5f2;--panel:#ffffff;--soft:#faf8f5;--border:#e6e1dc;--hairline:#eee7df;--hair-2:#f2ede6;--text:#211e1f;--text-2:#57524f;--muted:#6b6668;--subtle:#9b9694;--faint:#b3ada5;--brand:#d7b644;--brand-hover:#cfa933;--brand-border:#cba82f;--brand-ink:#211e1f;--gold-text:#9a6a00;--gold-active-ink:#5c4d1f;--gold-tint:#fbf4dd;--gold-tint-2:#fbf1e0;--ok:#1b7a4b;--ok-bg:#e8f3ec;--ok-border:#cfe6d8;--warn:#9a6a00;--warn-bg:#fff4e0;--danger:#b3261e;--danger-bg:#fdecea;--danger-border:#f2c9c4;--ink-panel:linear-gradient(155deg,#26221f,#1b1817);--radius-card:16px;--radius-md:12px;--radius-sm:10px;--shadow-card:0 1px 2px rgba(33,30,31,0.04);--shadow-pop:0 8px 22px rgba(33,30,31,0.1);--shadow-raised:0 8px 24px rgba(33,30,31,0.18);--sidebar-w:266px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Hanken Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.mm{font-family:Noto Sans Myanmar,Hanken Grotesk,sans-serif}a{color:var(--gold-text);text-decoration:none}a:hover{color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e0dad2;border-radius:8px;border:3px solid var(--bg)}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:40}.sb-brand{gap:12px;padding:20px 20px 16px}.sb-brand,.sb-mark{display:flex;align-items:center}.sb-mark{border-radius:50%;background:#fff;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(33,30,31,.12);border:1px solid var(--hairline);flex-shrink:0}.sb-mark,.sb-mark img{width:42px;height:42px}.sb-mark img{object-fit:cover}.sb-brand-name{font-weight:800;font-size:16px;letter-spacing:-.01em;line-height:1}.sb-brand-sub{font-size:11px;color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.sb-school{margin:0 14px 6px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--soft);gap:10px}.sb-school,.sb-school-badge{display:flex;align-items:center}.sb-school-badge{width:30px;height:30px;border-radius:8px;background:var(--text);color:#e2c452;font-weight:800;font-size:13px;justify-content:center;flex-shrink:0}.sb-school-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-school-year{font-size:11.5px;color:var(--subtle)}.nav{flex:1 1;overflow-y:auto;padding:12px 14px 8px}.nav-section{font-size:11px;font-weight:700;color:#a8a29b;letter-spacing:.1em;text-transform:uppercase;padding:14px 10px 8px}.nav-section:first-child{padding-top:6px}.nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--text-2);margin-bottom:2px;position:relative;transition:background .12s ease}.nav a svg{flex-shrink:0}.nav a .nav-ico{color:var(--muted);display:flex}.nav a:hover{background:#f5f2ee;color:var(--text)}.nav a.active{background:var(--gold-tint);font-weight:600}.nav a.active,.nav a.active .nav-ico{color:var(--gold-active-ink)}.nav a.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--brand-hover)}.nav-tag{margin-left:auto;font-size:10px;font-weight:700;color:var(--muted);background:#f0ece6;padding:2px 7px;border-radius:6px;letter-spacing:.03em}.nav-divider{height:1px;background:var(--hairline);margin:14px 10px 10px}.sb-user{border-top:1px solid var(--border);padding:12px 14px;gap:11px}.sb-avatar,.sb-user{display:flex;align-items:center}.sb-avatar{width:38px;height:38px;border-radius:11px;background:var(--text);color:#e2c452;font-weight:700;font-size:14px;justify-content:center;flex-shrink:0}.sb-user-name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-user-role{font-size:11.5px;color:var(--subtle);display:flex;align-items:center;gap:5px;text-transform:capitalize}.sb-user-role .dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.sb-signout{width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--muted)}.sb-signout:hover{background:#f5f2ee}.main-col{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;height:66px;background:rgba(247,245,242,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 30px}.topbar-titles{flex:1 1;min-width:0}.topbar-eyebrow{font-size:12px;color:var(--subtle);letter-spacing:.02em}.topbar h1{font-size:20px;font-weight:800;margin:1px 0 0;letter-spacing:-.01em}.hamburger{display:none;width:40px;height:40px;padding:0;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:10px;cursor:pointer;flex-shrink:0}.pagebody{flex:1 1;padding:28px 30px 44px;max-width:1360px;width:100%}.nav-overlay{display:none}@media (max-width:900px){.app-shell .sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .26s ease;box-shadow:0 24px 70px rgba(33,30,31,.3)}.app-shell.nav-open .sidebar{transform:translateX(0)}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(33,30,31,.42);opacity:0;pointer-events:none;transition:opacity .26s ease;z-index:30}.app-shell.nav-open .nav-overlay{opacity:1;pointer-events:auto}.hamburger{display:flex}}@media (max-width:760px){.topbar{padding:0 16px}.pagebody{padding-left:16px;padding-right:16px}}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}h1{font-size:24px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}.subtitle{color:var(--muted);margin:0 0 22px;font-size:14.5px}.pagehead .subtitle{margin:0}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:22px;margin-bottom:20px;box-shadow:var(--shadow-card)}.card-tight{padding:0;overflow:hidden}.card h2,.panel h2{font-size:16px;font-weight:700;margin:0 0 4px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-head h2,.card-head h3{margin:0;font-size:16px;font-weight:700}.ink-card{background:var(--ink-panel);color:#f4efe7;border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-raised);position:relative;overflow:hidden;border:none}.ink-card .eyebrow{font-size:12px;color:#b8ae9d;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}@media (max-width:1100px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:460px){.stat-grid{grid-template-columns:1fr}}.tile{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-card)}.tile.attn{border-color:#f0d9b8}.tile-top{justify-content:space-between;margin-bottom:14px}.tile-ico,.tile-top{display:flex;align-items:center}.tile-ico{width:38px;height:38px;border-radius:11px;background:#f0ece6;justify-content:center}.tile-ico.gold{background:var(--gold-tint)}.tile-ico.warn{background:var(--gold-tint-2)}.tile-n{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.tile-n.gold{color:var(--gold-text)}.tile-l{font-size:13px;color:var(--muted);margin-top:6px}.tile-flag{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;color:var(--muted);background:#f0ece6}.tile-flag.warn{color:var(--gold-text);background:var(--gold-tint-2)}.stat{display:flex;gap:30px;flex-wrap:wrap}.stat .n{font-size:26px;font-weight:800;letter-spacing:-.02em}.stat .l{color:var(--muted);font-size:12px;margin-top:2px}.tablewrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.tablewrap table{margin:0}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px 16px;border-bottom:1px solid var(--hair-2)}thead th{color:var(--subtle);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;background:var(--soft);border-bottom:1px solid var(--hairline)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--soft)}@media (max-width:760px){.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tablewrap>table{min-width:640px}}.badge,.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600}.badge.on,.pill.ok{background:var(--ok-bg);color:var(--ok)}.badge.off,.pill.danger{background:var(--danger-bg);color:var(--danger)}.badge.pending,.pill.warn{background:var(--gold-tint-2);color:var(--gold-text)}.pill.neutral{background:#f0ece6;color:var(--muted)}.pill.gold{background:var(--gold-tint);color:var(--gold-text)}.pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.btn,button{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;line-height:1.2;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover,button:hover{background:#f5f2ee}.btn.primary,button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand-border);box-shadow:0 2px 6px rgba(207,169,51,.28)}.btn.primary:hover,button.primary:hover{background:var(--brand-hover)}.btn.dark,button.dark{background:var(--text);color:#fff;border-color:var(--text)}.btn.dark:hover,button.dark:hover{background:#332e2c}.btn.danger,button.danger{background:#fff;color:var(--danger);border-color:var(--danger-border)}.btn.danger:hover,button.danger:hover{background:var(--danger-bg)}.btn.ghost,button.ghost{background:transparent;border-color:transparent}.btn.sm,button.sm{padding:6px 11px;font-size:13px;border-radius:9px}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed}.row,.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar{margin-bottom:16px}.toolbar .spacer{margin-left:auto}.input,input[type=date],input[type=email],input[type=file],input[type=number],input[type=search],input[type=text],select,textarea{font:inherit;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-border);box-shadow:0 0 0 3px rgba(215,182,68,.18)}label{display:block;font-size:13px;font-weight:600;color:var(--text-2);margin:14px 0 5px}.error{color:var(--danger)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.avatar{width:38px;height:38px;border-radius:11px;font-weight:700;font-size:13px;flex-shrink:0;background:var(--gold-tint);color:var(--gold-text)}.avatar,.empty{display:flex;align-items:center;justify-content:center}.empty{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:46px 32px;text-align:center;flex-direction:column}.empty-ico{width:84px;height:84px;border-radius:50%;background:#f4f1ec;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.empty-ico.gold{background:radial-gradient(circle,#faf5e6,#f4efe4);border:1px solid #f0e8d4}.empty-ico.danger{background:var(--danger-bg)}.empty h3{font-size:17px;font-weight:700;margin:0 0 6px}.empty p{font-size:13.5px;color:var(--muted);margin:0 0 20px;max-width:320px;line-height:1.55}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,#efeae3 25%,#f7f3ee 37%,#efeae3 63%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:7px}.spinner{width:15px;height:15px;border-radius:50%;border:2.4px solid rgba(33,30,31,.25);border-top:2.4px solid var(--text);animation:spin .7s linear infinite;display:inline-block}.spinner.on-gold{border-color:rgba(33,30,31,.25);border-top-color:var(--brand-ink)}.muted{color:var(--muted)}.gold-text{color:var(--gold-text)}@keyframes chintheRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login{display:flex;min-height:100vh;background:var(--bg)}.login-brand{flex:1.15 1;position:relative;overflow:hidden;color:#f4efe7;padding:56px 60px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(1200px 520px at 18% -10%,rgba(215,182,68,.22),transparent 60%),var(--ink-panel)}.login-lockup{display:flex;align-items:center;gap:14px}.login-lockup .mark{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.35)}.login-lockup .mark img{width:48px;height:48px;object-fit:cover}.login-lockup .name{font-weight:800;font-size:19px;letter-spacing:-.01em}.login-lockup .sub{font-size:12.5px;color:#b8ae9d;letter-spacing:.14em;text-transform:uppercase;margin-top:1px}.login-hero{max-width:460px;animation:chintheRise .6s ease both}.login-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(226,196,82,.35);border-radius:999px;font-size:12.5px;color:#e2c452;margin-bottom:26px}.login-chip .dot{width:6px;height:6px;border-radius:50%;background:#e2c452}.login-hero h1{font-size:38px;line-height:1.12;font-weight:800;margin:0 0 16px;letter-spacing:-.02em;color:#f4efe7}.login-hero p{font-size:16px;line-height:1.6;color:#c8bfb1;margin:0}.login-hero .mm{font-size:15px;color:#8f8676;margin:18px 0 0}.login-foot{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.login-foot,.login-foot a{color:#8f8676}.login-glow{position:absolute;right:-120px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(215,182,68,.16),transparent 65%);pointer-events:none}.login-panel{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px 32px}.login-panel-inner{width:100%;max-width:420px}.login-panel-mark{width:58px;height:58px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:22px;box-shadow:0 8px 22px rgba(33,30,31,.14);border:1px solid var(--hairline)}.login-panel-mark img{width:58px;height:58px;object-fit:cover}.login-panel h2{font-size:26px;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.login-panel .lead{font-size:15px;color:var(--muted);margin:0 0 30px;line-height:1.55}.login-google{width:100%;height:52px;gap:12px;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);font-size:15.5px;font-weight:600;box-shadow:0 1px 2px rgba(33,30,31,.04)}.login-google:hover{background:#fff;border-color:#d7cfc6;box-shadow:0 6px 18px rgba(33,30,31,.1)}.login-divider{display:flex;align-items:center;gap:16px;margin:26px 0}.login-divider .line{flex:1 1;height:1px;background:var(--border)}.login-divider span{font-size:12px;color:var(--subtle);letter-spacing:.08em;text-transform:uppercase}.login-note{display:flex;gap:12px;padding:16px;border:1px solid #efe6c9;background:#fbf6e6;border-radius:12px}.login-note p{margin:0;font-size:13.5px;line-height:1.5;color:#6b5a2a}.login-help{font-size:13px;color:var(--subtle);margin:26px 0 0;line-height:1.55}@media (max-width:820px){.login-brand{display:none}.login-panel{padding:32px 22px}}.stack{display:flex;flex-direction:column}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.grid-2{grid-template-columns:1fr}}hr{border:none;border-top:1px solid var(--hair-2);margin:16px 0}.layout{display:flex;min-height:100vh;background:var(--bg)}.layout>.sidebar{padding-top:0}.layout .brand{font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--text);padding:20px 20px 16px}.layout .nav{padding:8px 14px}.sidebar-footer{border-top:1px solid var(--border);padding:14px;color:var(--muted);font-size:12.5px;margin-top:auto}.sidebar-footer>div:first-child{color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{flex:1 1;min-width:0;padding:28px 30px 44px;max-width:1360px;width:100%}@media (max-width:760px){.main{padding:20px 16px 40px}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:40px;width:380px;max-width:100%;text-align:center;box-shadow:var(--shadow-card)}.login-card h1{margin:0 0 10px}