:root{color-scheme:dark;font-family:Inter,Roboto,system-ui,-apple-system,sans-serif;background:#081321;color:#eaf2ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#142d49,#081321 58%)}header{height:76px;padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;background:#0b1b2bda;border-bottom:1px solid #28405c;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center}.brand-logo{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}.brand strong{display:block}.brand small{display:block;color:#94abc5;margin-top:3px}main{max-width:1180px;margin:auto;padding:25px 18px 60px}.hidden{display:none!important}h1{font-size:clamp(26px,5vw,36px);margin:5px 0 4px}h2{font-size:19px;margin:0}p{line-height:1.5}.eyebrow{color:#69b7fd;font-size:11px;letter-spacing:.14em;font-weight:750}.subtle{color:#9bb1c9;font-size:13px}.compact{margin:.25rem 0 0}.auth{max-width:440px;margin:9vh auto;background:#11243a;padding:28px;border-radius:23px;border:1px solid #315273;box-shadow:0 15px 55px #020a16}.auth p{color:#adbed1}.auth label{display:block;margin:27px 0 8px;font-size:13px}input{width:100%;border:1px solid #365470;border-radius:11px;background:#09182a;padding:13px;color:#fff;font-size:15px}button{border:0;border-radius:11px;background:#4e9deb;color:#071524;padding:12px 15px;font-weight:750;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.1)}.auth button{width:100%;margin-top:15px}.flat{background:transparent;color:#b9cce2}.secondary{background:#243c56;color:#e9f3ff}.danger{background:#593039;color:#fff}.error{color:#ff9999}.heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.notice{border:1px solid #3f6487;background:#12283e;padding:10px 13px;border-radius:10px;margin-bottom:18px;color:#bed8f4;font-size:13px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.tile,.panel{background:#102137;border:1px solid #294560;border-radius:17px;padding:18px}.tile-title{color:#9db9d7;font-size:13px}.tile strong{display:block;font-size:24px;margin-top:10px}.tile p{color:#b4c8dd;font-size:12px;margin-bottom:4px}.text-link{color:#7abaff;font-size:13px;text-decoration:none}.ok-state{color:#8be28b}.bad-state{color:#ffb38c}.tabs{display:flex;gap:8px;overflow:auto;margin:23px 0 12px;padding-bottom:3px}.tabs button{white-space:nowrap;background:#172c44;color:#b3c8dd}.tabs button.active{background:#428ce0;color:white}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.tag{font-size:11px;background:#243d56;padding:5px 9px;border-radius:20px;color:#bed5f0}.terminal{height:360px;overflow:auto;background:#040d18;border:1px solid #203348;border-radius:10px;padding:12px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#c2e1d1}.terminal div{border-bottom:1px solid #102136;padding:2px 0}.command{display:flex;gap:8px;margin-top:13px}.command input{flex:1;min-width:0}.power{display:flex;gap:8px;margin-top:14px}.power button{flex:1}.segmented{display:flex;gap:8px;margin:12px 0}.segmented button{background:#172c44;color:#b3c8dd}.segmented button.active{background:#428ce0;color:#fff}.site-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.site-summary>div{background:#1b3147;padding:13px;border-radius:10px}.site-summary span,.site-summary strong{display:block}.site-summary strong{margin-top:10px}.site-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.site-actions>div{background:#152a40;border:1px solid #294560;border-radius:12px;padding:13px}.audit-tools{display:grid;grid-template-columns:2fr 1fr auto;gap:8px;margin:12px 0}.audit-tools select{border:1px solid #365470;border-radius:11px;background:#09182a;padding:12px;color:#fff}.check{display:flex;align-items:center;gap:8px;color:#b9cce2;font-size:13px;padding:0 8px}.check input{width:auto}.audit-stats{display:flex;gap:16px;flex-wrap:wrap;color:#9db8d1;font-size:12px;margin:8px 0 12px}.audit-stats strong{color:#fff}.audit-list{display:grid;gap:8px}.audit-item{padding:12px;background:#1a2f45;border-radius:10px;overflow-wrap:anywhere;font-size:13px}.audit-item.alert{border-left:4px solid #f39b66}.audit-item small{display:block;color:#9db8d1;margin-top:4px}.alerts-panel{margin-top:15px}.alerts-heading{align-items:flex-start}.alert-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.active-alert-list,.incident-list{display:grid;gap:8px}.healthy-banner{padding:13px 14px;border:1px solid #2f654e;background:#113226;border-radius:12px;color:#a6e5bf;font-size:13px}.active-alert{padding:13px 14px;background:#1d2c40;border-radius:12px;border-left:4px solid #f2a65a}.active-alert.critical{border-left-color:#ff776f;background:#33202a}.active-alert strong{display:block}.active-alert p{font-size:13px;color:#d6e0ec;margin:5px 0}.active-alert small,.incident-item small{display:block;color:#9db8d1;margin-top:4px}.incident-item{padding:12px;background:#15283d;border-radius:12px;border-left:4px solid #f39b66;font-size:13px}.incident-item.recovered{border-left-color:#5fbf87}.incident-item.alert{border-left-color:#f39b66}footer{font-size:11px;color:#7893b2;text-align:center;padding:0 15px 25px}@media(max-width:950px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.alert-actions{justify-content:flex-start}.alerts-heading{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.site-actions{grid-template-columns:1fr}.audit-tools{grid-template-columns:1fr}.check{padding:6px 2px}.site-summary{grid-template-columns:1fr}}@media(max-width:560px){.tiles{grid-template-columns:1fr}.brand-logo{width:46px;height:46px}.brand small{font-size:11px}.power button{padding:10px 6px;font-size:12px}.auth{margin-top:3vh}.terminal{height:340px}main{padding-top:18px}.panel-title{align-items:flex-start;flex-direction:column}.heading{align-items:flex-end}}

.mobile-notice{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 13px;margin-bottom:10px;background:#102d3a;border:1px solid #2e6071;border-radius:12px;font-size:12px;color:#bcd9e5}.mobile-notice strong{color:#e8f8ff}.mobile-notice span{color:#9fc0ce}