:root,:root[data-theme=light]{--bg:#f5f8f7;--surface:#fff;--surface-soft:#f8fbfa;--surface-strong:#eef5f3;--line:#d9e5e1;--text:#13231f;--muted:#60746f;--brand:#08b8bd;--brand-strong:#047a80;--purple:#7c3aed;--danger:#c33a32;--warning:#b7791f;--success:#147d57;--shadow:0 18px 55px rgba(16,42,38,.08)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#07110f;--surface:#0d1b18;--surface-soft:#0a1714;--surface-strong:#12251f;--line:#1f3732;--text:#e9f6f3;--muted:#8aa29c;--brand:#08c8ce;--brand-strong:#62e5e2;--purple:#a78bfa;--danger:#ff8178;--warning:#f1bd65;--success:#62d49b;--shadow:0 18px 55px rgba(0,0,0,.28)}}:root[data-theme=dark]{--bg:#07110f;--surface:#0d1b18;--surface-soft:#0a1714;--surface-strong:#12251f;--line:#1f3732;--text:#e9f6f3;--muted:#8aa29c;--brand:#08c8ce;--brand-strong:#62e5e2;--purple:#a78bfa;--danger:#ff8178;--warning:#f1bd65;--success:#62d49b;--shadow:0 18px 55px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(8,184,189,.14),transparent 34rem),linear-gradient(135deg,color-mix(in srgb,var(--bg)86%,var(--brand)14%),var(--bg)34rem);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.shell{grid-template-columns:17rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface)94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:1.4rem;height:100vh;padding:1.1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.brand,.nav a,.ghostButton,.primaryButton{align-items:center;display:flex}.brand{gap:.75rem;padding:.2rem .15rem .8rem}.brandMark{background:var(--brand);color:#06201f;border-radius:.5rem;place-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:grid}.brand strong,.brand span,.sidebarFooter strong,.sidebarFooter span{display:block}.brand span,.topbar p,.topbar span,.muted,.sidebarFooter span{color:var(--muted)}.mutedBlock{color:var(--muted);margin-top:.2rem;font-size:.78rem;display:block}.nav{gap:.35rem;display:grid}.nav a{min-height:2.65rem;color:var(--muted);border-radius:.5rem;gap:.65rem;padding:0 .75rem;text-decoration:none}.nav a:hover,.nav a.active{background:var(--surface-strong);color:var(--text)}.nav a.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand)32%,var(--line))}.sidebarFooter{border-top:1px solid var(--line);gap:.75rem;min-width:0;margin-top:auto;padding-top:1rem;display:grid}.sidebarFooter strong,.sidebarFooter span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ghostButton,.primaryButton{border:1px solid var(--line);border-radius:.5rem;justify-content:center;gap:.5rem;min-height:2.5rem;padding:0 .9rem;font-weight:700}.ghostButton{color:var(--muted);background:0 0}.primaryButton{background:var(--brand);border-color:var(--brand);color:#04201f}.primaryButton:disabled{cursor:wait;opacity:.62}.themeToggle{min-width:5.8rem}.content{align-content:start;gap:1.15rem;padding:1.35rem;display:grid}.topbar{border-bottom:1px solid color-mix(in srgb,var(--line)72%,transparent);justify-content:space-between;align-items:center;gap:1rem;min-height:5.2rem;padding-bottom:1rem;display:flex}.topbar h1,.topbar p,.topbar span,.panel h2,.loginPanel h1,.loginPanel p,.summaryCard p,.kpiCard p,.caseCard p{margin:0}.topbar h1{letter-spacing:0;font-size:max(1.65rem,min(2vw,2.35rem))}.topbar p{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:800}.topbarActions{color:var(--muted);white-space:nowrap;align-items:center;gap:.75rem;display:flex}.kpiGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;display:grid}.kpiGrid.fourCols{grid-template-columns:repeat(4,minmax(0,1fr))}.pageGrid{gap:1rem;display:grid}.pageGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pageGrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.diagnosticGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.kpiCard,.panel,.loginPanel,.summaryCard,.caseCard,.diagnosticCard{border:1px solid var(--line);background:color-mix(in srgb,var(--surface)96%,transparent);box-shadow:var(--shadow);border-radius:.7rem}.kpiCard{gap:.5rem;min-height:10.6rem;padding:1rem;display:grid}.kpiIcon{background:var(--surface-strong);width:2.35rem;height:2.35rem;color:var(--brand-strong);border-radius:.5rem;place-items:center;display:grid}.kpiCard span,.tableHeader,.panelAction,.summaryCard span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.kpiCard strong{font-size:1.75rem}.kpiCard p,.summaryCard p,.caseCard p{color:var(--muted)}.diagnosticCard{gap:.45rem;min-width:0;padding:.95rem;display:grid}.diagnosticCard span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.diagnosticCard strong{overflow-wrap:anywhere;min-width:0;font-size:1rem}.summaryCard{gap:.55rem;padding:1rem;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.summaryCard:hover{border-color:color-mix(in srgb,var(--brand)42%,var(--line));transform:translateY(-1px)}.summaryCard strong{font-size:1.55rem}.panel{gap:1rem;min-width:0;padding:1.05rem;display:grid}.panelHeader{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel h2{font-size:1rem}.panelAction a{color:var(--brand-strong);text-decoration:none}.actionBar{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.actionBar.compact{gap:.35rem}.actionMessage{color:var(--muted);font-size:.86rem;font-weight:700}.filterBar,.paginationBar{justify-content:space-between;align-items:end;gap:.75rem;display:flex}.filterBar label{color:var(--muted);text-transform:uppercase;flex:1;gap:.4rem;font-size:.82rem;font-weight:800;display:grid}.filterBar input{border:1px solid var(--line);background:var(--surface);min-height:2.6rem;color:var(--text);text-transform:none;border-radius:.5rem;padding:0 .75rem}.paginationBar{color:var(--muted);align-items:center}.paginationBar>div{gap:.45rem;display:flex}.dataTable{border:1px solid var(--line);border-radius:.55rem;display:grid;overflow:hidden}.tableHeader,.tableRow{grid-template-columns:repeat(var(--columns),minmax(7rem,1fr));min-width:max(100%,calc(var(--columns)*8.5rem));border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding:.75rem;display:grid}.tableRow{background:color-mix(in srgb,var(--surface)98%,transparent)}.tableRow:last-child{border-bottom:0}.tableRow span,.tableHeader span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.single{color:var(--muted);display:block}.statusPill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:.25rem .6rem;font-size:.8rem;font-weight:800;display:inline-flex}.good{background:color-mix(in srgb,var(--success)16%,transparent);color:var(--success)}.warn{background:color-mix(in srgb,var(--warning)18%,transparent);color:var(--warning)}.bad{background:color-mix(in srgb,var(--danger)16%,transparent);color:var(--danger)}.chart{min-height:17.5rem}.caseList,.alertList{gap:.75rem;display:grid}.caseCard{grid-template-columns:minmax(0,1fr) minmax(13rem,auto);align-items:center;gap:1rem;padding:.95rem;display:grid}.caseHeader{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.actionBar{white-space:normal;flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex;overflow:visible}.tinyButton{border:1px solid var(--line);background:var(--surface-strong);min-height:1.95rem;color:var(--text);text-transform:capitalize;border-radius:.45rem;padding:0 .55rem;font-size:.76rem;font-weight:800}.tinyButton:disabled{cursor:wait;opacity:.58}.notice{border:1px solid color-mix(in srgb,var(--brand)35%,var(--line));background:color-mix(in srgb,var(--brand)10%,transparent);color:var(--brand-strong);border-radius:.5rem;padding:.65rem .75rem;font-weight:800}.alertItem{border:1px solid var(--line);color:var(--muted);border-radius:.55rem;grid-template-columns:auto minmax(8rem,.3fr) auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.85rem;display:grid}.alertItem svg{color:var(--warning)}.alertItem strong{color:var(--text);text-transform:capitalize}.loginShell,.centerState{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.loginPanel{gap:1rem;width:min(100%,25rem);padding:1.5rem;display:grid}.lockIcon{background:var(--surface-strong);width:3rem;height:3rem;color:var(--brand-strong);border-radius:.6rem;place-items:center;display:grid}.loginPanel label{color:var(--muted);gap:.45rem;font-weight:800;display:grid}.loginPanel input{border:1px solid var(--line);background:var(--surface);min-height:2.9rem;color:var(--text);border-radius:.5rem;padding:0 .8rem}.formError{border:1px solid color-mix(in srgb,var(--danger)35%,var(--line));background:color-mix(in srgb,var(--danger)10%,transparent);color:var(--danger);border-radius:.5rem;padding:.75rem}.formSuccess{border:1px solid color-mix(in srgb,var(--success)35%,var(--line));background:color-mix(in srgb,var(--success)10%,transparent);color:var(--success);border-radius:.5rem;padding:.75rem}.actionRow{flex-wrap:wrap;gap:.6rem;display:flex}.codeBlock,.jsonBlock{border:1px solid var(--line);background:var(--surface-strong);color:var(--text);white-space:pre-wrap;border-radius:.5rem;padding:1rem;overflow-x:auto}.full{width:100%}.centerState{color:var(--muted);gap:.8rem}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1220px){.kpiGrid,.kpiGrid.fourCols,.diagnosticGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pageGrid.two,.pageGrid.three{grid-template-columns:1fr}}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.kpiGrid,.kpiGrid.fourCols,.diagnosticGrid{grid-template-columns:1fr}.topbar,.topbarActions,.caseCard,.filterBar,.paginationBar,.actionRow{flex-direction:column;align-items:flex-start}.topbar{display:grid}.caseCard{grid-template-columns:1fr}.actionBar{justify-content:flex-start}.dataTable{overflow-x:auto}.alertItem{grid-template-columns:auto 1fr}}