:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7edf7;background:#0b1320;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 30% -20%,#172b3e,#0b1320 52%)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;background:#0b1320d9;position:sticky;top:0;z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand,.top-actions,.brand-mark,.metric-heading,.panel-title,.page-heading h1{display:flex;align-items:center}.brand{gap:12px}.brand strong{font-family:ui-sans-serif,system-ui,sans-serif;font-size:16px;display:block}.brand small{color:#8190a6;font-size:11px}.brand-mark{width:40px;height:40px;justify-content:center;border-radius:12px;background:#18a9821c;color:#57d6ad;border:1px solid #57d6ad3b}.top-actions{gap:14px}.live,.status-pill{display:flex;align-items:center;gap:8px;color:#9de8d0;font-size:12px}.live i,.status-pill i{width:7px;height:7px;border-radius:100%;background:#39d6a5;box-shadow:0 0 12px #39d6a5}.user-label{color:#aeb9ca;font-size:13px}.icon-button{display:grid;place-items:center;border:1px solid #273649;border-radius:9px;background:#111d2b;color:#b7c4d5;width:36px;height:36px}.icon-button:hover{border-color:#57d6ad;color:#57d6ad}.icon-button:disabled{opacity:.6}.content{max-width:1440px;margin:0 auto;padding:42px clamp(20px,5vw,76px) 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font:600 28px Space Grotesk,sans-serif;gap:12px;margin:0 0 8px}.page-heading h1 svg{color:#57d6ad}.eyebrow{letter-spacing:.17em;color:#57d6ad;font-size:10px;font-weight:700;margin:0 0 10px}.muted{margin:0;color:#8492a7;font-size:13px}.status-pill{border:1px solid #39d6a533;background:#39d6a510;padding:10px 14px;border-radius:999px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card,.panel{background:linear-gradient(145deg,#121f2e,#101a27);border:1px solid #ffffff10;border-radius:15px;box-shadow:0 14px 32px #00000013}.metric-card{padding:17px 18px;min-height:128px;border-top:2px solid #32465b}.metric-card.warning{border-top-color:#f4b942}.metric-card.critical{border-top-color:#ff667a}.metric-card.unknown{border-top-color:#536176}.metric-heading{justify-content:space-between;color:#9cabc0;font-size:12px}.metric-heading svg{color:#6f829b}.metric-card strong{display:block;font:600 25px Space Grotesk,sans-serif;margin:14px 0 4px}.metric-card small{color:#7f8da2;font-size:11px}.panel{padding:20px 22px}.panel-title{justify-content:space-between;gap:16px;margin-bottom:15px}.panel-title h2{display:flex;align-items:center;gap:9px;font:600 15px Space Grotesk,sans-serif;margin:0}.panel-title h2 svg{color:#57d6ad}.panel-title>span{font-size:11px;color:#7f8da2}.alert-panel{margin-bottom:18px}.empty{padding:18px 10px;text-align:center;color:#8997aa;font-size:13px}.empty.success{color:#8ed8bc}.alert-list{display:grid;gap:9px}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #f4b94235;background:#f4b9420a;padding:13px 15px;border-radius:10px}.alert-item.critical{border-color:#ff667a47;background:#ff667a0b}.alert-item strong{font-size:13px}.alert-item p{margin:5px 0 0;font-size:12px;color:#b3bdca}.alert-item time{color:#8492a7;font-size:11px;white-space:nowrap}.resolved-alerts{margin-top:14px;color:#8492a7;font-size:12px}.resolved-alerts summary{cursor:pointer}.resolved-alerts p{margin:9px 0 0}.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chart-panel{min-width:0}.chart-panel svg{width:100%;height:auto;overflow:visible}.chart-axis{stroke:#ffffff1b;stroke-width:1}.chart-scale{display:flex;justify-content:space-between;color:#76869b;font-size:10px}.history-section{margin-top:18px}.history-toolbar{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0 0 12px}.history-range,.history-date{display:flex;align-items:center;gap:10px;color:#9cabc0;font-size:12px}.history-range select,.history-date input{padding:8px 11px;border:1px solid #273649;border-radius:8px;background:#111d2b;color:#e7edf7;font:inherit}.download-button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #57d6ad55;border-radius:8px;background:#57d6ad14;color:#8de7ca;font:inherit;font-size:12px}.download-button:hover{background:#57d6ad25}.download-button:disabled{cursor:wait;opacity:.6}footer{margin:22px 0 0;text-align:center;color:#66768c;font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,400px);padding:34px;background:#111d2b;border:1px solid #ffffff13;border-radius:18px;box-shadow:0 25px 70px #0005}.login-card .brand-mark{margin-bottom:22px}.login-card h1{font:600 28px Space Grotesk,sans-serif;margin:0 0 7px}.login-card>.muted{margin-bottom:25px}.login-card label{display:block;color:#bac6d5;font-size:12px;margin:15px 0}.login-card input{width:100%;margin-top:7px;padding:12px 13px;color:#e7edf7;background:#0b1320;border:1px solid #2b3a4d;border-radius:9px;outline:none}.login-card input:focus{border-color:#57d6ad}.primary-button{width:100%;margin-top:8px;padding:12px;border:0;border-radius:9px;background:#32bd96;color:#071710;font-weight:700}.primary-button:hover{background:#57d6ad}.error-banner{padding:11px 13px;margin:14px 0;background:#ff667a12;border:1px solid #ff667a55;border-radius:8px;color:#ff9aa7;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr 1fr}.chart-panel:last-child{grid-column:span 2}}@media(max-width:680px){.topbar{height:64px;padding:0 16px}.top-actions{gap:8px}.live{display:none}.content{padding:28px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.status-pill{font-size:11px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:14px;min-height:116px}.metric-card strong{font-size:21px}.chart-grid{grid-template-columns:1fr}.chart-panel:last-child{grid-column:auto}.panel{padding:17px}.panel-title>span{font-size:10px}.alert-item{align-items:flex-start;flex-direction:column}.user-label{max-width:90px;overflow:hidden;text-overflow:ellipsis}}.page-heading h1,.metric-card strong,.panel-title h2,.login-card h1{font-family:ui-sans-serif,system-ui,sans-serif}