:root{color-scheme:dark;--bg:#080e18;--surface:#101a29;--border:#243247;--ink:#f1f5fa;--muted:#9baec5;--blue:#6daaff;--green:#4cdbab;--orange:#f6be65;--red:#ff838e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{border:1px solid var(--border);border-radius:10px;background:#1d3150;color:var(--ink);padding:9px 15px;cursor:pointer}button:hover{background:#2b466d}button:disabled{opacity:.5;cursor:wait}input,select{background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:10px;max-width:100%}label{display:grid;gap:5px}.wrap{max-width:1180px;margin:auto;padding:40px 24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.logo{height:42px;width:42px;background:#2d68cb;border-radius:12px;display:grid;place-items:center;font-size:25px;font-weight:850}.brand{display:flex;gap:14px;align-items:center}.eyebrow{color:var(--blue);letter-spacing:.15em;font-size:11px;font-weight:750}h1{font-size:29px;line-height:1.2;margin:4px 0}h2{font-size:20px;margin:0 0 5px}p{color:var(--muted);margin:5px 0}nav{display:flex;gap:10px;flex-wrap:wrap}.tabs{border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:25px}.tabs a{padding:8px 12px;border-radius:8px}.tabs .active{color:white;background:#203a61}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.card strong{font-size:30px;display:block}.card span{color:var(--muted);font-size:13px}.section{margin:28px 0}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 18px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:600}td small{display:block;color:var(--muted)}tr:last-child td{border-bottom:0}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;border-radius:20px;padding:4px 10px;background:#193c35;color:var(--green)}.pill:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.pill.down,.pill.stale,.pill.error,.pill.incomplete{background:#40242e;color:var(--red)}.pill.checking,.pill.unknown,.pill.missing{background:#403422;color:var(--orange)}.banner{padding:24px;border-radius:15px;background:#10312c;border:1px solid #276757;margin:20px 0}.banner.problem{background:#39282a;border-color:#74424b}.banner h2{margin:0}.service{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--border)}.service:last-child{border:0}.service strong{font-size:16px}.service small{color:var(--muted);display:block}.bars{display:flex;gap:3px;margin-top:12px}.bars i{height:21px;width:7px;flex:1;max-width:10px;background:var(--green);border-radius:2px}.bars i.bad{background:var(--red)}.event{padding:15px 0;border-bottom:1px solid var(--border);display:flex;gap:15px;justify-content:space-between}.event:last-child{border:0}.event time{color:var(--muted);font-size:12px}.event p{font-size:13px}.event button{font-size:12px}.incident-form{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:end}.empty{padding:25px;color:var(--muted);text-align:center}.notice{font-size:13px;margin:12px 0}.error-text{color:var(--red)}footer{border-top:1px solid var(--border);margin-top:40px;padding:20px 0;color:var(--muted);font-size:12px;display:flex;justify-content:space-between;gap:15px}.status-wrap{max-width:820px}.status-wrap .panel{margin:22px 0}.tag{background:#17253b;padding:4px 9px;border-radius:7px;color:var(--muted);font-size:12px}@media(max-width:750px){.wrap{padding:24px 16px}header{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:repeat(2,1fr)}.incident-form{grid-template-columns:1fr}.service{align-items:flex-start}.section-head{align-items:flex-start;flex-direction:column}footer{flex-direction:column}h1{font-size:25px}}
/* Private operations workspace */
html{scroll-behavior:smooth;scroll-padding-top:30px}.ops-body{background:#0a101c;font-size:14px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:32px 20px;background:#0d1422;border-right:1px solid #202b3c;display:flex;flex-direction:column;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:12px;color:#f1f5fa;font-size:20px;font-weight:750;letter-spacing:-.5px}.sidebar-brand:hover{text-decoration:none}.sidebar-brand small{display:block;font-size:9px;letter-spacing:2.5px;color:#7e93b3;margin-top:1px}.sidebar .logo{width:37px;height:40px;border-radius:11px;background:linear-gradient(145deg,#639aff,#3654db);box-shadow:0 4px 22px #4166ff26;font-size:23px}.nav-label{font-size:9px;letter-spacing:1.5px;color:#61728d;margin:47px 10px 14px;font-weight:700}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{padding:12px 13px;color:#92a3bc;display:flex;align-items:center;gap:13px;border:1px solid transparent;border-radius:9px;font-weight:550}.side-nav a span{font-size:18px;width:20px;text-align:center}.side-nav a:hover{color:#eef3ff;background:#162034;text-decoration:none}.side-nav a.active{color:#9dbcff;background:#1b2a48;border-color:#2b3f62}.sidebar-bottom{margin-top:auto;display:grid;gap:15px;padding:25px 10px 0}.sidebar-bottom a{color:#899bb5;font-size:12px}.workspace-tag{margin-top:15px;border-top:1px solid #263146;padding-top:20px;color:#7d91ad;font-size:10px;display:flex;gap:8px;align-items:center}.workspace-tag i,.live-label i{width:6px;height:6px;border-radius:50%;background:#53dca8;box-shadow:0 0 10px #53dca833}.ops-body .wrap{max-width:1570px;margin-left:230px;padding:42px 38px}.ops-body header{margin-bottom:28px}.ops-body h1{font-size:30px;letter-spacing:-1px;display:flex;align-items:center;gap:13px;margin:7px 0 9px}.heading-dot{height:7px;width:7px;border-radius:50%;background:#61d4ae}.ops-body .eyebrow{font-size:10px;letter-spacing:2px;color:#8298ba}.ops-body header p{font-size:13px;color:#8fa0b7}.ops-body button,.ops-body .button{font-size:12px;padding:10px 15px;border-radius:8px;background:#151f30;border-color:#2b374d;font-weight:600}.ops-body #refresh,.ops-body .incident-form button{background:#5478ee;border-color:#6488fc;color:white;box-shadow:0 4px 14px #3654db22}.ops-body #refresh:hover,.ops-body .incident-form button:hover{background:#6588fc}.update-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.live-label{display:flex;align-items:center;gap:8px;color:#9bb0c9;font-size:11px}.ops-body #updated{font-size:10px;color:#7185a3}.ops-body .cards{gap:16px}.ops-body .card{background:linear-gradient(135deg,#141f32,#101a2b);border:1px solid #243148;padding:19px 20px;border-radius:12px;position:relative;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ops-body .card-top>span:first-child{font-size:11px;color:#9cacc2}.ops-body .card-icon{font-size:18px;color:#91afff;background:#223354;width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.ops-body .card strong{font-size:34px;font-weight:650;letter-spacing:-1.2px;line-height:1.3;margin:14px 0 5px;font-variant-numeric:tabular-nums}.ops-body .card small{font-size:10px;color:#7389a7}.ops-body .card-warning{border-color:#55402b;background:linear-gradient(135deg,#211f24,#141a27)}.ops-body .card-warning strong{color:#efbe78}.ops-body .card-warning .card-icon{color:#efbe78;background:#3d3026}.attention{display:flex;align-items:center;gap:14px;padding:17px 20px;background:#102523;border:1px solid #25433a;border-radius:10px;margin-top:19px}.attention.has-alert{background:#231f1b;border-color:#4d3b28}.attention-icon{font-size:16px;font-weight:700;color:#6dd1a8;background:#1a3a32;border-radius:8px;width:32px;height:32px;display:grid;place-items:center;flex:none}.has-alert .attention-icon{background:#443323;color:#efbe78}.attention strong{font-size:12px;font-weight:600}.attention p{font-size:11px;color:#a29482;margin:2px 0 0}.attention a{margin-left:auto;font-size:11px;white-space:nowrap;color:#efbe78}.attention:not(.has-alert) a{color:#6dd1a8}.ops-body .section{margin:35px 0;scroll-margin-top:25px}.ops-body h2{font-size:16px;letter-spacing:-.25px}.ops-body .section-head p{font-size:11px;color:#7386a1}.ops-body .section-head{margin-bottom:15px}.ops-body .table-wrap,.ops-body .panel{background:#101a2a;border-color:#243148;border-radius:11px}.ops-body table{font-size:12px}.ops-body th{background:#141f31;font-size:10px;letter-spacing:.25px;color:#8395af;font-weight:550;padding:13px 19px}.ops-body td{padding:15px 19px;border-color:#202c40}.ops-body td:first-child{font-weight:550}.ops-body td small{font-size:10px;font-weight:400;color:#6f84a3;margin-top:3px}.ops-body tbody tr:hover{background:#152137}.ops-body .pill{font-size:10px;padding:4px 9px}.ops-body .notice{color:#7185a2;font-size:10px;line-height:1.8;max-width:1000px}.ops-body input,.ops-body select{font-size:12px;background:#0c1422;border-color:#2c3a51;border-radius:8px;width:100%;padding:10px 12px}.ops-body label{color:#8a9db8;font-size:11px}.ops-body .panel{padding:22px}.ops-body .event strong{font-size:12px}.ops-body .empty{font-size:12px;padding:28px;color:#7085a5}.ops-body footer{font-size:10px;color:#5f7596;border-color:#223049;margin-top:35px}.ops-body :focus-visible{outline:2px solid #8fb1ff;outline-offset:4px}.ops-body .error-text:empty{display:none}.ops-body .error-text:not(:empty){background:#3a242d;padding:15px;border-radius:8px;margin-bottom:15px}@media(min-width:1800px){.ops-body .wrap{margin-left:auto;margin-right:auto;padding-left:270px;max-width:1800px}}@media(max-width:1100px){.sidebar{width:190px;padding:27px 14px}.sidebar-brand{font-size:18px}.ops-body .wrap{margin-left:190px;padding:32px 24px}.ops-body header{align-items:flex-start;gap:20px;flex-direction:column}.ops-body .cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:17px 16px;border-right:0;border-bottom:1px solid #263146;gap:16px}.sidebar-brand{font-size:18px}.sidebar .logo{width:31px;height:33px;font-size:20px}.nav-label,.sidebar-bottom{display:none}.side-nav{flex-direction:row;flex-wrap:nowrap;overflow:auto;gap:6px}.side-nav a{white-space:nowrap;padding:8px 10px;font-size:11px;gap:7px}.side-nav a span{font-size:13px;width:auto}.ops-body .wrap{margin:0;padding:25px 16px}.ops-body h1{font-size:27px}.ops-body .cards{gap:10px}.ops-body .card{padding:14px}.ops-body .card-top>span:first-child{font-size:10px}.ops-body .card-icon{width:25px;height:25px;font-size:14px}.ops-body .card strong{font-size:30px}.update-strip{flex-wrap:wrap}.attention{align-items:flex-start;flex-wrap:wrap;padding:15px;gap:10px}.attention>div{flex:1;min-width:180px}.attention a{margin-left:42px}.ops-body .section{margin:28px 0}.ops-body .incident-form{grid-template-columns:1fr}.ops-body .incident-form button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.logo.brand-image,.sidebar .logo.brand-image{background:none;box-shadow:none;object-fit:contain;border-radius:0;width:43px;height:43px}.sidebar-brand{gap:9px}
