:root{--navy: #172554;--navy2: #1e3a8a;--amber: #f59e0b;--amber2: #ff8c1f;--blue: #2563eb;--blue-d: #1d4ed8;--blue-bg: #eff6ff;--blue-br: #dbeafe;--ink: #0f172a;--t1: #334155;--t2: #475569;--t3: #64748b;--mut: #94a3b8;--bg: #f8fafc;--card: #fff;--br: #e2e8f0;--br2: #f1f5f9;--green: #22a55b;--green-d: #047857;--green-bg: #ecfdf5;--orange: #c2410c;--orange-bg: #fff7ed;--red: #dc2626;--red-bg: #fef2f2;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Inter", system-ui, sans-serif;--head: "Poppins", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased}::selection{background:var(--amber);color:var(--navy)}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-d);text-decoration:underline}button{font-family:var(--sans);cursor:pointer}select,input{font-family:var(--sans)}.mono{font-family:var(--mono)}.head{font-family:var(--head)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes popIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modalIn{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.topbar{background:var(--blue-bg);border-bottom:1px solid var(--blue-br);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between}.topbar-icons{max-width:1280px;height:60px;margin:0 auto;padding:0;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;width:100%}.topbar-left{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px}.brand-name{font-family:var(--head);font-weight:700;font-size:18px;color:var(--navy);letter-spacing:.5px}.brand-logo{max-height:100px;width:auto;display:block;object-fit:contain}@media (max-width: 480px){.brand-logo{max-height:32px}}.nav-link{font-size:15px;font-weight:500;color:var(--mut);cursor:pointer}.nav-link:hover{color:var(--navy);text-decoration:none}.nav-link.active{font-weight:600;color:var(--navy)}.avatar{width:30px;height:30px;border-radius:999px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600;font-family:var(--head)}.page{max-width:1280px;margin:0 auto;padding:28px 28px 96px}.h1{font-family:var(--head);font-weight:700;font-size:28px;color:var(--ink);margin:0 0 6px;letter-spacing:-.5px}.sub{font-size:13px;color:var(--t3)}.workspace{display:flex;gap:24px;align-items:flex-start}.main-col{flex:1;min-width:0}.rail{position:sticky;top:80px;flex:0 0 264px;width:264px;display:flex;flex-direction:column;gap:16px}.rail-title{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mut);margin-bottom:10px}.btn-primary{width:100%;background:var(--navy);color:#fff;font-family:var(--head);font-weight:600;font-size:14px;border:none;padding:12px 16px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:#12203f}.btn-outline{width:100%;background:#fff;border:1px solid var(--br);color:var(--navy);font-family:var(--head);font-weight:600;font-size:14px;padding:11px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-outline:hover{border-color:var(--mut)}.preset-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--br);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--t2)}.preset-chip:hover{border-color:var(--blue);color:var(--navy);background:var(--blue-bg)}.preset-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.saved-row{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--br);border-radius:9px;padding:8px 10px}.saved-row:hover{border-color:var(--blue-br)}.saved-name{flex:1;min-width:0;text-align:left;background:none;border:none;font-size:13px;font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-btn{width:24px;height:24px;border-radius:7px;border:none;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--blue-bg);color:var(--blue-d)}.icon-btn.danger{background:var(--red-bg);color:var(--red)}.icon-btn:hover{filter:brightness(.95)}.card{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:16px}.field-label{display:block;font-size:12px;font-weight:600;color:var(--t2);margin-bottom:5px}.select{width:100%;font-size:13.5px;color:var(--t1);padding:9px 30px 9px 11px;border:1px solid var(--br);border-radius:8px;outline:none;background-color:#fff;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.select:focus{border-color:var(--blue)}.panel{background:#fff;border:1px solid var(--br);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.mtable-head,.mtable-row{display:grid;grid-template-columns:2fr repeat(5,minmax(84px,1fr));gap:16px;align-items:center;padding:13px 18px;white-space:nowrap}.mtable-head{background:var(--bg);border-bottom:1px solid var(--br);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--mut)}.mtable-row{border-bottom:1px solid var(--br2);cursor:pointer;font-size:14px}.mtable-row:hover{background:var(--blue-bg)}.mtable-row:last-child{border-bottom:none}.m-name{font-weight:600;color:var(--ink);font-family:var(--head)}.pill{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px;display:inline-block}.pill-green{color:var(--green-d);background:var(--green-bg)}.pill-orange{color:var(--orange);background:var(--orange-bg)}.pill-blue{color:var(--blue-d);background:var(--blue-bg)}.pill-gray{color:var(--t3);background:var(--br2)}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.view-card{background:#fff;border:1px solid var(--br);border-radius:16px;padding:18px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column}.vc-title{font-family:var(--head);font-weight:600;font-size:16px;color:var(--ink)}.vc-meta{font-size:12px;color:var(--mut);margin-top:3px}.vc-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--br);background:#fff;display:flex;align-items:center;justify-content:center}.vc-btn:hover{border-color:var(--mut)}.crumb{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding:8px 12px;background:var(--bg);border:1px solid var(--br2);border-radius:9px}.crumb-txt{font-size:12px;color:var(--t3);font-family:var(--mono);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-btn{font-size:11px;font-weight:600;border-radius:6px;padding:3px 8px;cursor:pointer}.crumb-btn.blue{color:var(--blue-d);background:var(--blue-bg);border:1px solid var(--blue-br)}.crumb-btn.gray{color:var(--t2);background:#fff;border:1px solid var(--br)}.menu{position:absolute;top:34px;right:0;z-index:15;width:180px;background:#fff;border:1px solid var(--br);border-radius:10px;box-shadow:0 12px 30px #0f172a29;padding:6px;animation:popIn .12s ease-out}.menu button{width:100%;text-align:left;background:none;border:none;font-size:14px;color:var(--t1);padding:9px 10px;border-radius:7px}.menu button:hover{background:var(--br2)}.menu button.danger{color:#b91c1c}.menu button.danger:hover{background:var(--red-bg)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-tile{border-radius:12px;padding:16px;border:1px solid var(--br);background:var(--bg);text-align:left}.kpi-tile:hover{border-color:var(--blue)}.kpi-tile.accent{background:var(--navy);border-color:var(--navy)}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.4px;margin-bottom:8px;color:var(--t3)}.kpi-tile.accent .kpi-label{color:#a5b4fc}.kpi-value{font-family:var(--head);font-weight:800;font-size:26px;color:var(--ink)}.kpi-tile.accent .kpi-value{color:#fff}.dtable{border:1px solid var(--br);border-radius:10px;overflow:hidden}.dtable-head,.dtable-row{display:grid;gap:0;align-items:center}.dtable-head{background:var(--bg);border-bottom:1px solid var(--br);padding:9px 14px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--mut)}.dtable-row{padding:10px 14px;border-bottom:1px solid var(--br2);cursor:pointer;font-size:13px}.dtable-row:hover{background:var(--blue-bg)}.dtable-row:last-child{border-bottom:none}.vbar-wrap{display:flex;align-items:flex-end;gap:12px;height:200px;padding-top:8px}.vbar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;cursor:pointer}.vbar-col:hover{opacity:.82}.vbar-val{font-size:12px;font-weight:600;color:var(--ink);font-family:var(--mono)}.vbar-bar{width:100%;max-width:54px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--blue),var(--navy))}.vbar-label{font-size:11px;color:var(--t3);text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hbar-row{display:flex;align-items:center;gap:12px;cursor:pointer}.hbar-row:hover{opacity:.82}.hbar-label{width:130px;font-size:13px;color:var(--t1);flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{flex:1;height:24px;background:var(--br2);border-radius:7px;overflow:hidden}.hbar-fill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--blue),var(--navy))}.hbar-val{width:52px;text-align:right;font-size:13px;font-weight:600;color:var(--ink);font-family:var(--mono)}.pie-wrap{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.pie-legend{flex:1;min-width:150px;display:flex;flex-direction:column;gap:10px}.pie-leg-row{display:flex;align-items:center;gap:9px;cursor:pointer}.pie-leg-row:hover{opacity:.8}.pie-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.skel{height:300px;border-radius:16px;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:600px 100%;animation:shimmer 1.4s infinite}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;justify-content:center;padding:40px 20px}.overlay.center{align-items:center}.overlay.top{align-items:flex-start}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73}.modal{position:relative;background:#fff;border-radius:18px;box-shadow:0 24px 60px #0f172a47;animation:modalIn .2s ease-out;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.modal-head{padding:22px 26px;border-bottom:1px solid var(--br2);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-family:var(--head);font-weight:700;font-size:20px;color:var(--ink)}.modal-body{padding:22px 26px;overflow-y:auto;overflow-x:hidden;flex:1}.modal-foot{padding:16px 26px;border-top:1px solid var(--br2);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.x-btn{background:var(--br2);border:none;color:var(--t2);width:34px;height:34px;border-radius:9px;font-size:18px}.x-btn:hover{background:#e2e8f0}.text-input{width:100%;font-size:15px;color:var(--t1);padding:12px 14px;border:1px solid var(--br);border-radius:9px;outline:none}.text-input:focus{border-color:var(--blue)}.filter-chip{display:inline-flex;align-items:center;gap:8px;background:var(--blue-bg);border:1px solid var(--blue-br);border-radius:999px;padding:6px 8px 6px 12px}.filter-chip .k{font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--blue)}.filter-chip .v{font-size:13px;font-weight:600;color:var(--navy)}.filter-chip .x{width:19px;height:19px;border-radius:999px;border:none;background:var(--blue-br);color:var(--blue-d);font-size:12px}.sugg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 6px;border-radius:7px;cursor:pointer}.sugg-row:hover{background:var(--blue-bg)}.sugg-type{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--blue);background:var(--blue-bg);border:1px solid var(--blue-br);padding:2px 6px;border-radius:5px}.sugg-grp{padding:8px 6px 3px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mut)}.stu-rail{width:288px;flex-shrink:0;background:var(--navy);color:#fff;padding:26px 24px;overflow-y:auto}.stu-avatar{width:60px;height:60px;border-radius:999px;background:var(--amber);color:var(--navy);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:22px}.stu-sec-title{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#a5b4fc;margin-bottom:10px}.stu-contact{display:flex;align-items:center;gap:8px;font-size:13px;color:#e2e8f0;margin-bottom:8px;word-break:break-all}.stu-divider{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.detail-label{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mut);margin-bottom:4px}.detail-val{font-size:14px;color:var(--ink);font-weight:500}.comp-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--bg);border:1px solid var(--br);border-radius:8px}