:root {
  --ink:#13202b; --muted:#5c6973; --paper:#f4f6f7; --surface:#fff; --line:#d9e0e4;
  --blue:#146c94; --blue-dark:#0f4f6d; --amber:#a96a00; --red:#a53a3a;
  --shadow:0 12px 36px rgba(20,38,51,.08);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink); background:var(--paper); font-size:16px;
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;display:flex;flex-direction:column}
header{min-height:76px;background:#0e2635;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px max(24px,calc((100vw - 1180px)/2));border-bottom:4px solid #2a8cab}
.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:700}.brand small{display:block;font-size:.72rem;font-weight:500;color:#b8ced9;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #6da8bf;background:#153c50;font-size:.8rem;letter-spacing:.08em}
nav{display:flex;gap:20px;align-items:center}nav a,.link-button{color:#d9e8ef;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:8px 0}.link-button:hover,nav a:hover{color:#fff}nav form{margin:0}
main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:44px 0 72px;flex:1}footer{padding:24px;text-align:center;color:var(--muted);font-size:.82rem;border-top:1px solid var(--line)}
h1,h2,h3{margin:0;color:#122b3a;line-height:1.15}h1{font-size:clamp(2rem,4vw,3rem);font-weight:720;letter-spacing:-.035em}h2{font-size:1.15rem;font-weight:700}p{line-height:1.6}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--blue);margin:0 0 12px}.lead{font-size:1.15rem;color:#41525e;max-width:720px}
.hero{display:grid;grid-template-columns:1.55fr .8fr;gap:42px;align-items:center;padding:48px 0 62px}.summary,.panel,.grid article{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}.summary{border-top:4px solid var(--blue)}dl{margin:20px 0 0}dl div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:700}
.actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 18px;background:var(--blue);border:1px solid var(--blue);color:white;text-decoration:none;font-weight:700;cursor:pointer}.button:hover{background:var(--blue-dark)}.button.secondary{background:white;color:var(--blue)}.button.small{min-height:34px;padding:6px 10px;font-size:.82rem}.button:disabled{opacity:.5;cursor:not-allowed}
.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid article p{color:var(--muted);margin-bottom:0}
.login-panel{width:min(850px,100%);margin:40px auto;display:grid;grid-template-columns:1.3fr .8fr;background:white;border:1px solid var(--line);box-shadow:var(--shadow)}.login-panel>div,.login-panel>aside{padding:38px}.login-panel aside{background:#e8f1f4;border-left:1px solid var(--line)}
.stack{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-weight:650;font-size:.9rem}input,select,textarea{width:100%;border:1px solid #b9c5cb;background:white;padding:11px 12px;font:inherit;color:var(--ink)}textarea{resize:vertical;line-height:1.45;font-family:"IBM Plex Mono","Courier New",monospace;font-size:.84rem}input:focus,select:focus,textarea:focus{outline:3px solid rgba(20,108,148,.18);border-color:var(--blue)}input[type="checkbox"]{width:auto;accent-color:var(--blue)}
output{display:block;white-space:pre-wrap;color:var(--muted);font-size:.88rem}.notice{padding:12px 14px;border-left:4px solid var(--blue);background:#eaf4f8}.notice.error{border-color:var(--red);background:#faecec}.notice.warning{border-color:var(--amber);background:#fff5de;margin-top:18px}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.page-title p:last-child{color:var(--muted);margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metrics article{background:#112e3e;color:white;padding:22px;border-top:4px solid #2a8cab}.metrics strong{display:block;font-size:2rem}.metrics span{color:#c6d9e2;font-size:.86rem}
.panel{margin-bottom:22px}.panel>h2{margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;color:#4e5d66;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid #9dacb4;padding:10px 12px}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}code{font-family:"IBM Plex Mono","Courier New",monospace;font-size:.83rem}
.status{display:inline-block;padding:4px 8px;border:1px solid #8ca0aa;background:#eef2f4;color:#34444d;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-active,.status-healthy,.status-approved,.status-pass{border-color:#76a99b;background:#e8f4ef;color:#15624f}.status-warning,.status-medium,.status-pending,.status-awaiting_user_decision,.status-frozen{border-color:#d6ae64;background:#fff5de;color:#754b00}.status-panic,.status-critical,.status-high,.status-revoked,.status-blocked,.status-degraded,.status-unavailable{border-color:#d18c8c;background:#faecec;color:#842d2d}progress{width:100%;height:12px}
.subnav{display:flex;gap:4px;overflow:auto;margin:-20px 0 34px;padding-bottom:1px;border-bottom:1px solid var(--line)}.subnav a{color:var(--muted);padding:12px 14px;border-bottom:3px solid transparent;white-space:nowrap}.subnav a:hover,.subnav a[aria-current="page"]{color:var(--blue-dark);border-bottom-color:var(--blue)}
.admin-cards,.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.admin-cards a{display:grid;gap:8px;min-height:120px;padding:24px;background:white;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:var(--shadow);text-decoration:none;color:var(--ink)}.admin-cards a:hover{border-color:#8eb7c9}.admin-cards span{color:var(--muted)}
.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.status-grid article{display:grid;gap:10px;padding:24px;background:white;border:1px solid var(--line);border-top:4px solid var(--blue);box-shadow:var(--shadow)}.status-grid span,.status-grid small{color:var(--muted)}.status-grid strong{font-size:1.25rem}.compact{max-width:680px}
.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.selection-heading label{display:flex;align-items:center;gap:8px;font-weight:600}.check-list{display:grid;max-height:360px;overflow:auto;border:1px solid var(--line)}.check-row{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer}.check-row:last-child{border-bottom:0}.check-row:hover{background:#f3f8fa}.check-row span{display:grid;gap:2px}.check-row small{color:var(--muted)}.onboarding ol{line-height:1.7;padding-left:22px}.onboarding .button{margin-top:12px}
@media(max-width:800px){header{height:auto;padding:18px 20px;align-items:flex-start;gap:16px}nav{flex-wrap:wrap;justify-content:flex-end}.hero,.login-panel,.grid.two,.grid.three,.admin-cards,.status-grid{grid-template-columns:1fr}.login-panel aside{border-left:0;border-top:1px solid var(--line)}.metrics{grid-template-columns:repeat(2,1fr)}main{width:min(100% - 28px,1180px);padding-top:28px}.page-title{align-items:flex-start;gap:20px}.subnav{justify-content:flex-start;flex-wrap:nowrap}h1{font-size:2rem}}