*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#142033;background:#f5f7fb}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#101b35,#142446 60%,#172b51);color:#dce6ff;padding:22px 16px;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 22px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#22d3ee);color:#fff;font-weight:900;box-shadow:0 8px 25px #0003}.brand strong{display:block;letter-spacing:.5px}.brand span{display:block;font-size:11px;color:#9eb0d3;letter-spacing:1.8px}.user-card{display:flex;align-items:center;gap:11px;margin:0 4px 22px;padding:13px;border:1px solid #ffffff14;border-radius:15px;background:#ffffff0a}.user-card .avatar{width:36px;height:36px;border-radius:11px;background:#ffffff17;display:grid;place-items:center;font-weight:800}.user-card strong,.user-card span{display:block}.user-card strong{font-size:13px}.user-card span{font-size:11px;color:#9eb0d3;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 12px;border-radius:11px;font-size:14px;color:#cbd7ee;display:flex;justify-content:space-between}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:#fff}.sidebar nav a.disabled{opacity:.48;cursor:not-allowed}.sidebar nav small{font-size:9px;background:#ffffff12;padding:2px 5px;border-radius:8px}.nav-label{font-size:10px;letter-spacing:1.4px;color:#7890bc;padding:19px 12px 5px}.main{margin-left:270px;min-width:0;flex:1}.topbar{height:98px;background:#fff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;padding:0 32px;gap:18px;position:sticky;top:0;z-index:5}.topbar h1{margin:0;font-size:23px}.topbar p{margin:4px 0 0;color:#738099;font-size:13px}.school-pill{margin-left:auto;padding:9px 13px;border-radius:999px;background:#f0f4ff;color:#50638a;font-size:12px;font-weight:700}.menu-btn{display:none;border:0;background:#eef2f8;border-radius:9px;padding:8px 10px}.content{padding:28px;max-width:1500px;margin:auto}.alert{padding:12px 14px;border-radius:12px;margin-bottom:16px;font-size:13px}.alert.success{background:#eafaf1;color:#1a6f45}.alert.error{background:#fff0f0;color:#a53d3d}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 30px #1a2a4a08}.stat-icon{width:48px;height:48px;border-radius:15px;background:#f2f0ff;display:grid;place-items:center;font-size:21px;color:#6949d7}.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:12px;color:#78859b}.stat-card strong{font-size:27px;margin-top:2px}.panel-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.panel{background:#fff;border:1px solid #e8edf5;border-radius:18px;padding:22px;margin-bottom:20px;box-shadow:0 8px 30px #1a2a4a08}.panel.narrow{max-width:650px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h3{margin:0 0 5px;font-size:17px}.panel p{margin:0;color:#77849a;font-size:13px;line-height:1.6}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef1f6;color:#66738c;font-size:11px;font-weight:700}.badge.green{background:#e9f9f0;color:#1d7a4c}.roadmap{display:grid;gap:13px;margin-top:18px}.roadmap>div{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#f8f9fc}.roadmap b{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#e9edf5;color:#60708f}.roadmap .done b{background:#e6f8ef;color:#17804a}.roadmap strong,.roadmap small{display:block}.roadmap small{color:#7e8ba0;margin-top:3px}.ai-preview{background:linear-gradient(145deg,#161f3f,#2d3767);color:#fff;border:0}.ai-preview p{color:#bdc8e4;margin:12px 0 22px}.ai-kicker{font-size:10px;letter-spacing:1.5px;color:#8bdcf0}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#6c55e8,#4d7ee8);color:#fff}.btn.secondary{background:#ffffff16;color:#fff;border:1px solid #ffffff22}.btn.full{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}.form-grid.two{grid-template-columns:repeat(3,1fr)}.form-action{display:flex;align-items:end}.form-grid label,.stack-form label,.login-card label{font-size:12px;font-weight:700;color:#506078}.form-grid input,.form-grid select,.stack-form input,.login-card input{display:block;width:100%;margin-top:7px;border:1px solid #dce3ee;border-radius:11px;padding:11px 12px;background:#fff;color:#182438;outline:none}.form-grid input:focus,.form-grid select:focus,.stack-form input:focus,.login-card input:focus{border-color:#7b6de7;box-shadow:0 0 0 3px #7b6de714}.stack-form{display:grid;gap:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #edf0f5}th{font-size:11px;letter-spacing:.4px;color:#71809a;background:#fafbfc}.login-body{min-height:100vh;background:#101831}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-hero{padding:9vw 8vw;color:#fff;background:radial-gradient(circle at 20% 15%,#6f55df55,transparent 30%),radial-gradient(circle at 80% 70%,#17c8d944,transparent 28%),linear-gradient(145deg,#111a35,#17274a);display:flex;flex-direction:column;justify-content:center}.hero-chip{width:max-content;max-width:100%;font-size:12px;padding:7px 10px;border-radius:999px;background:#ffffff12;border:1px solid #ffffff1d;color:#c9d8f7}.login-hero h1{font-size:clamp(36px,4vw,64px);line-height:1.04;max-width:750px;margin:24px 0}.login-hero>p{color:#b9c5de;font-size:16px;line-height:1.75;max-width:690px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.hero-grid div{padding:16px;border-radius:14px;background:#ffffff09;border:1px solid #ffffff12}.hero-grid b,.hero-grid span{display:block}.hero-grid span{color:#9fb0d1;font-size:11px;margin-top:4px}.login-panel{background:#f7f9fd;display:grid;place-items:center;padding:35px}.login-card{width:min(470px,100%);background:#fff;padding:38px;border:1px solid #e4e9f2;border-radius:24px;box-shadow:0 25px 70px #111a3518}.login-brand{padding:0 0 30px}.login-card h2{margin:0;font-size:28px}.login-card>p{color:#7a879c;margin:6px 0 25px}.login-card form{display:grid;gap:16px}.demo-box{margin-top:22px;padding:13px;border-radius:12px;background:#f7f8fb;font-size:11px;color:#6e7b91;display:grid;gap:4px}.demo-box strong{color:#344056;margin-bottom:3px}@media(max-width:1000px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panel-grid{grid-template-columns:1fr}.form-grid,.form-grid.two{grid-template-columns:1fr 1fr}.login-wrap{grid-template-columns:1fr}.login-hero{display:none}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s;z-index:20}.sidebar-open .sidebar{transform:translateX(0)}.main{margin-left:0}.menu-btn{display:block}.topbar{height:auto;padding:18px}.topbar h1{font-size:19px}.topbar p{display:none}.school-pill{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:22px}.form-grid,.form-grid.two{grid-template-columns:1fr}.login-panel{padding:18px}.login-card{padding:25px}.hero-grid{grid-template-columns:1fr}}