:root{--bg: #F7F8FA;--card: #FFFFFF;--bd: #E7EBF0;--bd2: #EEF1F5;--ink: #0F1B2D;--mut: #64748B;--faint: #94A3B8;--blu: #0B57C7;--blu-h: #0844A0;--blu-t: #E7F0FC;--navy: #0A1F3C;--ok: #16A34A;--ok-t: #E9F6EE;--warn: #B7791F;--warn-t: #FDF3DF;--dng: #DC2626;--dng-t: #FCEAEA;--hov: #F3F6F9;--input: #FFFFFF;--shadow: 0 1px 2px rgba(15, 27, 45, .05);--shadow2: 0 4px 16px rgba(15, 27, 45, .07);--track: #EDF1F5;--heading: #0A1F3C;--text: #334155;--info: #0EA5E9;--font-head: "Montserrat", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 8px;--radius-lg: 10px;--radius-xl: 12px;--sidebar-w: 224px;--sidebar-w-mini: 60px;--topbar-h: 56px;--vd-navy: var(--heading);--vd-navy-900: #06152A;--vd-blue: var(--blu);--vd-blue-700: var(--blu-h);--vd-blue-100: var(--blu-t);--vd-sky-50: var(--hov);--vd-ink: var(--ink);--vd-slate-700: var(--text);--vd-slate-500: var(--mut);--vd-slate-400: var(--faint);--vd-logo-gray: #838586;--vd-border: var(--bd);--vd-border-soft: var(--bd2);--vd-surface: var(--bg);--vd-white: var(--card);--vd-success: var(--ok);--vd-success-bg: var(--ok-t);--vd-warning: var(--warn);--vd-warning-fg: var(--warn);--vd-warning-bg: var(--warn-t);--vd-danger: var(--dng);--vd-danger-bg: var(--dng-t);--vd-info: var(--info)}body.dark{--bg: #0F1117;--card: #151A23;--bd: #232A38;--bd2: #1C222E;--ink: #E8ECF4;--mut: #8B95A8;--faint: #5F6A80;--blu: #5B96F2;--blu-h: #7DACF5;--blu-t: #14243D;--navy: #0A1F3C;--ok: #4ADE80;--ok-t: #10271A;--warn: #E8B04B;--warn-t: #2C2310;--dng: #F87171;--dng-t: #331619;--hov: #1A2130;--input: #10141D;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow2: 0 4px 16px rgba(0, 0, 0, .35);--track: #222939;--heading: #E8ECF4;--text: #C3CCDB;--info: #38BDF8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:12.5px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--blu);text-decoration:none}a:hover{color:var(--blu-h)}h1,h2,h3,h4{font-family:var(--font-head);color:var(--heading);margin:0;line-height:1.2}.mono{font-family:var(--font-mono)}.muted{color:var(--mut)}@keyframes vdFade{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes vd-spin{to{transform:rotate(360deg)}}.spin{animation:vd-spin .9s linear infinite}.content>*{animation:vdFade .25s ease}.btn{font-family:var(--font-body);font-weight:600;font-size:12.5px;border-radius:var(--radius);padding:8px 14px;cursor:pointer;border:1px solid transparent;display:inline-flex;align-items:center;gap:7px;transition:background .12s,border-color .12s,color .12s}.btn-primary{background:var(--blu);color:#fff}.btn-primary:hover{background:var(--blu-h)}.btn-ghost{background:var(--card);color:var(--ink);border-color:var(--bd)}.btn-ghost:hover{background:var(--hov)}.btn-danger{background:var(--dng-t);color:var(--dng)}.btn-danger:hover{border-color:var(--dng)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-block{width:100%;justify-content:center}.btn-sm{padding:6px 11px;font-size:12px;border-radius:6px}.field{margin-bottom:14px}.label{font-size:11.5px;font-weight:600;color:var(--text);display:block;margin-bottom:5px}.input{width:100%;border:1px solid var(--bd);border-radius:var(--radius);padding:8px 11px;font-size:13px;font-family:var(--font-body);color:var(--ink);background:var(--input);outline:none;transition:border-color .12s,box-shadow .12s}.input:focus{border-color:var(--blu);box-shadow:0 0 0 3px var(--blu-t)}.input:disabled{background:var(--bg);color:var(--mut)}select.input{color:var(--ink)}.card{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow)}.card-title{font-family:var(--font-body);font-weight:600;color:var(--heading);font-size:13px}.badge{font-family:var(--font-body);font-weight:600;font-size:11.5px;padding:2px 9px;border-radius:99px;white-space:nowrap}.badge-ok{background:var(--ok-t);color:var(--ok)}.badge-warn{background:var(--warn-t);color:var(--warn)}.badge-danger{background:var(--dng-t);color:var(--dng)}.badge-info{background:var(--blu-t);color:var(--blu)}.badge-muted{background:var(--hov);color:var(--mut)}.chip{font-size:12px;font-weight:500;padding:5px 12px;border-radius:99px;cursor:pointer;background:var(--card);color:var(--mut);border:1px solid var(--bd);transition:all .12s}.chip:hover{background:var(--hov)}.chip.active{background:var(--blu-t);color:var(--blu);border-color:transparent;font-weight:600}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stack{display:flex;flex-direction:column}.stat{background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow)}.stat-label{font-size:11.5px;color:var(--mut);font-weight:500}.stat-value{font-family:var(--font-body);font-weight:700;font-size:26px;color:var(--heading);margin-top:2px;font-variant-numeric:tabular-nums}.lrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--bd2)}.lrow:first-child{border-top:none}.lrow:hover{background:transparent}.icobox{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.auth-wrap{min-height:100%;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:var(--track)}.shell{display:flex;height:100%}.sidebar{width:var(--sidebar-w);background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:14px 10px;flex:none;transition:width .22s cubic-bezier(.4,0,.2,1)}.sidebar.mini{width:var(--sidebar-w-mini)}.sidebar.mini .side-label,.sidebar.mini .brand-text,.sidebar.mini .ws-label{display:none}.sidebar.mini .nav-item{justify-content:center;padding:9px 0}.brand{display:flex;align-items:center;gap:9px;padding:4px 5px 16px}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--blu);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-head);font-weight:800;font-size:13px;flex:none}.nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;color:#aeb9c7;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .12s,color .12s}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:#ffffff17;color:#fff;box-shadow:inset 3px 0 0 var(--blu)}.ws{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;margin-top:8px;display:flex;align-items:center;gap:8px}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.topbar{height:var(--topbar-h);background:var(--card);border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex:none}.content{padding:24px 28px;overflow:auto;flex:1}.profile{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--bd);cursor:pointer;position:relative}.avatar{border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;flex:none}.menu{position:absolute;top:46px;right:0;background:var(--card);border:1px solid var(--bd);border-radius:var(--radius-lg);min-width:180px;padding:6px;box-shadow:var(--shadow2);z-index:20}.menu-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text);cursor:pointer;background:none;border:none;width:100%;text-align:left}.menu-item:hover{background:var(--hov)}.page-title{font-family:var(--font-head);font-weight:600;color:var(--heading);font-size:15px}.pill{font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px}.pill-portal{background:var(--blu-t);color:var(--blu)}.pill-admin{background:var(--navy);color:#fff}.iconbtn{color:var(--mut);cursor:pointer;display:flex;background:none;border:none;padding:4px;border-radius:7px;transition:background .12s,color .12s}.iconbtn:hover{background:var(--hov);color:var(--ink)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.page-h1{font-family:var(--font-head);font-weight:700;color:var(--heading);font-size:22px}.page-sub{font-size:13px;color:var(--mut);margin-top:2px}.two-col{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:14px}.state{text-align:center;color:var(--mut);font-size:13px;padding:28px 12px}@media (max-width: 760px){.two-col{grid-template-columns:1fr}}.vd-table{width:100%;border-collapse:collapse;font-size:12.5px}.vd-table th{text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--mut);padding:10px 12px;border-bottom:1px solid var(--bd);background:var(--bg);white-space:nowrap}.vd-table td{padding:11px 12px;border-bottom:1px solid var(--bd2);color:var(--text);vertical-align:middle}.vd-table tbody tr{cursor:pointer}.vd-table tbody tr:hover{background:var(--hov)}.vd-table tbody tr:last-child td{border-bottom:none}.vd-table .num{text-align:right;font-variant-numeric:tabular-nums}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.filters .input,.filters select.input{width:auto;min-width:130px}.login-split{display:flex;min-height:100%}.login-brand{flex:1;background:var(--navy);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 44px}.login-form{flex:1;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px}@media (max-width: 860px){.login-brand{display:none}}.tb-search{position:relative;flex:1;max-width:420px;margin:0 16px}.tb-search input{width:100%;border:1px solid var(--bd);border-radius:9px;background:var(--bg);padding:7px 58px 7px 32px;font-size:12.5px;font-family:var(--font-body);color:var(--ink);outline:none;transition:border-color .12s,box-shadow .12s,background .12s}.tb-search input:focus{background:var(--input);border-color:var(--blu);box-shadow:0 0 0 3px var(--blu-t)}.tb-search-ico{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--faint)}.tb-kbd{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--faint);background:var(--card);border:1px solid var(--bd);border-radius:6px;padding:1px 6px}@media (max-width: 720px){.tb-search{display:none}}