:root{--bg:#071521;--panel:#0d2232;--line:#1c3a4d;--ink:#e7f0f5;--muted:#8ca5b4;--cyan:#3dd8c6;--blue:#5798ff;--amber:#ffbc5c;--red:#ff717d}*{box-sizing:border-box}body{margin:0;display:flex;background:#f5f8fa;color:#142936;font:14px Inter,system-ui,sans-serif}aside{width:244px;min-height:100vh;background:var(--bg);color:var(--ink);padding:28px 16px;display:flex;flex-direction:column}.brand{font-size:23px;letter-spacing:-1px;padding:0 12px 36px}.brand b{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:5px}nav{display:grid;gap:5px}nav button{color:#abc0cc;text-align:left;border:0;background:none;padding:12px;border-radius:7px;font:inherit}nav button:hover,nav .active{background:#173348;color:#fff}.profile{margin-top:auto;border-top:1px solid #244154;padding:18px 12px;color:#fff}.profile span{color:var(--muted);font-size:12px}main{width:min(1440px,calc(100vw - 244px));padding:36px 52px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#718998;font-weight:700;margin:0 0 7px}h1{margin:0;font-size:28px;letter-spacing:-.7px}h2{margin:0 0 16px}.actions{display:flex;gap:10px}select,input{border:1px solid #cedbe2;border-radius:7px;background:#fff;padding:10px;color:#233}.primary{background:#087d82;color:#fff;border:0;border-radius:7px;padding:10px 15px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card,.table,.panel{background:#fff;border:1px solid #e0e8ed;border-radius:10px;padding:18px}.metric{color:#6e8796;font-size:12px}.value{font-size:28px;font-weight:750;margin:8px 0}.up{color:#087d82;font-size:12px}.layout{display:grid;grid-template-columns:1.45fr .9fr;gap:16px;margin-top:16px}.table{width:100%;border-collapse:collapse;padding:0}.table th,.table td{text-align:left;padding:13px 16px;border-bottom:1px solid #edf2f4}.table th{font-size:11px;color:#708896;letter-spacing:.7px}.badge{border-radius:100px;padding:4px 8px;font-size:11px;font-weight:700}.ok{background:#d9f4ed;color:#077b65}.warn{background:#fff2d8;color:#a36400}.bad{background:#ffe0e3;color:#b63d4b}.bar{height:8px;border-radius:8px;background:#e8eff2;overflow:hidden}.bar i{display:block;height:100%;background:var(--cyan)}.row{display:flex;justify-content:space-between;align-items:center;margin:13px 0}.empty{padding:50px;text-align:center;color:#718998}dialog{border:0;border-radius:12px;width:440px;box-shadow:0 22px 70px #0018}dialog::backdrop{background:#0019}dialog form{display:grid;gap:14px}label{display:grid;gap:6px;font-weight:700}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}@media(max-width:850px){aside{width:60px;padding:20px 8px}.brand span,.brand small,nav button{font-size:0}.profile{display:none}main{width:calc(100vw - 60px);padding:25px}.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}}