:root{--nav:#10233f;--accent:#198f89;--bg:#f3f6f9;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#17212b;font:14px system-ui,sans-serif}header{background:var(--nav);padding:14px 4%;color:#fff;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.brand{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.brand small{color:#74e2dc}.search{display:flex;flex:1;max-width:390px}.search input{flex:1}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{color:#dce9f7;text-decoration:none}main{max-width:1200px;margin:28px auto;padding:0 20px}h1{font-size:27px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.card,.panel{background:#fff;border-radius:9px;padding:18px;box-shadow:0 1px 4px #0001}.metric{font-size:30px;font-weight:750;color:var(--accent)}input,select,textarea,button{padding:9px;border:1px solid #ccd5df;border-radius:5px}button,.btn{background:var(--accent);color:#fff;border:0;text-decoration:none;padding:9px 13px;border-radius:5px;cursor:pointer}.danger{background:var(--danger)}form.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.full{grid-column:1/-1}.table-wrap{overflow:auto;background:#fff;border-radius:8px}table{border-collapse:collapse;width:100%}th,td{padding:11px;border-bottom:1px solid #e5e9ee;text-align:left}.flash{padding:12px;border-radius:6px;background:#dff6ee}.flash.error{background:#fee4e2}.rack{max-width:560px;background:#202934;padding:10px;border-radius:8px}.u{height:30px;border:1px solid #667382;color:#dfe9f2;padding:5px}.u.device{background:#127c78;color:#fff}.actions{display:flex;gap:7px}.muted{color:#687686}img.thumb{width:64px;height:40px;object-fit:cover}footer{text-align:center;padding:30px;color:#6b7785}@media(max-width:700px){form.grid{grid-template-columns:1fr}.full{grid-column:auto}}