body{margin:0;font:14px/1.45 system-ui,sans-serif;background:#0d1017;color:#e6e9ef}header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 18px;background:#141925;border-bottom:1px solid #222a3a;position:sticky;top:0}
nav a{color:#9fb4ff;margin-right:10px;text-decoration:none}main{padding:18px;max-width:1200px;margin:auto}section{background:#141925;border:1px solid #222a3a;border-radius:12px;padding:14px 16px;margin-bottom:16px}
h2{margin:0 0 10px;font-size:16px}table{width:100%;border-collapse:collapse}td,th{padding:6px 8px;border-bottom:1px solid #222a3a;text-align:left;vertical-align:top}th{color:#8b95a7;font-weight:600}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:#0f131c;border-radius:10px;padding:12px}.kpi b{display:block;font-size:22px}.mut{color:#8b95a7}
button{background:#3b6cff;color:#fff;border:0;border-radius:7px;padding:5px 10px;cursor:pointer}.ok{color:#38d39f}.warn{color:#ffb347}.bad{color:#ff6b6b}#who{margin-left:auto;color:#8b95a7}
.bar{height:10px;background:#222a3a;border-radius:5px;overflow:hidden}.bar i{display:block;height:100%;background:#38d39f}