@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", monospace;--bg-main: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f8faff;--bg-input: #ffffff;--border-subtle: #e2e8f0;--border-card: #e2e8f0;--border-focus: #2563eb;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-glow: rgba(37, 99, 235, .28);--indigo-accent: #4f46e5;--cyan-accent: #0284c7;--emerald-accent: #059669;--amber-accent: #d97706;--rose-accent: #e11d48;--violet-accent: #7c3aed;--text-main: #09090b;--text-heading: #0f172a;--text-muted: #334155;--text-dim: #64748b;--text-subtle: #94a3b8;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .04), 0 4px 12px -2px rgba(15, 23, 42, .04);--card-shadow-hover: 0 6px 18px -4px rgba(15, 23, 42, .08), 0 2px 6px -1px rgba(0, 0, 0, .02);--table-th-bg: #f8fafc;--table-tr-hover: #f1f5f9}[data-theme=dark],.dark-theme{--bg-main: #080d18;--bg-surface: #0f172a;--bg-card: #111c33;--bg-card-hover: #17243f;--bg-input: #0f172a;--border-subtle: #1e293b;--border-card: #1f2e4a;--border-focus: #3b82f6;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-glow: rgba(59, 130, 246, .4);--indigo-accent: #6366f1;--cyan-accent: #06b6d4;--emerald-accent: #10b981;--amber-accent: #f59e0b;--rose-accent: #f43f5e;--violet-accent: #a855f7;--text-main: #f8fafc;--text-heading: #ffffff;--text-muted: #cbd5e1;--text-dim: #94a3b8;--text-subtle: #64748b;--card-shadow: 0 4px 20px -2px rgba(0, 0, 0, .5), 0 0 1px 1px rgba(255, 255, 255, .04);--card-shadow-hover: 0 8px 30px -4px rgba(0, 0, 0, .6), 0 0 15px rgba(59, 130, 246, .15);--table-th-bg: #0f172a;--table-tr-hover: #17243f}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden;background-image:radial-gradient(circle at 8% 8%,rgba(37,99,235,.06) 0px,transparent 40%),radial-gradient(circle at 92% 10%,rgba(2,132,199,.06) 0px,transparent 40%),radial-gradient(circle at 50% 95%,rgba(99,102,241,.05) 0px,transparent 50%),radial-gradient(circle at 85% 85%,rgba(5,150,105,.05) 0px,transparent 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}[data-theme=dark] body{background-image:radial-gradient(circle at 8% 8%,rgba(37,99,235,.12) 0px,transparent 40%),radial-gradient(circle at 92% 10%,rgba(2,132,199,.1) 0px,transparent 40%),radial-gradient(circle at 50% 95%,rgba(99,102,241,.08) 0px,transparent 50%),radial-gradient(circle at 85% 85%,rgba(5,150,105,.08) 0px,transparent 40%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-heading);font-weight:700}.glass-panel,.glass-panel-interactive{background:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;box-shadow:var(--card-shadow);transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel-interactive:hover{border-color:var(--border-focus);transform:translateY(-1px);box-shadow:var(--card-shadow-hover)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff!important;font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:all .18s ease;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-primary:active{transform:translateY(0)}.btn-cyan{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff!important;font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #0284c740;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn-cyan:hover{background:linear-gradient(135deg,#0369a1,#0284c7);transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.btn-emerald{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#059669,#10b981);color:#fff!important;font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #05966940;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn-emerald:hover{background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 4px 12px #05966959}.btn-amber{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff!important;font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #d9770640;transition:all .18s ease;white-space:nowrap}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,#e11d48,#f43f5e);color:#fff!important;font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 2px 8px #e11d4840;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn-danger:hover{background:linear-gradient(135deg,#be123c,#e11d48);transform:translateY(-1px);box-shadow:0 4px 12px #e11d4859}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-surface);color:var(--text-main);font-weight:600;font-size:.8125rem;padding:7px 14px;border-radius:8px;border:1px solid var(--border-subtle);cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .18s ease;white-space:nowrap}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 3px 10px #2563eb1f}.btn-secondary:active{transform:translateY(0)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;color:var(--text-dim);padding:6px 10px;border-radius:7px;border:1px solid transparent;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-ghost:hover{background:#2563eb14;color:var(--primary);border-color:#2563eb33}.input-field{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-main);padding:7px 12px;font-size:.8125rem;font-family:var(--font-sans);transition:all .18s ease;outline:none;box-shadow:0 1px 2px #00000008}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26;background:var(--bg-surface)}.input-field::placeholder{color:var(--text-subtle)}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px;padding-right:32px;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:9999px;font-size:.7rem;font-weight:600;white-space:nowrap}.badge-active{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}[data-theme=dark] .badge-active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-suspended{background:#fef3c7;color:#d97706;border:1px solid #fde68a}[data-theme=dark] .badge-suspended{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-blocked{background:#ffe4e6;color:#e11d48;border:1px solid #fecdd3}[data-theme=dark] .badge-blocked{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.35)}@keyframes live-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.25);opacity:1;filter:drop-shadow(0 0 5px rgba(5,150,105,.8))}to{transform:scale(.95);opacity:.8}}.live-dot{width:7px;height:7px;border-radius:50%;background-color:#059669;animation:live-pulse 2s infinite ease-in-out;display:inline-block}[data-theme=dark] .live-dot{background-color:#10b981}.badge-alert-normal{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}[data-theme=dark] .badge-alert-normal{background:#94a3b81f;color:#94a3b8;border:1px solid #334155}.badge-alert-70{background:#fef3c7;color:#b45309;border:1px solid #fde68a}[data-theme=dark] .badge-alert-70{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-alert-85{background:#ffedd5;color:#c2410c;border:1px solid #fed7aa}[data-theme=dark] .badge-alert-85{background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.35)}.badge-alert-95{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}[data-theme=dark] .badge-alert-95{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.badge-alert-100{background:#ffe4e6;color:#9f1239;border:1px solid #fecdd3}[data-theme=dark] .badge-alert-100{background:#f43f5e33;color:#fda4af;border:1px solid rgba(244,63,94,.4)}.progress-container{width:100%;height:6px;background:var(--border-subtle);border-radius:9999px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{padding:10px 14px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);background:var(--table-th-bg);white-space:nowrap}.custom-table td{padding:10px 14px;font-size:.8125rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main);vertical-align:middle}.custom-table tr:hover td{background:var(--table-tr-hover)}.custom-table.table-compact th,.custom-table.table-compact td{padding:8px 10px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.mono-code{font-family:var(--font-mono);background:#2563eb0f;color:var(--primary);padding:2px 6px;border-radius:4px;font-size:.775rem;border:1px solid rgba(37,99,235,.2);display:inline-block;white-space:nowrap}[data-theme=dark] .mono-code{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.form-label{display:block;font-size:.8125rem;font-weight:700;color:var(--text-heading);margin-bottom:6px;letter-spacing:-.01em}.modal-section-card{background:#2563eb0a;border:1px solid rgba(37,99,235,.18);border-radius:10px;padding:12px 14px}[data-theme=dark] .modal-section-card{background:#2563eb14;border:1px solid rgba(59,130,246,.25)}.checkbox-card{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all .15s ease;font-size:.8125rem;font-weight:500;color:var(--text-main)}.checkbox-card.checked{background:#2563eb14;border-color:var(--primary);color:var(--primary);font-weight:600}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);transition:color .2s ease}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,.dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{color:var(--text-heading)!important}[data-theme=dark] .custom-table th,.dark-theme .custom-table th{background-color:var(--table-th-bg)!important;color:var(--text-dim)!important;border-bottom-color:var(--border-subtle)!important}[data-theme=dark] .custom-table td,.dark-theme .custom-table td{color:var(--text-main);border-bottom-color:var(--border-subtle)!important}[data-theme=dark] .custom-table tr:hover td,.dark-theme .custom-table tr:hover td{background-color:var(--table-tr-hover)!important}[data-theme=dark] .glass-panel,.dark-theme .glass-panel,[data-theme=dark] .glass-panel-interactive,.dark-theme .glass-panel-interactive{background-color:var(--bg-card);border-color:var(--border-card)}[data-theme=dark] [style*="color: #0f172a"],[data-theme=dark] [style*="color:#0f172a"],[data-theme=dark] [style*="color: rgb(15, 23, 42)"],[data-theme=dark] [style*="color: #09090b"],[data-theme=dark] [style*="color:#09090b"],[data-theme=dark] [style*="color: #111827"],[data-theme=dark] [style*="color:#111827"],.dark-theme [style*="color: #0f172a"],.dark-theme [style*="color:#0f172a"],.dark-theme [style*="color: rgb(15, 23, 42)"],.dark-theme [style*="color: #09090b"],.dark-theme [style*="color:#09090b"]{color:var(--text-heading)!important}[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color:#334155"],[data-theme=dark] [style*="color: rgb(51, 65, 85)"],.dark-theme [style*="color: #334155"],.dark-theme [style*="color:#334155"]{color:var(--text-muted)!important}[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color:#475569"],[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color:#64748b"],[data-theme=dark] [style*="color: rgb(100, 116, 139)"],.dark-theme [style*="color: #475569"],.dark-theme [style*="color:#475569"],.dark-theme [style*="color: #64748b"],.dark-theme [style*="color:#64748b"]{color:var(--text-dim)!important}[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background-color:#ffffff"],[data-theme=dark] [style*="background-color: rgb(255, 255, 255)"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background:#ffffff"],.dark-theme [style*="background-color: #ffffff"],.dark-theme [style*="background-color:#ffffff"]{background-color:var(--bg-surface)!important}[data-theme=dark] [style*="background-color: #f8fafc"],[data-theme=dark] [style*="background-color:#f8fafc"],[data-theme=dark] [style*="background-color: #f1f5f9"],[data-theme=dark] [style*="background-color:#f1f5f9"],.dark-theme [style*="background-color: #f8fafc"],.dark-theme [style*="background-color:#f8fafc"]{background-color:var(--bg-card)!important}[data-theme=dark] [style*="border: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-bottom: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-top: 1px solid #e2e8f0"],[data-theme=dark] [style*="border-color: #e2e8f0"],.dark-theme [style*="border: 1px solid #e2e8f0"],.dark-theme [style*="border-bottom: 1px solid #e2e8f0"]{border-color:var(--border-subtle)!important}