:root{--navy:#102f43;--ink:#173042;--cyan:#04a9d2;--bg:#eef3f6;--line:#d7e2e8;--muted:#69808e;--green:#168558;--red:#b33030}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 18px;background:var(--navy);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;font-size:1.05rem}.brand>span{font-size:2.5rem;color:var(--cyan)}.brand small{font-weight:500;color:#9bc0d1}.sidebar nav{display:grid;gap:6px;margin-top:34px}.sidebar a{padding:11px 12px;border-radius:8px;color:#dcedf5;text-decoration:none;font-weight:700}.sidebar a:hover{background:#19445d}.sidebar-user{margin-top:auto;display:grid;gap:4px}.sidebar-user small{color:#a8c5d3;overflow-wrap:anywhere}.main{margin-left:250px;padding:28px;max-width:1600px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.eyebrow{margin:0 0 4px;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850}h1{margin:0;font-size:2rem}h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 8px 25px rgba(19,49,67,.05)}.card strong{display:block;font-size:2rem}.card span,.muted{color:var(--muted)}.panel{margin-top:16px}.button{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:800;cursor:pointer}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#fff}.button-danger{background:#fff2f2;border-color:#f0caca;color:var(--red)}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.73rem;text-transform:uppercase;color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#edf3f5;font-size:.72rem;font-weight:800}.pill-active,.pill-healthy,.pill-complete{background:#dff3e9;color:var(--green)}.pill-suspended,.pill-critical,.pill-failed{background:#fae2e2;color:var(--red)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:750}input,select,textarea{width:100%;padding:11px;border:1px solid #c9d7df;border-radius:8px;font:inherit}.notice{padding:12px 15px;margin:12px 0;border-radius:9px;background:#e2f4ea;color:#126a48}.notice.error{background:#fde5e5;color:#922}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(10,39,57,.15)}.login-card form{display:grid;gap:15px}@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin:0}.cards{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:520px){.cards{grid-template-columns:1fr}}