*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#0f1419;color:#e7ecf1}a{color:#5dade2}.app{max-width:1100px;margin:0 auto;padding:24px}.card{background:#1a2332;border:1px solid #2a3544;border-radius:10px;padding:16px;margin-bottom:16px}h1,h2{margin:0 0 12px;font-weight:600}nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}nav button,.btn{background:#243447;color:#e7ecf1;border:1px solid #3d5166;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:14px}nav button.active,.btn.primary{background:#1d6fa5;border-color:#2980b9}.btn.danger{background:#922b21;border-color:#c0392b}input,textarea,select{background:#0f1419;border:1px solid #3d5166;color:#e7ecf1;border-radius:6px;padding:8px 10px;width:100%}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px;border-bottom:1px solid #2a3544;vertical-align:top}th{color:#95a5a6;font-weight:500}.muted{color:#95a5a6;font-size:12px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.error{color:#e74c3c;margin:8px 0}.success{color:#2ecc71;margin:8px 0}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.online{background:#1e5631;color:#a9dfbf}.badge.offline{background:#3d3d3d;color:#bdc3c7}.toolbar{margin-bottom:12px}table input[type=checkbox]{width:auto;cursor:pointer}