:root{color-scheme:dark;--bg:#10141b;--panel:#19212b;--border:#334154;--muted:#aab8ca;--accent:#87d9c1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f5fa;font:16px/1.5 system-ui,sans-serif}a{color:var(--accent)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#10261f;padding:.6rem 1rem;min-height:44px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a7bfff;outline-offset:3px}.secondary{background:var(--panel);color:inherit;border-color:var(--border)}header{display:flex;flex-wrap:wrap;align-items:center;gap:1.3rem;padding:1rem 4vw;border-bottom:1px solid var(--border)}.brand{font-size:1.7rem;font-weight:750;text-decoration:none}.spacer{flex:1}main{max-width:1280px;margin:auto;padding:2rem 4vw}.login{max-width:520px;margin:8vh auto;padding:2rem;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.login button{width:100%;margin:1rem 0}.eyebrow{color:var(--accent);font-size:.8rem;letter-spacing:.12em}h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15;margin:.4rem 0 1rem}h2{font-size:1.25rem}.muted,footer{color:var(--muted)}.title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card{padding:1rem;border:1px solid var(--border);border-left:4px solid var(--muted);border-radius:12px;background:var(--panel)}.recent{border-left-color:var(--accent)}.overdue{border-left-color:#f8b86a}form{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin:2rem 0 1rem}label{display:flex;flex-direction:column;font-size:.85rem;gap:.3rem}input,select{background:var(--panel);border:1px solid var(--border);color:inherit;padding:.6rem;border-radius:6px;max-width:100%}section{margin:1.5rem 0 2rem}.incident{display:flex;flex-direction:column;text-align:left;width:100%;margin:.5rem 0;padding:1rem}.incident span{color:var(--muted);font-size:.9rem;margin-top:.25rem}.error,.critical{color:#ffb0ae}.warning{color:#f8ca83}.info{color:#a4d5ff}table{width:100%;border-collapse:collapse;font-size:.9rem}td,th{text-align:left;padding:.8rem;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted)}.table-scroll{overflow-x:auto}.report-link{padding:0;border:0;background:transparent;color:inherit;text-align:left;text-decoration:underline;min-height:32px}dialog{background:var(--panel);color:inherit;border:1px solid var(--border);border-radius:12px;width:min(94vw,960px);max-height:90vh}dialog::backdrop{background:#000a}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}footer{border-top:1px solid var(--border);padding:1rem 0;font-size:.8rem}#status{min-height:1.5em}@media(max-width:600px){header{gap:.65rem}#user{display:none}.title{align-items:start}.login{margin:3vh 4vw}form label{width:100%}form input,form select{width:100%}td,th{padding:.6rem}}

.filters-panel{margin:1.5rem 0;padding:1rem;border:1px solid var(--border);border-radius:8px}summary{cursor:pointer;min-height:28px}.account{position:relative}.account summary{padding:.5rem;border:1px solid var(--border);border-radius:6px}.account a{position:absolute;right:0;top:100%;background:var(--panel);padding:.8rem;white-space:nowrap;border:1px solid var(--border);z-index:3}@media(max-width:600px){.section-name{display:none}}