:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #0a0f1d;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--bg-input: #1f2937;--border-color: rgba(255, 255, 255, .08);--border-focus: #3b82f6;--text-main: #f9fafb;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .35);--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .3);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .15);--warning-border: rgba(245, 158, 11, .3);--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .3);--neutral: #64748b;--neutral-bg: rgba(100, 116, 139, .15);--neutral-border: rgba(100, 116, 139, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--backdrop-blur: blur(12px);--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(59,130,246,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(16,185,129,.06) 0%,transparent 40%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#374151;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#4b5563}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-size:.925rem;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.btn-pulse{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px #10b98159}.btn-pulse:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444459}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.btn-secondary{background:#1f2937;color:#e5e7eb;border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:#374151;color:#fff}.btn-sm{padding:6px 12px;font-size:.825rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.775rem;font-weight:600;border-radius:var(--radius-full);letter-spacing:.02em}.badge-online{background-color:var(--success-bg);color:#34d399;border:1px solid var(--success-border)}.badge-offline{background-color:var(--neutral-bg);color:#94a3b8;border:1px solid var(--neutral-border)}.badge-relay-on{background-color:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-relay-off{background-color:#64748b26;color:#cbd5e1;border:1px solid var(--neutral-border)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-online{background-color:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite ease-in-out}.dot-offline{background-color:#64748b}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.15);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:6px}.form-control{width:100%;padding:10px 14px;font-family:inherit;font-size:.95rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition)}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f640}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 20px 35px -5px #000000b3;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:24px;position:relative}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.alert{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:18px;display:flex;align-items:center;gap:10px}.alert-danger{background-color:var(--danger-bg);border:1px solid var(--danger-border);color:#fca5a5}.alert-success{background-color:var(--success-bg);border:1px solid var(--success-border);color:#6ee7b7}.alert-warning{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:#fde68a}.swal2-dark-popup{border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;box-shadow:0 25px 50px -12px #000000bf!important;font-family:var(--font-sans)!important}.swal2-dark-title{font-size:1.25rem!important;font-weight:700!important;color:#fff!important}.swal2-dark-html{font-size:.9rem!important;color:var(--text-muted)!important}.swal2-actions{gap:12px!important;margin-top:20px!important}