:root{font-family:Inter,system-ui,sans-serif;color:#e8f1f8;background:#07101d}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;padding:24px 4vw;border-bottom:1px solid #203b57;background:#0a1726}header div{flex:1}h1{margin:4px 0;font-size:clamp(28px,4vw,50px)}p{color:#9fb1c6}a{color:#70d8c8}button,select,input,textarea{border:1px solid #294761;background:#0b1c2d;color:#eef6fb;border-radius:10px;padding:10px}button{cursor:pointer;background:#65ddc7;color:#05201c;font-weight:800}main{display:grid;grid-template-columns:280px 1fr;gap:18px;padding:22px 4vw}aside{position:sticky;top:10px;align-self:start;background:#0c1b2c;border:1px solid #203b57;border-radius:16px;padding:16px}label{display:grid;gap:7px}nav{display:grid;gap:7px;margin-top:16px}nav button{text-align:left;background:#132941;color:#d9e7f1}nav button.active{background:#65ddc7;color:#05201c}.card{background:#0c1b2c;border:1px solid #203b57;border-radius:16px;padding:18px;margin-bottom:14px}.row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #203b57;padding:12px 0}.bad{color:#ff8795}.warn{color:#ffd166}.good{color:#65ddc7}pre{white-space:pre-wrap;word-break:break-word;max-height:400px;overflow:auto;background:#071522;padding:12px;border-radius:10px}.actions{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.metric strong{display:block;font-size:30px}.muted{color:#8ea6bc}@media(max-width:800px){main{grid-template-columns:1fr}aside{position:static}header{flex-wrap:wrap}}
