:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-elevated:#fff;--bg-subtle:#f8fafc;--bg-muted:#f1f5f9;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-active:#2563eb;--border-glow:#bfdbfe;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--accent-cyan:#0284c7;--accent-cyan-light:#f0f9ff;--accent-emerald:#059669;--accent-emerald-light:#ecfdf5;--accent-amber:#d97706;--accent-amber-light:#fffbeb;--accent-rose:#e11d48;--accent-rose-light:#fff1f2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverted:#fff;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000000f, 0 1px 2px -1px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-glow:0 4px 14px #2563eb14;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 10%,#2563eb08 0,#0000 50%),radial-gradient(at 90% 90%,#4f46e508 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.glass-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}.glass-panel:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.glass-panel-glow{background:var(--bg-card);border:1px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow)}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;line-height:1.4;text-decoration:none;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-xs);border-color:#1d4ed8}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-sm);border-color:#1e40af}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover:not(:disabled){border-color:var(--border-medium);color:#0f172a;background:#f8fafc}.btn-danger{background:var(--accent-rose-light);color:var(--accent-rose);border:1px solid #fecdd3}.btn-danger:hover:not(:disabled){color:#be123c;background:#ffe4e6;border-color:#fda4af}.btn-success{background:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid #a7f3d0}.btn-success:hover:not(:disabled){color:#047857;background:#d1fae5;border-color:#6ee7b7}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],select,textarea{color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-family:var(--font-body);background:#fff;padding:8px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1f}input::placeholder,textarea::placeholder{color:var(--text-muted)}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:5px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-light);color:#1d4ed8;border:1px solid var(--primary-border)}.badge-success{background:var(--accent-emerald-light);color:#047857;border:1px solid #a7f3d0}.badge-warning{background:var(--accent-amber-light);color:#b45309;border:1px solid #fde68a}.badge-danger{background:var(--accent-rose-light);color:#be123c;border:1px solid #fecdd3}.badge-neutral{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.pulse-dot{border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot.online{background-color:var(--accent-emerald)}.pulse-dot.offline{background-color:var(--accent-rose)}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;padding:10px 14px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);padding:12px 14px;font-size:.88rem}tr:hover td{background:#f8fafc}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.container{max-width:1280px;margin:0 auto;padding:0 20px}.grid-cols-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.grid-cols-2{grid-template-columns:1fr}}