@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;color:#1e293b;background:#f6f8f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#102b2c;color:#b4c8c5;padding:26px 17px 18px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:800;letter-spacing:-.4px;color:#f2faf7;display:flex;align-items:center;gap:10px;padding:0 12px 41px}.brand-mark{background:#c5ee53;color:#153433;width:31px;height:31px;border-radius:9px;display:grid;place-items:center}.workspace-label{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#6f8d88;padding:0 12px 8px}.workspace{margin:0 5px 26px;border:1px solid #305252;background:#193a3a;border-radius:6px;padding:10px 11px;color:#e5f0ed;font-size:12px;display:flex;justify-content:space-between}nav{display:grid;gap:4px}nav a{padding:11px 12px;border-radius:6px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}nav a.active{background:#28504c;color:#fff}nav b{margin-left:auto;font-size:11px;background:#42615d;border-radius:10px;padding:2px 7px}.sidebar-bottom{margin-top:auto;border-top:1px solid #2b4b4a;padding:17px 7px 0}.operator{display:flex;align-items:center;gap:9px;font-size:12px}.operator strong,.operator small{display:block}.operator small{color:#78918c;font-size:10px;margin-top:2px}.operator>span:last-child{margin-left:auto;font-size:17px}.avatar{background:#d9a688;color:#402b2b;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.main{max-width:1400px;flex:1;padding:42px 52px 25px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:33px}.eyebrow{font-family:DM Mono,monospace;font-size:11px;color:#728783;margin-bottom:11px}.topbar h1{font-size:27px;letter-spacing:-1px;margin:0 0 7px;color:#173d3b}.topbar p,.panel-head p{margin:0;color:#82928f;font-size:12px}.refresh,.incident-foot button{background:#173f3c;border:0;color:#fff;border-radius:5px;padding:10px 14px;font:600 12px Manrope;display:flex;gap:8px;align-items:center;cursor:pointer}.refresh:disabled{opacity:.65}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.metric,.panel{background:#fff;border:1px solid #e1e9e6;border-radius:8px}.metric{display:flex;gap:13px;align-items:center;padding:18px 19px}.metric-icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center}.metric-icon svg{width:17px}.metric-icon.green{color:#398568;background:#e3f3e9}.metric-icon.amber{color:#ae7a18;background:#fff2d2}.metric-icon.red{color:#bd6255;background:#fbe9e6}.metric-icon.blue{color:#477baf;background:#e6f0fa}.metric small,.service-stat small{display:block;color:#8b9996;font-size:10px;margin-bottom:4px}.metric strong{font-size:20px;color:#1c3d3b}.content-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:17px}.panel{padding:21px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.panel h2{font-size:15px;margin:0 0 5px;color:#21413f}.live{font:500 10px DM Mono;color:#4c8d71}.live i,.deploy-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#64b783;margin-right:5px}.service-list{border-top:1px solid #edf1ef}.service-row{min-height:57px;border-bottom:1px solid #edf1ef;display:flex;align-items:center;gap:11px}.status-dot{width:8px;height:8px;border-radius:50%;background:#63b17e}.status-dot.degraded{background:#e0ad4b}.status-dot.down{background:#cf6b5e}.service-name{width:32%}.service-name strong{font:600 12px DM Mono;color:#294d49}.service-name small{display:block;color:#99a6a2;font-size:10px;margin-top:3px}.service-stat{margin-left:auto;min-width:52px}.service-stat strong{font:600 11px DM Mono;color:#496864}.latency{min-width:63px}.pill,.env,.severity{font:500 9px DM Mono;text-transform:uppercase;border-radius:3px;padding:5px 7px}.pill.healthy{background:#e6f4ea;color:#4c956b}.pill.degraded{background:#fff3d8;color:#a4751d}.pill.down{background:#fbe8e5;color:#bd6157}.count{background:#f7e9e3;color:#bd6b5b;padding:5px 8px;border-radius:4px;font:500 10px DM Mono}.incident{border:1px solid #eadfd9;border-left:3px solid #d66d5d;border-radius:5px;padding:13px 14px;margin-bottom:10px}.incident-top,.incident-foot{display:flex;justify-content:space-between;align-items:center;color:#9a9994;font-size:10px}.severity{background:#fbe8e5;color:#bd6258}.incident h3{font-size:12px;margin:10px 0 5px;color:#344a47}.incident p{font-size:11px;line-height:1.5;color:#81908c;margin:0 0 13px}.incident-foot{border-top:1px solid #f0e8e4;padding-top:10px}.incident-foot button{background:transparent;color:#56826f;padding:0;font-size:10px}.empty{display:grid;place-items:center;gap:8px;padding:34px;color:#6a9d81}.empty span{font-size:11px;color:#94a29d}.deploy-panel{padding-bottom:10px}.view-all{font-size:11px;color:#568a77;display:flex;align-items:center;gap:3px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#98a39f;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:0 10px 11px}td{border-top:1px solid #edf1ef;padding:13px 10px;color:#71817d;white-space:nowrap}td strong{color:#395853;font-weight:600}.mono{font-family:DM Mono;font-size:10px}.env{background:#edf3f0;color:#68877d}.env.staging{background:#f3ecdc;color:#9a7c47}.deploy-status{font:500 10px DM Mono;color:#5b9773}.deploy-status.failed{color:#bd6258}.deploy-status.failed i{background:#d17466}footer{display:flex;gap:25px;font:10px DM Mono;color:#9aa6a2;padding:19px 3px}footer b{font-weight:500;color:#c77266}footer b.ok{color:#5a9c74}.error{background:#fce9e5;color:#a54c43;padding:12px 15px;border-radius:6px;font-size:11px;margin:-13px 0 22px;display:flex;align-items:center;gap:8px}.error span{color:#bd827a;margin-left:7px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{width:190px}.main{padding:30px 24px}.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{display:none}.main{padding:25px 15px}.topbar{gap:15px}.topbar h1{font-size:22px}.refresh{padding:9px}.metrics{gap:9px}.metric{padding:14px 12px}.metric-icon{width:29px;height:29px}.metric strong{font-size:16px}.metric small{font-size:9px}.panel{padding:15px}.service-stat{display:none}.service-name{width:auto}.pill{margin-left:auto}footer{gap:10px;flex-wrap:wrap}}