:root{--bg-primary:#121212;--bg:#121212;--bg-card:#161d3f;--panel:#1e1e1e;--border:#3a3a3a;--text:#e0e0e0;--muted:#a0a0a0;--ok:#22c55e;--warn:#fdb813;--danger:#dc3545;--accent:#e1c44a;--accent-contrast:#000;--accent-blue:#3b82f6;--accent-green:#22c55e;--accent-red:#dc3545;--accent-orange:#fdb813;--accent-yellow:#fde047;--radius-card:12px;--border-card:#ffffff14;--shadow-card:0 4px 20px #00000040;--space-card-padding:20px}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:4px}.dashboard{flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:24px;display:flex}.page-title{text-shadow:0 0 16px color-mix(in srgb, var(--accent-blue) 40%, transparent);margin:0;padding-bottom:10px;font-size:1.5rem;position:relative}.page-title:after{content:"";background:linear-gradient(90deg, var(--accent-blue), transparent);border-radius:2px;height:2px;position:absolute;bottom:0;left:0;right:0}.muted{color:var(--muted);font-size:.85rem}.text-warn{color:var(--accent-orange)}.status-header{padding:16px var(--space-card-padding);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:32px;display:flex}.status-header .pill-ok{box-shadow:0 0 14px color-mix(in srgb, var(--accent-green) 45%, transparent)}.alert-strip{border:1px solid color-mix(in srgb, var(--accent-orange) 50%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--accent-orange) 10%, transparent);color:var(--accent-orange);flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 14px;font-size:.85rem;display:flex}.alert-strip strong{color:var(--text)}.status-block{flex-direction:column;gap:2px;display:flex}.pill{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-block}.pill-ok{background:color-mix(in srgb, var(--accent-green) 15%, transparent);color:var(--accent-green)}.pill-stale{background:color-mix(in srgb, var(--accent-red) 15%, transparent);color:var(--accent-red)}.pill-muted{background:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted)}.grid{gap:20px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{padding:var(--space-card-padding);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;display:flex}.card-stale{border-color:color-mix(in srgb, var(--accent-red) 50%, transparent)}.card-ok{border-color:color-mix(in srgb, var(--accent-green) 45%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent-green) 22%, transparent), var(--shadow-card)}.card-ok .pill-ok{box-shadow:0 0 10px color-mix(in srgb, var(--accent-green) 35%, transparent)}.card-warn{border-color:color-mix(in srgb, var(--accent-yellow) 45%, transparent)}.card-danger{border-color:color-mix(in srgb, var(--accent-red) 50%, transparent)}.card-head{justify-content:space-between;align-items:center;display:flex}.card-head h3{margin:0;font-size:1rem}.card-stats{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.card-stats div{flex-direction:column;display:flex}.card-stats dt{color:var(--muted);font-size:.75rem}.card-stats dd{margin:0;font-size:1.1rem;font-weight:600}.drift-banner{background:color-mix(in srgb, var(--accent-orange) 12%, transparent);color:var(--accent-orange);border-radius:8px;margin:0;padding:8px 10px;font-size:.8rem}.panel{padding:var(--space-card-padding);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card)}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head h2{margin:0;font-size:1.05rem}.filters{gap:12px;display:flex}.filters label{color:var(--muted);align-items:center;gap:6px;font-size:.85rem;display:flex}select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px}input[type=search]{background:var(--bg);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:6px;padding:4px 8px}pre{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:0;padding:12px;font-size:.75rem;overflow-x:auto}details summary{cursor:pointer;color:var(--accent);font-size:.85rem;font-weight:600}.error-actions{flex-wrap:wrap;gap:10px;display:flex}.debug-panel{flex-direction:column;gap:8px;display:flex}.table-wrap{max-height:620px;overflow:auto}.table-wrap thead th{background:var(--bg-card);z-index:1;border-bottom:1px solid var(--border);position:sticky;top:0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border-card);padding:10px 14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}tbody tr:hover{background:#ffffff08}.cell-wrap{max-width:420px}a{color:var(--accent-blue)}.badge{border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;display:inline-block}.badge-ok{background:color-mix(in srgb, var(--accent-green) 15%, transparent);color:var(--accent-green)}.badge-warn{background:color-mix(in srgb, var(--accent-orange) 15%, transparent);color:var(--accent-orange)}.badge-danger{background:color-mix(in srgb, var(--accent-red) 15%, transparent);color:var(--accent-red)}.badge-muted{background:color-mix(in srgb, var(--muted) 20%, transparent);color:var(--muted)}code{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.8rem}.skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--border) 50%, var(--panel) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.w-40{width:40%}.w-24{width:24%}.w-64{width:64%}.w-full{width:100%}.h-4{height:16px}.h-6{height:24px}.h-10{height:40px}@keyframes shimmer{to{background-position:-200% 0}}.error-panel{border:1px solid color-mix(in srgb, var(--accent-red) 50%, transparent);border-radius:var(--radius-card);background:color-mix(in srgb, var(--accent-red) 8%, transparent);flex-direction:column;align-items:flex-start;gap:12px;padding:24px;display:flex}.error-panel h1{margin:0;font-size:1.2rem}.error-panel p{margin:0}.error-text{color:var(--accent-red)}button{background:var(--accent);color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-weight:600}button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}.text-danger{color:var(--accent-red)}.pill-critical{background:color-mix(in srgb, var(--accent-red) 15%, transparent);color:var(--accent-red)}.pill-warn{background:color-mix(in srgb, var(--accent-yellow) 15%, transparent);color:var(--accent-yellow)}.pill-source-changed{background:color-mix(in srgb, var(--accent-orange) 15%, transparent);color:var(--accent-orange)}.alert-strip-ok{border-color:color-mix(in srgb, var(--accent-green) 50%, transparent);background:color-mix(in srgb, var(--accent-green) 8%, transparent);color:var(--accent-green)}.alert-strip-ok strong{color:var(--text)}.alert-strip-note{color:var(--muted);flex-basis:100%}.link-btn{color:var(--accent-blue);cursor:pointer;background:0 0;border:none;margin-left:6px;padding:0;font-size:.8rem}.card-details{margin-top:2px}.card-details summary{color:var(--accent-blue);font-size:.8rem;font-weight:600}.issue-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.issue{border:1px solid var(--border-card);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:8px;padding:8px 10px}.issue-critical{border-color:color-mix(in srgb, var(--accent-red) 40%, transparent)}.issue-warning{border-color:color-mix(in srgb, var(--accent-orange) 40%, transparent)}.issue-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.issue-head strong{font-size:.85rem}.issue p{margin:6px 0 0;font-size:.8rem}.issue-action{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-left:auto;font-size:.7rem}.group-head th{background:color-mix(in srgb, var(--bg) 60%, transparent);color:var(--accent-blue);font-weight:600}.attention-panel{padding:var(--space-card-padding);background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;display:flex}.attention-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.attention-head h2{margin:0;font-size:1.05rem}.attention-stats{flex-wrap:wrap;gap:12px;display:flex}.attention-stat{border:1px solid var(--border-card);border-radius:8px;align-items:baseline;gap:6px;padding:6px 14px;display:flex}.attention-stat strong{font-size:1.1rem}.attention-critical{border-color:color-mix(in srgb, var(--accent-red) 40%, transparent);color:var(--accent-red)}.attention-warning{border-color:color-mix(in srgb, var(--accent-yellow) 40%, transparent);color:var(--accent-yellow)}.attention-healthy{border-color:color-mix(in srgb, var(--accent-green) 40%, transparent);color:var(--accent-green)}.attention-issues{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.attention-issue{border:1px solid var(--border-card);background:color-mix(in srgb, var(--panel) 60%, transparent);border-radius:8px;padding:10px 12px}.attention-issue-critical{border-color:color-mix(in srgb, var(--accent-red) 40%, transparent)}.attention-issue-warning{border-color:color-mix(in srgb, var(--accent-orange) 40%, transparent)}.attention-issue-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.attention-issue-time{margin-left:auto}.attention-issue p{margin:6px 0 0;font-size:.8rem}.attention-issue-message{font-size:.9rem}.card-pills{align-items:center;gap:6px;display:flex}.card-detail-list{flex-direction:column;gap:6px;margin:8px 0 0;display:flex}.card-detail-list div{gap:8px;font-size:.8rem;display:flex}.card-detail-list dt{color:var(--muted);min-width:96px}.card-detail-list dd{margin:0}.runbook-strip{border:1px solid color-mix(in srgb, var(--accent-orange) 40%, transparent);background:color-mix(in srgb, var(--accent-orange) 8%, transparent);border-radius:8px;flex-wrap:wrap;gap:16px;margin:0;padding:8px 12px;font-size:.8rem;display:flex}.attention-issue-top{border-color:color-mix(in srgb, var(--accent-blue) 60%, transparent)}tr.row-danger td{background:color-mix(in srgb, var(--accent-red) 8%, transparent)}tr.row-warn td{background:color-mix(in srgb, var(--accent-orange) 7%, transparent)}.action-cell{color:var(--accent-blue);font-weight:600}tr.row-danger .action-cell{color:var(--accent-red)}tr.row-warn .action-cell{color:var(--accent-orange)}@media (max-width:640px){.dashboard{gap:16px;padding:16px}.page-title{font-size:1.25rem}.status-header{gap:16px;padding:12px 16px}.filters{flex-direction:column;align-items:stretch}.filters label{justify-content:space-between}.panel-head{flex-direction:column;align-items:flex-start;gap:10px}.panel{padding:12px 14px}.error-panel{padding:16px}.error-actions{flex-direction:column;align-items:stretch}}