:root{font:15px/1.55 system-ui,sans-serif;color:#193047;background:#f1f5f9;color-scheme:light}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:255px 1fr;min-height:100vh}aside{background:#10283d;color:#c9dce8;padding:32px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{font-weight:800;font-size:28px;color:white;text-decoration:none;letter-spacing:2px}.brand span{display:block;color:#69d7cc;font-size:11px;letter-spacing:2.5px}aside p{font-size:13px}nav{display:grid;gap:8px;margin:24px 0}nav button{text-align:left;background:transparent;color:#d9e8f2;border:1px solid transparent}nav button[aria-current=page]{background:#194658;border-color:#3c8a8a;color:white}aside small{margin-top:auto;color:#b5c8d6}main{padding:32px clamp(16px,4vw,58px);min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}h1{margin:0;font-size:clamp(28px,4vw,40px);letter-spacing:-1px}h2{margin:0 0 10px;font-size:20px}p{color:#516a7d}header p{margin:4px 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#22736e}.panel{background:white;border:1px solid #dbe5ec;border-radius:14px;padding:24px;margin:18px 0;box-shadow:0 4px 15px #10283d05}.login{max-width:550px}label{display:grid;gap:6px;margin:12px 0}input{padding:12px;border:1px solid #93aaba;border-radius:7px;font:inherit}button{padding:11px 16px;border:0;border-radius:7px;background:#116b65;color:white;font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #d57d16;outline-offset:3px}a{color:#086b71}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.metric{background:white;border:1px solid #dbe5ec;border-radius:12px;padding:20px}.metric strong{display:block;font-size:30px;color:#10283d}.notice{padding:12px 16px;background:#e5f1f1;border-radius:8px;color:#264c52}.warning,.critical,.unavailable{border-left:4px solid #bd6a20;background:#fff5e9;padding:12px;margin:8px 0;color:#684018}.critical{border-color:#bd3449;background:#fff0f2;color:#8e2637}.ok{color:#146d53}.muted{color:#5c7384}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid #e0e8ef;vertical-align:top;overflow-wrap:anywhere}th{color:#536b7d;font-size:12px;text-transform:uppercase}iframe{width:100%;height:82vh;border:1px solid #cbd9e3;border-radius:10px;background:white}.links{display:grid;gap:14px}[hidden]{display:none!important}@media(max-width:800px){body{display:block}aside{position:static;height:auto;padding:20px}aside small{display:none}nav{display:flex;overflow:auto;margin:12px 0 0}nav button{white-space:nowrap}main{padding:20px 14px}header{align-items:flex-start}header>div:last-child{display:grid;gap:8px}.panel{padding:17px}}