:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1018;color:#edf3fa}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#0b1018}button,input{font:inherit}button{border:1px solid #273246;background:#121a27;color:#edf3fa;border-radius:6px;min-height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}button:hover{border-color:#3d4d66;background:#172132}input{width:100%;border:1px solid #273246;background:#0d141f;color:#edf3fa;border-radius:6px;min-height:40px;padding:0 12px}.loginShell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,rgba(29,191,115,.1),transparent 42%),linear-gradient(35deg,rgba(255,138,0,.11),transparent 50%),#0b1018}.loginPanel{width:min(420px,calc(100vw - 32px));border:1px solid #273246;background:#101722eb;border-radius:8px;padding:28px;display:grid;gap:18px;box-shadow:0 24px 70px #00000061}.loginPanel h1,.loginPanel p{margin:8px 0 0}.loginPanel p,small,.brand span,.panelHeader span,.eyebrow{color:#8f9aab}.brandMark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#04130d;background:linear-gradient(135deg,#1dbf73,#ff8a00);font-weight:800}.error{color:#ff6b6b}.appShell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}aside{border-right:1px solid #202b3d;background:#0f1723;padding:22px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 20px}.brand div:last-child{display:grid;gap:2px}nav{display:grid;gap:4px}nav button{justify-content:flex-start;border:0;background:transparent;color:#aab4c3}nav button.active,nav button:hover{background:#172132;color:#fff}main{padding:26px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}h1,h2{margin:0;letter-spacing:0}h1{font-size:28px}h2{font-size:16px}.headerActions{display:flex;gap:10px;align-items:center}.searchBox{width:min(360px,36vw);display:flex;align-items:center;gap:8px;border:1px solid #273246;background:#0d141f;border-radius:6px;padding:0 10px}.searchBox input{border:0;background:transparent;padding:0}.primaryButton{border-color:#1dbf73;background:#1dbf73;color:#03150d;font-weight:700}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metricCard,.panel{border:1px solid #273246;background:#101722;border-radius:8px;box-shadow:0 16px 40px #0003}.metricCard{min-height:122px;padding:18px;display:flex;align-items:flex-start;justify-content:space-between}.metricCard div{display:grid;gap:8px}.metricCard span{color:#8f9aab;font-size:13px}.metricCard strong{font-size:26px}.metricCard svg{color:#1dbf73}.contentGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.panel{min-height:260px;padding:18px}.panel.wide{grid-column:span 1}.panelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.mapPanel{position:relative;height:210px;overflow:hidden;border-radius:6px;border:1px solid #273246;background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.04) 25%,transparent 26%),linear-gradient(0deg,transparent 24%,rgba(255,255,255,.04) 25%,transparent 26%),#0c131d;background-size:72px 72px}.mapPanel span{position:absolute;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#05140d;background:#1dbf73;font-size:11px;font-weight:800;box-shadow:0 0 0 8px #1dbf7324}.table{display:grid;gap:8px}.row{min-height:56px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #202b3d;border-radius:6px;background:#0d141f}.row div{display:grid;gap:4px}.status{border-radius:999px;padding:4px 9px;background:#263044;color:#cbd5e1;font-size:12px;text-transform:capitalize}.status.online,.status.running,.status.healthy{background:#1dbf7326;color:#4ade80}.status.failed,.status.offline,.status.critical{background:#ff6b6b26;color:#ff8a8a}.serviceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.serviceGrid button{justify-content:flex-start;overflow:hidden}.emptyState{min-height:120px;display:grid;place-items:center;color:#8f9aab;border:1px dashed #273246;border-radius:6px}@media (max-width: 1100px){.appShell{grid-template-columns:82px 1fr}aside{padding:16px 10px}.brand div:last-child,nav span{display:none}nav button{justify-content:center}.metricGrid,.contentGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.appShell{grid-template-columns:1fr}aside{position:static;height:auto}nav{grid-template-columns:repeat(4,minmax(0,1fr))}main{padding:16px}header,.headerActions{align-items:stretch;flex-direction:column}.searchBox,.metricGrid,.contentGrid{width:100%;grid-template-columns:1fr}}