:root{--teal:#087f72;--navy:#15324a;--gold:#d3a74b;--ink:#1d2935;--muted:#6c7c85;--line:#dce6e8;--bg:#f5f8f8;--r:16px}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--bg)}aside{position:fixed;inset:0 auto 0 0;width:225px;padding:25px 18px;background:var(--navy);color:white;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:800;color:#7ee0ca}.brand small{display:block;font-size:12px;color:white}nav{display:grid;gap:5px;margin-top:25px}nav a{color:#eef8f7;text-decoration:none;padding:10px;border-radius:9px}nav a:hover,nav a:focus{background:#ffffff18;outline:2px solid #7ee0ca}aside form{margin-top:auto}main{margin-left:225px;padding:0 28px 40px}header{height:65px;display:flex;justify-content:flex-end;align-items:center}.hero{background:linear-gradient(125deg,#07695f,var(--navy));color:white;border-radius:24px;padding:30px;margin-bottom:20px}.hero h1{font-size:clamp(28px,4vw,46px);margin:.2em 0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.panel,.metric{background:white;border:1px solid var(--line);border-radius:var(--r);padding:19px}.metric strong{display:block;font-size:27px}.span2{grid-column:span 2}.span4{grid-column:1/-1}.badge{display:inline-block;border-radius:99px;padding:4px 9px;background:#dff5ef;color:#086357;font-weight:700;font-size:12px}.warn{background:#fff0d2;color:#755016}.danger{background:#ffe1e1;color:#8a2727}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:800}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}button,.button{border:0;border-radius:9px;padding:10px 14px;background:var(--teal);color:white;font-weight:700;text-decoration:none}input{width:100%;padding:10px;border:1px solid #becdce;border-radius:9px}.stack{display:grid;gap:13px}.center{margin:0;min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(430px,100%)}@media(max-width:850px){aside{position:static;width:auto}nav{display:flex;overflow:auto}main{margin:0;padding:0 14px 30px}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.grid{grid-template-columns:1fr}.span2,.span4{grid-column:auto}table{display:block;overflow:auto}}