:root{font-family:Inter,system-ui,sans-serif;color:#102c2b;background:#f3f7f6}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#073f39;color:#fff;padding:28px 20px;display:flex;flex-direction:column}.brand{font-weight:900;font-size:22px}.brand small{display:block;color:#d7af45;font-size:11px;letter-spacing:2px;margin-top:4px}nav{display:grid;gap:8px;margin-top:40px}button{border:0;border-radius:10px;padding:12px 16px;background:#0b5b53;color:white;font-weight:700;cursor:pointer}nav button{text-align:left;background:transparent}nav button:first-child{background:#ffffff1b}.safe{margin-top:auto;padding:14px;background:#ffffff12;border-radius:12px;font-size:12px;line-height:1.5}main{padding:32px;max-width:1500px;width:100%}header,.row{display:flex;align-items:center;justify-content:space-between;gap:20px}h1,h2,p{margin-top:0}header p,.card p{color:#64807d}#mode{background:#fff0bd;color:#795800;padding:9px 13px;border-radius:20px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.metrics article,.card{background:#fff;border:1px solid #dce7e5;border-radius:16px;padding:24px;box-shadow:0 8px 30px #073f390c}.metrics strong{display:block;font-size:32px;margin-top:8px}.metrics small{color:#708a87}.login{max-width:420px;margin:70px auto;display:grid;gap:12px}input{padding:13px;border:1px solid #c9d8d5;border-radius:9px;font:inherit}.error{color:#ad2b2b!important}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5eceb;font-size:14px}.badge{padding:5px 9px;border-radius:20px;background:#e8efee}.healthy,.success{background:#dbf5e5;color:#12632f}.error{background:#ffe1e1;color:#991f1f}@media(max-width:800px){body{display:block}aside{min-height:auto}aside nav,.safe{display:none}main{padding:18px}.metrics{grid-template-columns:1fr}header{align-items:flex-start}.card{padding:16px}}