:root{--brand:#203d97;--brand-2:#ffb43c;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1117;--bg-2:#12161f;--card:#161b26;--border:#262d3d;--input:#1b2230;--text:#e8eaf1;--text-muted:#98a1b3;--accent:#3d5fce;--accent-hover:#5273de;--accent-soft:#3d5fce29;--on-accent:#fff;--link:#93aaf2;--amber:#ffb43c;--amber-soft:#ffb43c24;--ring:#708ce973;--error:#e5604f;--success:#3fbf7f;--warning:#f0a63a;--shadow:0 1px 2px #00000059, 0 8px 24px -12px #00000080;--badge-trial-bg:#3d5fce38;--badge-trial-fg:#b7c6f5;--badge-active-bg:#3fbf7f2e;--badge-active-fg:#9fe8c3;--badge-blocked-bg:#e5604f2e;--badge-blocked-fg:#f5b4ab;--badge-admin-bg:#ffb43c29;--badge-admin-fg:#ffd88f;--banner-info-bg:#3d5fce2e;--banner-info-fg:#c3d0f7;--banner-info-border:#708ce966;--banner-warning-bg:#ffb43c24;--banner-warning-fg:#ffd89a;--banner-warning-border:#ffb43c66;--banner-maintenance-bg:#e5604f26;--banner-maintenance-fg:#f6c0b9;--banner-maintenance-border:#e5604f66;--chart-axis:#8d96a9;--chart-grid:#2a3143;--chart-tooltip-bg:#1b2230;--chart-tooltip-border:#313a4e;--chart-blue:#6c8bea;--chart-amber:#ffb43c;--chart-green:#3fbf7f;--chart-red:#e5604f;--chart-gray:#6d7789}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--bg-2:#eceef3;--card:#fff;--border:#dde1e9;--input:#fff;--text:#1c2333;--text-muted:#5b6474;--accent:#203d97;--accent-hover:#16296b;--accent-soft:#203d9717;--on-accent:#fff;--link:#203d97;--amber:#ffb43c;--amber-soft:#ffb43c2e;--ring:#203d974d;--error:#c53929;--success:#1d7a4a;--warning:#a86a08;--shadow:0 1px 2px #1720400f, 0 8px 24px -14px #1720402e;--badge-trial-bg:#203d971a;--badge-trial-fg:#203d97;--badge-active-bg:#1d7a4a1f;--badge-active-fg:#176240;--badge-blocked-bg:#c539291a;--badge-blocked-fg:#a83122;--badge-admin-bg:#ffb43c38;--badge-admin-fg:#7a5303;--banner-info-bg:#203d9714;--banner-info-fg:#203d97;--banner-info-border:#203d9740;--banner-warning-bg:#ffb43c29;--banner-warning-fg:#7a5303;--banner-warning-border:#ffb43c80;--banner-maintenance-bg:#c5392914;--banner-maintenance-fg:#a83122;--banner-maintenance-border:#c539294d;--chart-axis:#6b7386;--chart-grid:#e3e6ed;--chart-tooltip-bg:#fff;--chart-tooltip-border:#dde1e9;--chart-blue:#203d97;--chart-amber:#e0930f;--chart-green:#1d7a4a;--chart-red:#c53929;--chart-gray:#9aa2b1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.015em;margin:0 0 4px;font-size:1.45rem;font-weight:650}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:1.05rem;font-weight:650}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-track{background:0 0}button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:9px 15px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--input);color:var(--text);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--bg-2);border-color:var(--text-muted)}button.danger{background:var(--error);color:#fff}button.danger:hover:not(:disabled){background:var(--error);filter:brightness(1.12)}button.warn{background:var(--brand-2);color:#402c00}button.warn:hover:not(:disabled){background:#f3a828}input,select,textarea{background:var(--input);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .25s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}label{color:var(--text-muted);margin:12px 0 5px;font-size:.82rem;display:block}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:20px;transition:background-color .25s,border-color .25s;position:relative}.card:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--brand-2), var(--accent));opacity:.9;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 3px,#0000 3px);mask-image:linear-gradient(90deg,#000 3px,#0000 3px)}.row{flex-wrap:wrap;gap:16px;display:flex}.muted{color:var(--text-muted)}.error{color:var(--error)}.success{color:var(--success)}.badge{letter-spacing:.01em;border-radius:99px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.badge.trial{background:var(--badge-trial-bg);color:var(--badge-trial-fg)}.badge.active{background:var(--badge-active-bg);color:var(--badge-active-fg)}.badge.blocked{background:var(--badge-blocked-bg);color:var(--badge-blocked-fg)}.badge.admin{background:var(--badge-admin-bg);color:var(--badge-admin-fg)}.banner{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-size:.9rem}.banner.info{background:var(--banner-info-bg);color:var(--banner-info-fg);border-color:var(--banner-info-border)}.banner.warning{background:var(--banner-warning-bg);color:var(--banner-warning-fg);border-color:var(--banner-warning-border)}.banner.maintenance{background:var(--banner-maintenance-bg);color:var(--banner-maintenance-fg);border-color:var(--banner-maintenance-border)}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:9px 10px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:600}tbody tr{transition:background-color .1s}tbody tr:hover{background:var(--accent-soft);cursor:pointer}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll table{min-width:640px}.kpi{flex-direction:column;flex:1;justify-content:center;min-width:140px;display:flex}.kpi .value{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.kpi .label{color:var(--text-muted);font-size:.82rem}.logo-mark{color:#fff;background:linear-gradient(135deg,#203d97 0%,#3757c4 65%,#4a69d6 100%);border-radius:10px;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,0 2px 8px -2px #203d9780}.logo-mark:after{content:"";background:var(--brand-2);border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px;right:4px}.drawer{background:var(--bg-2);border-right:1px solid var(--border);flex-direction:column;gap:2px;width:230px;padding:16px;transition:background-color .25s,border-color .25s;display:flex}.nav-item{color:var(--text-muted);border-left:3px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.nav-item:hover{background:var(--accent-soft);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--link);border-left-color:var(--brand-2);font-weight:600}.nav-section{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin:16px 0 4px;padding-left:3px;font-size:.7rem;font-weight:650}.theme-toggle{background:var(--input);width:100%;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.theme-toggle:hover:not(:disabled){background:var(--bg-2);border-color:var(--text-muted)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.grid-split{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:16px;display:grid}.span-all{grid-column:1/-1}@media (width<=860px){.grid-split{grid-template-columns:1fr}}.layout-shell{min-height:100vh;display:flex}.mobile-topbar,.drawer-backdrop{display:none}.main-area{flex:1;min-width:0;padding:28px;overflow:auto}@media (width<=880px){.layout-shell{flex-direction:column}.mobile-topbar{background:var(--bg-2);border-bottom:1px solid var(--border);z-index:30;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky;top:0}.drawer{z-index:50;width:min(280px,82vw);transition:transform .22s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 0 28px #0006}.drawer.open{transform:translate(0)}.drawer-backdrop{z-index:40;background:#00000073;display:block;position:fixed;inset:0}.drawer-close{display:inline-flex!important}.main-area{padding:16px}}.drawer-close{display:none}