:root{--bg:#f3f1ee;--panel:#fff;--text:#1d2330;--muted:#697084;--line:#dcd8d2;--accent:#0e7c86;--crit:#d6336c;--high:#f08c00;--med:#3b82c4;--low:#6b8f71}:root[data-theme=dark]{--bg:#10151c;--panel:#18202b;--text:#e7ebf1;--muted:#98a2b3;--line:#2b3543;--accent:#3fc1c9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5}h1,h2{font-family:Fraunces,Georgia,serif;margin:0}h1{font-size:1.7rem}h2{font-size:1.1rem;margin-bottom:.75rem}.app{max-width:1100px;margin:0 auto;padding:1.25rem;display:grid;gap:1rem}header{display:flex;justify-content:space-between;align-items:center}.muted{color:var(--muted);font-size:.85rem;font-weight:400}.panel,.stat{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:1rem}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{display:flex;flex-direction:column}.stat-value{font-family:Fraunces,serif;font-size:2rem;line-height:1.1}.charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;margin-bottom:1rem}input,select,button{font:inherit;color:inherit}input,select{padding:.55rem .7rem;background:var(--bg);border:1px solid var(--line);border-radius:6px}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ghost{background:none;border:1px solid var(--line);border-radius:6px;padding:.4rem .8rem}.primary{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.65rem 1rem;font-weight:600;width:100%}.primary:disabled{opacity:.5;cursor:default}.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.alert{width:100%;text-align:left;display:flex;flex-direction:column;gap:.3rem;padding:.8rem .9rem;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:6px}.alert.selected{border-color:var(--accent)}.sev-bar-critical{border-left-color:var(--crit)}.sev-bar-high{border-left-color:var(--high)}.sev-bar-medium{border-left-color:var(--med)}.sev-bar-low{border-left-color:var(--low)}.alert-top{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.sev-critical{background:var(--crit)}.sev-high{background:var(--high)}.sev-medium{background:var(--med)}.sev-low{background:var(--low)}.status{font-size:.8rem;text-transform:capitalize;color:var(--muted)}.status-resolved{color:var(--low)}.empty{padding:1rem 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;justify-content:flex-end;z-index:10}.detail{position:relative;background:var(--panel);width:min(420px,100%);height:100%;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;animation:slide .2s ease-out}.detail dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0 0 .5rem}.detail dt{color:var(--muted)}.detail dd{margin:0;text-transform:capitalize}.detail dd:first-of-type{text-transform:none}.close{position:absolute;top:.6rem;right:.9rem;background:none;border:0;font-size:1.6rem}@keyframes slide{0%{transform:translate(30px);opacity:0}}@media (prefers-reduced-motion:reduce){.detail{animation:none}}@media (max-width:760px){.summary{grid-template-columns:1fr 1fr}.charts,.filters{grid-template-columns:1fr}.detail{width:100%}}