:root{--bg:#f6f8fb;--ink:#172033;--line:#e2e7ef;--blue:#0052cc;--violet:#7767ff}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink)}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:800}.brand span{color:var(--violet)}nav{margin-top:30px;display:grid;gap:5px}nav a,.who a{color:#43506a;text-decoration:none;padding:10px 12px;border-radius:9px}nav a:hover{background:#f0f3f8;color:#111}.who{margin-top:auto;color:#657089}.who a{padding:0;color:var(--blue)}main{margin-left:230px;padding:0 32px 50px}header{height:80px;display:flex;align-items:center}h1{font-size:26px}h2{margin-top:0}.card,.metric{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 8px 30px rgba(33,45,70,.04);padding:22px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.metric b{display:block;font-size:34px}.metric span{color:#6a7488}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.formgrid label{display:grid;gap:6px;color:#536079}.formgrid .wide{grid-column:1/-1}input,select,textarea{width:100%;padding:11px;border:1px solid #ccd4e0;border-radius:9px;background:#fff}textarea{min-height:80px}button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:12px 18px;font-weight:700;align-self:end}.tablewrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:#778197;text-transform:uppercase}.badge{display:inline-block;padding:3px 8px;border-radius:99px;background:#eef1f6}.badge.ok{background:#e6f7ee;color:#167548}.badge.warn{background:#fff3d8;color:#956300}.badge.bad{background:#ffe8e8;color:#a12424}.badge.blue{background:#e7efff;color:#2459b9}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#f8fbff,#f5f0ff)}.loginbox{width:min(420px,92vw);background:#fff;padding:35px;border-radius:20px;border:1px solid var(--line);box-shadow:0 25px 70px rgba(33,45,70,.12)}.loginbox form{display:grid;gap:16px}.big{font-size:30px}.alert{padding:12px;border-radius:9px;background:#ffe9e9;color:#8e2222;margin:15px 0}@media(max-width:900px){aside{width:180px}main{margin-left:180px}.grid,.formgrid{grid-template-columns:1fr}}