:root{--gray-0:#fff;--gray-25:#fbfcfd;--gray-50:#f5f7fa;--gray-100:#eef1f6;--gray-200:#e2e7ef;--gray-300:#cdd5e0;--gray-400:#9aa5b6;--gray-500:#6b7688;--gray-600:#4b5567;--gray-700:#343d4d;--gray-800:#212936;--gray-900:#131822;--gray-950:#0b0f16;--brand:#4f46e5;--brand-strong:#4338ca;--brand-soft:#eef0fe;--success:#12855f;--success-soft:#e3f5ee;--warning:#b7791f;--warning-soft:#fbf1dd;--danger:#d0342c;--danger-soft:#fbe7e6;--info:#1f77b4;--c1:#4f46e5;--c2:#12855f;--c3:#b7791f;--c4:#1f77b4;--c5:#9333ea;--c6:#d0342c;--c7:#0d9488;--c8:#db2777;--bg:var(--gray-50);--surface:var(--gray-0);--surface-2:var(--gray-25);--surface-hover:var(--gray-50);--border:var(--gray-200);--border-strong:var(--gray-300);--text:var(--gray-900);--text-muted:var(--gray-500);--text-subtle:var(--gray-400);--sidebar-bg:var(--gray-900);--sidebar-text:var(--gray-300);--sidebar-active:var(--gray-0);--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 12px 32px #1018281f;--radius:10px;--radius-sm:7px;--radius-lg:14px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--gray-950);--surface:var(--gray-900);--surface-2:#10161f;--surface-hover:var(--gray-800);--border:#232c3a;--border-strong:#303b4c;--text:var(--gray-100);--text-muted:var(--gray-400);--text-subtle:var(--gray-500);--brand-soft:#1e2130;--success-soft:#0f2820;--warning-soft:#2a2213;--danger-soft:#2c1615;--sidebar-bg:#080b11;--sidebar-text:var(--gray-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--gray-950);--surface:var(--gray-900);--surface-2:#10161f;--surface-hover:var(--gray-800);--border:#232c3a;--border-strong:#303b4c;--text:var(--gray-100);--text-muted:var(--gray-400);--text-subtle:var(--gray-500);--brand-soft:#1e2130;--success-soft:#0f2820;--warning-soft:#2a2213;--danger-soft:#2c1615;--sidebar-bg:#080b11;--sidebar-text:var(--gray-400);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text);margin:0;font-weight:650}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:8px 14px;font-size:13.5px;font-weight:550;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-hover)}.btn-sm{padding:5px 10px;font-size:12.5px}.input,.select{font:inherit;color:var(--text);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;padding:8px 11px;font-size:13.5px}.input:focus,.select:focus{outline:2px solid var(--brand);outline-offset:-1px;border-color:var(--brand)}label.field{display:block}label.field>span{color:var(--text-muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.card-head h3{font-size:14.5px}.card-body{padding:16px 18px}.badge{background:var(--gray-100);color:var(--gray-600);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}:root[data-theme=dark] .badge{background:var(--gray-800);color:var(--gray-300)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-brand{background:var(--brand-soft);color:var(--brand)}.table-wrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{text-align:left;letter-spacing:.03em;text-transform:uppercase;color:var(--text-subtle);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11.5px;font-weight:600}table.data td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}table.data tbody tr:hover{background:var(--surface-hover)}table.data tbody tr:last-child td{border-bottom:none}.num{font-variant-numeric:tabular-nums;text-align:right}.mono{font-family:var(--mono);font-size:12px}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.row{align-items:center;gap:10px;display:flex}.row-wrap{flex-wrap:wrap;gap:10px;display:flex}.spacer{flex:1}.stack{flex-direction:column;gap:8px;display:flex}.grid{gap:16px;display:grid}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spin{border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--surface-hover) 25%, var(--border) 37%, var(--surface-hover) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar .brand{align-items:center;gap:10px;padding:4px 8px 20px;display:flex}.sidebar .brand .logo{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.sidebar .brand .name{color:#fff;letter-spacing:-.01em;font-size:14.5px;font-weight:700}.sidebar .brand .sub{color:var(--gray-500);font-size:11px}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav a:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav a.active{color:#fff;background:#ffffff1a}.nav a svg{opacity:.85}.sidebar .foot{border-top:1px solid #ffffff14;margin-top:auto;padding-top:14px}.sidebar .who{padding:6px 8px}.sidebar .who .u{color:#fff;font-size:13px;font-weight:600}.sidebar .who .r{color:var(--gray-500);text-transform:capitalize;font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:14px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar h1{font-size:17px}.topbar .sub{font-size:12.5px}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.seg button{font:inherit;cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:5px 11px;font-size:12.5px;font-weight:550}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.icon-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.content{width:100%;max-width:1360px;padding:24px 26px 48px}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{flex-flow:wrap;align-items:center;height:auto;position:static}.sidebar .brand{padding:4px 8px}.nav{flex-flow:wrap}.sidebar .foot{border:none;margin-top:0}}.stat{padding:16px 18px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:8px;font-size:26px;font-weight:700}.stat-value.accent-brand{color:var(--brand)}.stat-value.accent-success{color:var(--success)}.stat-value.accent-warning{color:var(--warning)}.stat-value.accent-danger{color:var(--danger)}.stat-sub{color:var(--text-muted);margin-top:5px;font-size:12.5px}.barlist{flex-direction:column;gap:14px;display:flex}.barrow-top{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.barrow-label{min-width:0;font-size:13px;font-weight:500}.barrow-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:650}.bartrack{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;height:7px;overflow:hidden}.barfill{border-radius:999px;min-width:3px;height:100%;transition:width .4s}.barrow-sub{margin-top:5px;font-size:11.5px}.usercell{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:var(--brand-soft);width:30px;height:30px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.avatar-service{background:var(--surface-2);color:var(--text-muted)}.page{flex-direction:column;gap:18px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:650}@media (width<=900px){.two-col{grid-template-columns:1fr}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090c1280;place-items:center;padding:20px;animation:.12s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:100%;max-height:90vh;animation:.14s pop;overflow:auto}@keyframes pop{0%{opacity:.6;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head h3{font-size:15px}.modal-head .icon-btn{width:30px;height:30px;font-size:13px}.modal-body{padding:20px}