:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1113;--bg-2:#0f171a;--card:#121c20;--accent:#bd342a;--green:#24d17f;--yellow:#f7b801;--blue:#4db6ff;--ink:#e9f0f2;--muted:#9bb0b7;--border:#ffffff1a;--shadow:0 20px 60px #00000059;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 800px at 10% -10%, #24d17f26, transparent 60%), radial-gradient(900px 700px at 90% 10%, #ff4d3d29, transparent 55%), linear-gradient(180deg, var(--bg), #06090a 60%);margin:0}button,input,select{font:inherit}button,select,input{color:var(--ink)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:.25rem;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.5rem)}h2{margin-bottom:0;font-size:clamp(1.2rem,2vw,1.55rem)}h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}small{color:var(--muted)}.skip-link{z-index:100;background:var(--ink);color:var(--bg);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{grid-template-columns:minmax(250px,1fr) auto;align-items:start;gap:1rem 2rem;padding:2rem clamp(1rem,4vw,3rem) 1rem;display:grid}.header-title p{margin-bottom:.2rem}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.4rem;font-size:.72rem;font-weight:800}.muted{color:var(--muted)}.toolbar,.time-controls,.dialog-actions{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}label{color:var(--muted);gap:.35rem;font-size:.78rem;font-weight:700;display:grid}input,select{border:1px solid var(--border);background:#ffffff12;border-radius:.6rem;min-height:2.55rem;padding:.55rem .7rem}.button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:.65rem;justify-content:center;align-items:center;min-height:2.55rem;padding:.55rem .9rem;font-weight:800;text-decoration:none;display:inline-flex}.button.secondary{border:1px solid var(--border);background:#ffffff14}.button.danger{background:#8d2923}.icon-button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:1.6rem}.connection-banner{border:1px solid var(--border);background:#ffffff0a;border-radius:.75rem;grid-column:1/-1;align-items:center;gap:.7rem;padding:.7rem 1rem;display:flex}.pulse{background:#667;border-radius:50%;flex:none;width:.7rem;height:.7rem}.connection-banner.connected .pulse{background:var(--green);animation:1.8s infinite pulse;box-shadow:0 0 0 .35rem #24d17f33}.connection-banner.connecting .pulse{background:var(--yellow)}.connection-banner.error .pulse,.connection-banner.permission-denied .pulse,.connection-banner.stale .pulse{background:var(--accent)}.meter-meta{flex-wrap:wrap;grid-column:1/-1;gap:.55rem;display:flex}.meter-meta span,.badge{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:.35rem .6rem;font-size:.75rem}.layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1rem;padding:0 clamp(1rem,4vw,3rem) 3rem;display:grid}.card{border:1px solid var(--border);background:var(--card);min-width:0;box-shadow:var(--shadow);border-radius:1.1rem;padding:1.2rem}.span-12{grid-column:span 12}.span-6{grid-column:span 6}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;display:grid}.metric{background:#ffffff0a;border:1px solid #ffffff12;border-radius:.85rem;min-width:0;padding:1rem}.metric span,.metric small{color:var(--muted);display:block}.metric span{text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:800}.metric strong{overflow-wrap:anywhere;margin:.35rem 0;font-size:clamp(1.25rem,2.5vw,1.8rem);display:block}.chart-grid{grid-template-columns:2fr 1fr;gap:1rem;display:grid}.chart-grid article{background:var(--bg-2);border-radius:.9rem;min-width:0;padding:1rem}.chart-wrap{width:100%;min-width:0;height:300px;position:relative}.chart-summary{border-left:3px solid var(--blue);color:var(--muted);background:#4db6ff12;margin:.8rem 0 0;padding:.75rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;margin-top:.75rem}caption{text-align:left;color:var(--muted)}th,td{border-bottom:1px solid var(--border);text-align:right;padding:.55rem}th:first-child{text-align:left}.health-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem;display:grid}.health-item{border:1px solid var(--border);background:var(--bg-2);border-radius:.8rem;padding:1rem}.health-item>div{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.health-item p{color:var(--muted);margin:.75rem 0;font-size:.85rem}.status-label{text-transform:uppercase;background:#ffffff14;border-radius:999px;padding:.25rem .5rem;font-size:.7rem}.status-label.connected{color:#6ce7b1;background:#24d17f29}.status-label.error,.status-label.stale,.status-label.permission-denied{color:#ff9d8a;background:#ff4d3d29}dialog{border:1px solid var(--border);background:var(--card);width:min(680px,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--ink);box-shadow:var(--shadow);border-radius:1rem;padding:0}dialog.wide{width:min(900px,100vw - 2rem)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.dialog-shell{padding:1.25rem;overflow-y:auto}.dialog-shell section{border-bottom:1px solid var(--border);padding:1rem 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.form-grid.retention{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-row,.event-row,.rule-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.profile-row div:first-child,.rule-row span{gap:.2rem;display:grid}.profile-row div:last-child,.event-row>div:last-child{align-items:center;gap:.4rem;display:flex}.profile-row small{overflow-wrap:anywhere}.rule-row{grid-template-columns:auto 1fr minmax(90px,130px) auto;display:grid}.rule-row input[type=checkbox]{min-height:auto;accent-color:var(--green)}.event-row p{color:var(--muted);margin:.25rem 0}.event-row.acknowledged{opacity:.65}.check-row{align-items:center;gap:.6rem;display:flex}.check-row input{min-height:auto}.warning{border-left:3px solid var(--yellow);background:#f7b80114;padding:.75rem}.form-status{color:var(--muted);align-self:center;margin:0}.form-status.success{color:#6ce7b1}.form-status.error{color:#ff9d8a}.button:disabled{cursor:not-allowed;opacity:.55}.period-value[hidden]{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{0%,to{box-shadow:0 0 #24d17f40}50%{box-shadow:0 0 0 .45rem #24d17f00}}@media (width<=980px){.site-header{grid-template-columns:1fr}.span-6,.span-3,.span-4,.span-8{grid-column:span 12}.chart-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar label{flex:200px}}@media (width<=600px){.site-header,.layout{padding-left:.75rem;padding-right:.75rem}.toolbar,.toolbar .button,.toolbar label,.time-controls,.time-controls label,.period-value{width:100%}.form-grid,.form-grid.retention{grid-template-columns:1fr}.chart-wrap{height:250px}.profile-row,.event-row{flex-direction:column;align-items:stretch}.profile-row div:last-child,.event-row>div:last-child{width:100%}.profile-row .button{flex:1}}@media (width<=400px){.card{border-radius:.8rem;padding:.85rem}.metrics{grid-template-columns:1fr}.chart-wrap{height:220px}.rule-row{grid-template-columns:auto 1fr}.rule-threshold,.rule-row .check-row{grid-column:2;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}