:root{--bg-main:#120a1e;--bg-surface:#221633;--bg-surface-elevated:#361f59;--bg-surface-high:#533087;--text-main:#e6e6eb;--text-muted:#a1a1b3;--accent:#5e53c2;--accent-hover:#442af1;--accent-hover-table:#3e155b;--accent-active:#5a4be0;--success:#3fb950;--warning:#d29922;--danger:#f85149;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}main{padding:1rem}html,body{background-color:var(--bg-main);color:var(--text-main);margin:0;padding:0}*,:before,:after{box-sizing:border-box}h1,h2,h3{margin-bottom:.5rem;line-height:1.25}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.2rem;font-weight:500}p{color:var(--text-muted);max-width:70ch;margin-bottom:.75rem}a{color:var(--accent);border-color:var(--bg-main);border-style:solid;border-width:.06rem;padding:.25rem;text-decoration:none}a:hover{border-color:var(--bg-surface-high);opacity:.9;text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}nav{border-color:var(--bg-surface-high);border-style:solid;border-width:.06rem;border-radius:.1rem;padding:.2rem;display:inline-block}ul{padding-left:1rem}li{margin:.25rem}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;min-width:5rem;min-height:2.15rem;padding:.5rem 1rem;transition:background-color .25s,transform 90ms}button:hover{background:var(--accent-hover)}button:active{background:var(--accent-active);transform:scale(.98)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{background:var(--bg-surface-elevated);color:var(--text-muted);cursor:not-allowed}table{border-collapse:collapse;width:100%;font-family:system-ui,sans-serif;font-size:14px}table th,table td{text-align:left;border-bottom:1px solid var(--bg-surface-high);padding:8px 12px}table th{background-color:var(--bg-surface-elevated);font-weight:600}table tbody tr:hover{background-color:var(--accent-hover-table)}footer{text-align:center;margin:.5rem;font-size:.9rem}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem;display:grid}.container{padding:.5rem}.card{background:var(--bg-surface);border-color:var(--bg-surface-high);border-style:solid;border-width:.1rem;border-radius:.75rem;flex-direction:column;gap:.5rem;max-width:none;padding:1rem;display:flex}.card button{align-self:flex-start}.details{border-top:1px solid var(--bg-surface-elevated);margin-top:2rem;padding-top:1rem}.card a{color:var(--text-muted);font-size:.85rem}.card a:hover{color:var(--accent);text-decoration:underline}.global-nav{border-bottom:1px solid var(--bg-surface-elevated);gap:1rem;padding:.75rem 1rem;display:flex}.global-nav a{color:var(--text-muted);font-weight:500}.global-nav a.active{color:var(--accent)}.status-ok{color:var(--success)}.status-loading{color:var(--warning)}.status-down{color:var(--danger)}.ai-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;display:grid}.ai-card{background:var(--bg-surface);border:1px solid var(--bg-surface-elevated);border-radius:.5rem;margin-bottom:1rem;padding:0 1rem 1rem}.ai-card:hover{border-color:var(--accent);transition:all .25s;transform:translateY(-.25rem)}.ai-timestamp{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:700}.ai-card h2{margin-top:1rem;font-size:1.1rem}.ai-card ul{padding-left:1.2rem}.ai-card li{margin-bottom:.25rem}.metrics-grid{gap:1rem;display:grid}@media (min-width:650px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}.metric-row{color:var(--text-muted);justify-content:space-between;margin-bottom:.25rem;font-size:.9rem;display:flex}.metric-row strong{color:var(--text-main)}.ai-meta{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;font-weight:700}.table-container{border:1px solid var(--bg-surface-high);border-radius:8px;max-width:580px;max-height:400px;overflow:auto}.snapshot-table thead th{background:var(--bg-surface);z-index:1;position:sticky;top:0}.charts{gap:2rem;margin:.5rem;display:grid}#toTopBtn{cursor:pointer;margin-left:1rem;padding:0;font-weight:700}
