:root{color-scheme:dark;font-family:Inter,system-ui;background:#071016;color:#dce8ee}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#0b171f;border-right:1px solid #243741;padding:24px}h1{font-size:18px;letter-spacing:2px;color:#62e6b0}.locked{color:#ffbd5b;font:12px monospace}nav{display:grid;gap:7px;margin-top:28px}button{background:transparent;border:1px solid transparent;color:#9fb1ba;text-align:left;padding:10px;border-radius:7px;cursor:pointer}button:hover{background:#14242d;color:white}main{padding:24px}header{display:flex;justify-content:space-between;color:#75909d;font:12px monospace}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}.card{background:#0c1a22;border:1px solid #20343e;border-radius:10px;padding:18px}.metric{font-size:28px;color:#f1f7fa}.good{color:#62e6b0}.warn{color:#ffbd5b}.bad{color:#ff6b72}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #20343e;text-align:left}textarea,input{width:100%;margin:7px 0;min-height:40px;background:#071016;color:white;border:1px solid #29434f;padding:12px}textarea{min-height:120px}.banner{padding:12px;background:#3a2910;color:#ffd37e;border-radius:8px;margin-top:18px}@media(max-width:720px){body{grid-template-columns:1fr}aside{display:none}}