*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;--bg-page:radial-gradient(circle at 0% 0%,#1e293b 0%,#0f172a 35%,#020617 100%);--text-main:#e2e8f0;--text-muted:#94a3b8;--card-bg:rgba(15,23,42,.82);--card-border:rgba(148,163,184,.18);--sidebar-bg:#0f172a;--sidebar-border:rgba(71,85,105,.25);--surface-1:#0b1220;--surface-2:rgba(20,20,24,.92);--surface-border:rgba(100,116,139,.3);--hover-bg:rgba(30,41,59,.75);--accent-bg:#1e40af;--accent-bg-2:#1d4ed8;--accent-border:rgba(96,165,250,.5);--accent-text:#eef4ff;--table-head:rgba(15,23,42,.95);--row-hover:rgba(30,41,59,.7);--badge-bg:rgba(15,23,42,.7);--badge-border:rgba(100,116,139,.25);--eyebrow:#93c5fd;--panel-soft:rgba(15,23,42,.72);--stat-grad-1:rgba(30,41,59,.85);--stat-grad-2:rgba(15,23,42,.95);--filter-bg:rgba(15,23,42,.45);--table-wrap-bg:rgba(15,23,42,.55);--table-row-hover:rgba(51,65,85,.35);--input-placeholder:#64748b;--tab-active-bg:rgba(37,99,235,.25);--tab-active-text:#eff6ff;--sev-critical-text:#fca5a5;--sev-high-text:#fdba74;--sev-medium-text:#fde047;--sev-low-text:#86efac;--bar-track-bg:#1e293b;--bar-count:#93c5fd;background:var(--bg-page);color:var(--text-main)}body.tone-cool{--bg-page:radial-gradient(circle at 0% 0%,#f8fafc 0%,#eef2ff 42%,#e2e8f0 100%);--text-main:#0f172a;--text-muted:#475569;--card-bg:hsla(0,0%,100%,.94);--card-border:rgba(148,163,184,.35);--sidebar-bg:#fff;--sidebar-border:rgba(148,163,184,.35);--surface-1:#fff;--surface-2:#fff;--surface-border:rgba(148,163,184,.45);--hover-bg:#e2e8f0;--accent-bg:#dbeafe;--accent-bg-2:#bfdbfe;--accent-border:#93c5fd;--accent-text:#1e293b;--table-head:#f8fafc;--row-hover:#e2e8f0;--badge-bg:#fff;--badge-border:rgba(148,163,184,.45);--eyebrow:#475569;--panel-soft:#fff;--stat-grad-1:#fff;--stat-grad-2:#f8fafc;--filter-bg:#f8fafc;--table-wrap-bg:#fff;--table-row-hover:#f1f5f9;--input-placeholder:#94a3b8;--tab-active-bg:#eff6ff;--tab-active-text:#1e40af;--sev-critical-text:#b91c1c;--sev-high-text:#c2410c;--sev-medium-text:#a16207;--sev-low-text:#166534;--bar-track-bg:#e2e8f0;--bar-count:#475569}.shell[data-v-febbb658]{display:grid;gap:12px;grid-template-columns:var(--sidebar-width,304px) minmax(0,1fr);margin:0;max-width:none;padding:12px 16px 20px;width:100%}.content[data-v-febbb658]{min-width:0;width:100%}.login-shell[data-v-febbb658]{align-items:center;display:flex;margin:24px auto;max-width:760px;min-height:calc(100vh - 40px)}.auth-bootstrap-shell[data-v-febbb658]{margin:0;max-width:none;min-height:100vh}.login-wrap[data-v-febbb658]{align-items:center;display:flex;flex-direction:column;gap:38px;width:100%}.login-logo[data-v-febbb658]{border-radius:0;box-shadow:none;display:block;height:auto;width:min(560px,88vw)}.login-card[data-v-febbb658]{width:min(560px,92vw)}.mobile-backdrop[data-v-febbb658]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#020617ad;inset:0;position:fixed;z-index:35}.sidebar[data-v-febbb658]{align-content:start;background:var(--sidebar-bg);border-color:var(--sidebar-border);box-shadow:0 10px 24px #02061740;display:grid;gap:12px;grid-template-columns:56px minmax(0,1fr);min-height:calc(100vh - 32px);padding:12px;position:sticky;top:16px}.sidebar.collapsed[data-v-febbb658],.sidebar[data-v-febbb658]:not(.collapsed){grid-template-columns:1fr}.icon-rail[data-v-febbb658]{align-content:start;display:flex;flex-direction:column;gap:6px;padding:2px}.sidebar:not(.collapsed) .icon-rail[data-v-febbb658]{display:none}.rail-top[data-v-febbb658]{align-items:center;display:flex;justify-content:center}.sidebar:not(.collapsed) .rail-top[data-v-febbb658]{margin-bottom:10px;min-height:44px}.menu-panel[data-v-febbb658]{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-width:0;padding-left:0}.rail-btn[data-v-febbb658]{background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-muted);font-size:1.24rem;height:50px;line-height:1;transition:all .14s ease;width:100%}.rail-btn[data-v-febbb658]:hover{background:var(--hover-bg);color:var(--text-main)}.rail-btn.active[data-v-febbb658]{background:var(--accent-bg-2);border-color:var(--accent-border);color:var(--accent-text)}.sidebar-top[data-v-febbb658]{display:grid;gap:12px;margin-bottom:10px}.sidebar-brand-logo[data-v-febbb658]{height:34px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:132px}.sidebar-body[data-v-febbb658]{flex:1}.sidebar-footer[data-v-febbb658]{border-top:1px solid var(--surface-border);margin-top:auto;padding-top:12px}.profile-btn[data-v-febbb658]{align-items:center;background:var(--surface-2);border:1px solid var(--surface-border);border-radius:10px;color:var(--text-main);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:8px 10px;text-align:left;transition:all .14s ease;width:100%}.profile-btn[data-v-febbb658]:hover{background:var(--hover-bg);border-color:#94a3b873}.avatar[data-v-febbb658]{align-items:center;background:var(--accent-bg-2);border-radius:999px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:700;height:28px;justify-content:center;width:28px}.profile-meta[data-v-febbb658]{display:grid}.profile-meta small[data-v-febbb658]{color:var(--text-muted)}.rail-spacer[data-v-febbb658]{flex:1;min-height:12px}.profile-rail[data-v-febbb658]{margin-top:auto}.close-drawer[data-v-febbb658]{background:transparent;border:1px solid var(--surface-border);border-radius:8px;color:var(--text-main);height:34px;width:34px}.app-switcher[data-v-febbb658]{align-items:center;background:#141418fa;border:1px solid rgba(100,116,139,.18);border-radius:10px;color:#f1f5f9;display:grid;font-size:.9rem;font-weight:600;gap:8px;grid-template-columns:auto 1fr auto;padding:10px 12px;text-align:left;width:100%}.app-switcher .chev[data-v-febbb658]{color:#9aa3b2;font-size:.82rem}.app-logo[data-v-febbb658]{height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:92px}.app-title[data-v-febbb658]{font-size:.86rem}.menu-group[data-v-febbb658]{border-top:1px solid rgba(100,116,139,.14);margin-top:10px;padding-top:12px}.group-title[data-v-febbb658]{background:transparent;border:0;color:var(--text-muted);display:flex;font-size:.78rem;font-weight:700;justify-content:space-between;letter-spacing:.05em;margin-bottom:8px;width:100%}.menu-items[data-v-febbb658]{display:grid;gap:2px}.menu-item[data-v-febbb658]{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--text-main);-moz-column-gap:8px;column-gap:8px;display:grid;font-size:.9rem;grid-template-columns:18px 1fr;min-height:50px;padding:0 10px;text-align:left;transition:all .14s ease;width:100%}.menu-item-primary[data-v-febbb658]{background:#1e293bb3;border-color:var(--badge-border)}.menu-item-icon[data-v-febbb658]{align-items:center;color:var(--text-muted);display:inline-flex;font-size:1.24rem;justify-content:center;width:22px}.menu-item[data-v-febbb658]:hover{background:var(--hover-bg)}.menu-item.active[data-v-febbb658]{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-text)}.menu-item.active .menu-item-icon[data-v-febbb658]{color:#d6e6ff}.card[data-v-febbb658]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px}.topbar[data-v-febbb658]{border-radius:12px;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.topbar[data-v-febbb658],.topbar-left[data-v-febbb658]{align-items:center;display:flex}.topbar-left[data-v-febbb658]{gap:12px}.topbar-brand-logo[data-v-febbb658]{height:24px;-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;opacity:.96;width:88px}.crumbs[data-v-febbb658]{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:6px;text-transform:capitalize}.topbar-right[data-v-febbb658]{display:flex;gap:8px;margin-left:auto}.icon-btn[data-v-febbb658]{background:var(--surface-1);border:1px solid var(--surface-border);border-radius:9px;color:var(--text-main);height:34px;width:34px}.icon-btn[data-v-febbb658]:hover{border-color:var(--accent-border)}.status-dot[data-v-febbb658]{background:#64748b;border-radius:999px;box-shadow:0 0 0 2px #64748b2e;display:inline-block;height:9px;width:9px}.status-dot.ok[data-v-febbb658]{background:#22c55e;box-shadow:0 0 0 2px #22c55e33}.status-dot.down[data-v-febbb658]{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.icon-btn[data-v-febbb658]:disabled{cursor:not-allowed;opacity:.55}.header[data-v-febbb658]{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;padding:18px}.eyebrow[data-v-febbb658]{color:var(--eyebrow);font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:0;text-transform:uppercase}.header h1[data-v-febbb658]{color:var(--text-main);font-size:1.9rem;margin:6px 0}.sub[data-v-febbb658]{color:var(--text-muted);margin:0}.header-actions[data-v-febbb658]{align-items:center;display:flex;gap:10px}.health[data-v-febbb658]{align-items:center;border:1px solid var(--surface-border);border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;gap:8px;padding:8px 12px;white-space:nowrap}.dot[data-v-febbb658]{background:#64748b;border-radius:999px;display:inline-block;height:8px;width:8px}.health.ok[data-v-febbb658]{background:#10b98124;border-color:#10b98173;color:#34d399}.health.ok .dot[data-v-febbb658]{background:#22c55e}.health.down[data-v-febbb658]{background:#ef44441f;border-color:#ef444473;color:#f87171}.health.down .dot[data-v-febbb658]{background:#ef4444}.tabs[data-v-febbb658]{align-items:center;display:flex;gap:8px;margin-top:12px;padding:8px 10px}.users-toolbar[data-v-febbb658]{flex-wrap:wrap;gap:12px;justify-content:space-between}.toolbar-left[data-v-febbb658],.toolbar-right[data-v-febbb658]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quick-btn[data-v-febbb658]{margin-left:0}.quick-overlay[data-v-febbb658]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0206178c;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:30}.quick-panel[data-v-febbb658]{border-left:1px solid var(--surface-border);border-radius:0;height:100%;padding:14px;width:min(360px,92vw)}.quick-head[data-v-febbb658]{align-items:center;display:flex;gap:10px;justify-content:space-between}.quick-head h3[data-v-febbb658]{color:var(--text-main);margin:0}.quick-actions[data-v-febbb658]{display:grid;gap:8px;margin-top:8px}.tabs button[data-v-febbb658]{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-main);cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 12px}.tabs button[data-v-febbb658]:hover{background:var(--hover-bg)}.tabs button.active[data-v-febbb658]{background:var(--tab-active-bg);border-color:var(--accent-border);color:var(--tab-active-text)}.panel[data-v-febbb658]{margin-top:12px;padding:16px 16px 14px}.section-head[data-v-febbb658]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-head h2[data-v-febbb658]{color:var(--text-main);font-size:1.08rem;margin:0}.trend-grid[data-v-febbb658]{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:12px}.trend-card[data-v-febbb658]{background:var(--panel-soft);border:1px solid var(--surface-border);border-radius:12px;padding:10px}.trend-card h4[data-v-febbb658]{color:var(--text-muted);font-size:.82rem;margin:0 0 8px}.sparkline[data-v-febbb658]{height:50px;width:100%}.stats-grid[data-v-febbb658]{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stat-card[data-v-febbb658]{background:linear-gradient(180deg,var(--stat-grad-1),var(--stat-grad-2));border:1px solid var(--surface-border);border-radius:12px;padding:14px}.stat-card h3[data-v-febbb658]{color:var(--text-muted);font-size:.86rem;letter-spacing:.03em;margin:0 0 8px;text-transform:uppercase}.stat-card p[data-v-febbb658]{color:var(--text-main);font-size:1.6rem;font-weight:800;margin:0}.stat-card.danger p[data-v-febbb658]{color:var(--sev-critical-text)}.chart-card[data-v-febbb658]{background:var(--panel-soft);border:1px solid var(--surface-border);border-radius:12px;margin-top:14px;padding:14px}.chart-card h3[data-v-febbb658]{color:var(--text-main);margin:0 0 12px}.bar-row[data-v-febbb658]{align-items:center;display:grid;gap:10px;grid-template-columns:90px 1fr 48px;margin:8px 0}.bar-label[data-v-febbb658]{color:var(--text-main);font-size:.85rem}.bar-track[data-v-febbb658]{background:var(--bar-track-bg);border-radius:999px;height:11px;overflow:hidden;width:100%}.bar-fill[data-v-febbb658]{background:linear-gradient(90deg,#38bdf8,#3b82f6);height:100%}.bar-count[data-v-febbb658]{color:var(--bar-count);font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.filters[data-v-febbb658]{background:var(--filter-bg);border:1px solid var(--surface-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;padding:10px}.filters input[data-v-febbb658],.filters select[data-v-febbb658]{background:var(--table-head);border:1px solid var(--surface-border);border-radius:8px;color:var(--text-main);font-size:.83rem;padding:8px 10px}.filters input[data-v-febbb658]::-moz-placeholder{color:var(--input-placeholder)}.filters input[data-v-febbb658]::placeholder{color:var(--input-placeholder)}.filters input[data-v-febbb658]{flex:1;min-width:280px}.meta[data-v-febbb658]{color:var(--text-muted);font-size:.9rem;margin:0 0 10px}.table-wrap[data-v-febbb658]{background:var(--table-wrap-bg);border:1px solid var(--surface-border);border-radius:12px;max-height:62vh;overflow:auto}table[data-v-febbb658]{border-collapse:separate;border-spacing:0;min-width:980px;width:100%}td[data-v-febbb658],th[data-v-febbb658]{border-bottom:1px solid var(--surface-border);font-size:.83rem;padding:10px 12px;text-align:left}td[data-v-febbb658],th[data-v-febbb658]{color:var(--text-main)}th[data-v-febbb658]{background:var(--table-head);font-size:.78rem;font-weight:600;letter-spacing:.04em;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}tbody tr[data-v-febbb658]:hover{background:var(--table-row-hover)}.mono[data-v-febbb658]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pager[data-v-febbb658]{align-items:center;color:var(--text-muted);display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.btn[data-v-febbb658]{background:var(--surface-1);border:1px solid var(--surface-border);border-radius:8px;color:var(--text-main);cursor:pointer;font-size:.9rem;font-weight:600;padding:7px 12px;transition:all .14s ease}.btn[data-v-febbb658]:hover{background:var(--hover-bg);border-color:var(--accent-border)}.btn-primary[data-v-febbb658]{border-color:var(--accent-bg-2);color:var(--accent-text)}.btn-primary[data-v-febbb658],.btn-primary[data-v-febbb658]:hover{background:var(--accent-bg-2)}.btn[data-v-febbb658]:disabled{cursor:not-allowed;opacity:.5}.error[data-v-febbb658]{background:#7f1d1d4d;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fecaca;font-weight:600;margin-top:12px;padding:10px 12px}.sev[data-v-febbb658]{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:700;padding:3px 9px;text-transform:capitalize}.sev.critical[data-v-febbb658]{background:#ef444429;border:1px solid rgba(239,68,68,.4);color:var(--sev-critical-text)}.sev.high[data-v-febbb658]{background:#f9731629;border:1px solid rgba(249,115,22,.4);color:var(--sev-high-text)}.sev.medium[data-v-febbb658]{background:#eab30829;border:1px solid rgba(234,179,8,.4);color:var(--sev-medium-text)}.sev.low[data-v-febbb658]{background:#22c55e29;border:1px solid rgba(34,197,94,.4);color:var(--sev-low-text)}body.tone-cool{color:#1e293b}@media(max-width:1100px){.shell[data-v-febbb658]{grid-template-columns:1fr;padding:10px}.sidebar.mobile[data-v-febbb658]{box-shadow:0 20px 50px #0206178c;grid-template-columns:1fr!important;height:calc(100vh - 20px);inset:10px auto 10px 10px;min-height:auto;position:fixed;transform:translate(-112%);transition:transform .22s cubic-bezier(.2,.8,.2,1);width:min(308px,calc(100vw - 20px));z-index:40}.sidebar.mobile.open[data-v-febbb658]{transform:translate(0)}.icon-rail[data-v-febbb658]{display:none!important}.menu-panel[data-v-febbb658],.sidebar.collapsed .menu-panel[data-v-febbb658]{display:flex!important}}@media(max-width:900px){.header[data-v-febbb658]{flex-direction:column}.header-actions[data-v-febbb658]{justify-content:space-between;width:100%}}
