*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f3f6f9;color:#132238}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#101d2a;padding:22px 14px;color:#fff}.brand{font-size:24px;font-weight:800;margin:0 8px 24px}.brand span{font-size:14px;font-weight:600;color:#93b8cf}.sidebar a{display:block;color:#c8d8e5;text-decoration:none;padding:13px 14px;border-radius:10px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:#17364c;color:#fff}.main{margin-left:250px;padding:26px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{margin:0;font-size:28px}header p{margin:4px 0;color:#6d7f8f}.badge{padding:9px 13px;border-radius:999px;font-weight:700}.online{background:#dcfce7;color:#166534}.offline{background:#fee2e2;color:#991b1b}.grid{display:grid;gap:18px}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.two{grid-template-columns:1fr 1fr;margin-bottom:18px}.card{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 6px 20px rgba(15,23,42,.05)}.card small{display:block;color:#718096;margin-bottom:10px}.card strong{font-size:25px}.card h2{margin-top:0}.btn{display:inline-block;text-decoration:none;padding:11px 16px;border-radius:10px;color:white;font-weight:700;margin-right:8px}.green{background:#16a34a}.dark{background:#334155}.blue{background:#0284c7}.danger{background:#dc2626}.actions{margin-top:14px}.muted{color:#7b8a98;font-size:14px}.now{font-size:20px;font-weight:700;padding:18px;background:#f8fafc;border-radius:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px}.notice{padding:12px;border-radius:10px;background:#e0f2fe;color:#075985;margin-bottom:15px}@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin-left:0}.stats,.two{grid-template-columns:1fr}}
