*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#e9edf7;font-family:Inter,Arial,sans-serif}header{height:64px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#11182b;border-bottom:1px solid #24304b;position:sticky;top:0}nav{display:flex;gap:18px}a{color:#b8c4df;text-decoration:none}a:hover{color:#fff}.container{max-width:1180px;margin:35px auto;padding:0 20px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#121a2d;border:1px solid #253250;border-radius:14px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.18)}h1{font-size:30px;margin:0 0 8px}h2{margin:8px 0;font-size:25px}h3{margin-top:0}small{color:#8f9bb6}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#2a3150;color:#d8e0f5;font-size:11px;margin-left:8px}.status{font-weight:700}.status.on{color:#63e6be}.status.off{color:#ff8787}button{background:#e9edf7;color:#0b1020;border:0;padding:11px 16px;border-radius:8px;font-weight:700;cursor:pointer}button:hover{opacity:.9}label{display:block;margin:16px 0;color:#b9c5dd}input,select{display:block;width:100%;max-width:500px;margin-top:7px;padding:11px;border-radius:8px;border:1px solid #33405f;background:#0b1020;color:#fff}input[type=checkbox]{display:inline;width:auto}.warning,.error,.ok{padding:12px;border-radius:8px;margin:15px 0}.warning{background:#332b14;color:#ffd66b}.error{background:#3b1d25;color:#ffb3c0}.ok{background:#16362d;color:#8ce7bd}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid #25304a;font-size:14px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth .card{width:min(430px,100%)}.auth h1{margin-bottom:12px}@media(max-width:800px){.grid,.grid.two{grid-template-columns:1fr}.hero{gap:15px;align-items:flex-start;flex-direction:column}header{height:auto;padding:16px 5%;gap:12px;align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap}}