:root{color:#e5e7eb;font-synthesis:none;background:#101828;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#101828;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app{width:min(1440px,100% - 40px);margin:0 auto;padding:32px 0 48px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(1.7rem,3vw,2.3rem)}h2{font-size:1.15rem}h3{margin:26px 0 12px;font-size:.95rem}.eyebrow{letter-spacing:.14em;color:#7dd3fc;font-size:.72rem;font-weight:700}.header-actions{align-items:center;gap:9px;display:flex}.refresh,small{color:#98a2b3;font-size:.78rem}button{color:#06101d;background:#7dd3fc;border:0;border-radius:8px;padding:10px 14px;font-weight:700}button.secondary{color:#d0d5dd;background:#27364d}.summary{grid-template-columns:repeat(8,minmax(100px,1fr));gap:10px;margin-bottom:18px;display:grid}.summary-card{color:#e5e7eb;text-align:left;background:#17243a;border:1px solid #2a3b55;min-height:88px;padding:15px}.summary-card:hover{border-color:#7dd3fc}.summary-card strong{font-size:1.65rem;line-height:1;display:block}.summary-card span{color:#98a2b3;margin-top:9px;font-size:.77rem;display:block}.filters,.table-card{background:#17243a;border:1px solid #2a3b55;border-radius:11px}.filters{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;padding:16px;display:grid}label{color:#cbd5e1;gap:6px;font-size:.8rem;font-weight:600;display:grid}input,select{color:#e5e7eb;background:#101828;border:1px solid #43536c;border-radius:7px;outline:none;width:100%;padding:10px}input:focus,select:focus{border-color:#7dd3fc;box-shadow:0 0 0 3px #155e753d}select:disabled{opacity:.5}.table-head{justify-content:space-between;align-items:center;padding:18px;display:flex}.table-head p{color:#98a2b3;margin-top:4px;font-size:.82rem}.table-wrap{border-top:1px solid #2a3b55;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #2a3b55;padding:14px 16px;font-size:.84rem}th{color:#98a2b3;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}tbody tr{transition:background .15s}:is(tbody tr:not(:has(.empty)):hover,tbody tr:focus){cursor:pointer;background:#20314b;outline:none}td strong,td small{display:block}.badge{text-transform:lowercase;color:#eaecf0;background:#344054;border-radius:999px;padding:4px 7px;font-size:.72rem;font-weight:700;display:inline-block}.badge-healthy{color:#b7f7d1;background:#0c684b}.badge-degraded,.badge-maintenance{color:#ffec9a;background:#875f10}.badge-unhealthy,.badge-offline{color:#ffc3c9;background:#8e2430}.badge-stale{color:#e2ccff;background:#6b4e9b}.badge-disabled{color:#d0d5dd;background:#475467}.badge-unknown{color:#cbd5e1;background:#344054}.empty{text-align:center;color:#98a2b3;padding:24px}.error{color:#ffd2d7;background:#701f2a;border:1px solid #c43648;border-radius:8px;margin-bottom:18px;padding:12px 15px;font-size:.9rem}.login{place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{background:#17243a;border:1px solid #2a3b55;border-radius:13px;gap:18px;width:min(100%,440px);padding:30px;display:grid}.login-card h1{font-size:1.7rem}.login-card p:not(.eyebrow){color:#98a2b3;font-size:.9rem;line-height:1.5}.detail{z-index:2;background:#17243a;border-left:1px solid #43536c;width:min(520px,100%);height:100vh;padding:24px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-20px 0 50px #0007}.backdrop{z-index:1;background:#0008;border-radius:0;padding:0;position:fixed;inset:0}.detail-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.detail-head h2{margin:4px 0 10px;font-size:1.45rem}.icon-button{color:#e5e7eb;background:#27364d;width:36px;height:36px;padding:0;font-size:1.6rem;line-height:1}.facts{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0;display:grid}.facts div,.metric{background:#101828;border:1px solid #2a3b55;border-radius:8px;padding:11px}.facts dt,.metric span{color:#98a2b3;font-size:.72rem}.facts dd{word-break:break-word;margin:5px 0 0;font-size:.84rem}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.metric strong{margin-top:5px;font-size:.9rem;display:block}.check-list{border:1px solid #2a3b55;border-radius:8px;overflow:hidden}.check{border-bottom:1px solid #2a3b55;justify-content:space-between;gap:12px;padding:12px;display:flex}.check:last-child{border:0}.check strong,.check small{display:block}.check>div:last-child{text-align:right}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:10px;display:flex}.timeline li>span{border-left:2px solid #43536c;padding:1px 11px 14px 0}.timeline strong,.timeline small{display:block}.timeline small{margin-top:3px}@media (width<=900px){.summary{grid-template-columns:repeat(4,1fr)}.filters{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.app{width:min(100% - 24px,1440px);padding-top:20px}header{align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.refresh{display:none}.summary{grid-template-columns:repeat(2,1fr)}.filters,.facts{grid-template-columns:1fr}.detail{padding:18px}}