:root{--w-bg:#f4f6fb;--w-surface:#fff;--w-surface-2:#eef0f7;--w-surface-hi:#e4e8f3;--w-sidebar:#f0f2f9;--w-border:#00000017;--w-border-hi:#14b8a666;--w-text:#111827;--w-text-sub:#374151;--w-text-muted:#6b7280;--w-text-dim:#9ca3af;--w-row-hover:#00000006;--w-primary:#14b8a6;--w-primary-dim:#14b8a61f;--w-cyan:#0891b2;--w-cyan-dim:#0891b21a;--w-green:#16a34a;--w-green-dim:#16a34a1a;--w-red:#dc2626;--w-red-dim:#dc26261a;--w-amber:#d97706;--w-amber-dim:#d977061a;--w-purple:#7c3aed;--w-purple-dim:#7c3aed1a;--w-radius:6px;--w-radius-lg:10px;--w-font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--w-sidebar-w:200px}:root.dark{--w-bg:#12151c;--w-surface:#1a1e28;--w-surface-2:#222638;--w-surface-hi:#252a3a;--w-sidebar:#0e1118;--w-border:#ffffff14;--w-border-hi:#14b8a666;--w-text:#e5e7eb;--w-text-sub:#9ca3af;--w-text-muted:#6b7280;--w-text-dim:#4b5563;--w-row-hover:#ffffff06;--w-primary:#14b8a6;--w-primary-dim:#14b8a626;--w-cyan:#06b6d4;--w-cyan-dim:#06b6d41f;--w-green:#22c55e;--w-green-dim:#22c55e1f;--w-red:#ef4444;--w-red-dim:#ef44441f;--w-amber:#f59e0b;--w-amber-dim:#f59e0b1f;--w-purple:#8b5cf6;--w-purple-dim:#8b5cf61f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--w-bg);color:var(--w-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--w-border);border-radius:3px}.wad-layout{height:100vh;display:flex;overflow:hidden}.wad-sidebar{width:var(--w-sidebar-w);background:var(--w-sidebar);border-right:1px solid var(--w-border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.wad-sidebar-logo{border-bottom:1px solid var(--w-border);padding:20px 16px 12px}.wad-logo-text{color:var(--w-primary);letter-spacing:-.02em;font-size:18px;font-weight:800}.wad-logo-sub{color:var(--w-text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:9px}.wad-nav{flex:1;padding:12px 8px}.wad-nav-item{border-radius:var(--w-radius);color:var(--w-text-sub);cursor:pointer;align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.wad-nav-item:hover{background:var(--w-surface-2);color:var(--w-text)}.wad-nav-item.active{background:var(--w-primary-dim);color:var(--w-primary)}.wad-nav-item svg{opacity:.7;flex-shrink:0}.wad-nav-item.active svg{opacity:1}.wad-sidebar-footer{border-top:1px solid var(--w-border);padding:12px 8px}.wad-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.wad-topbar{border-bottom:1px solid var(--w-border);background:var(--w-surface);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex}.wad-page-title{color:var(--w-text);font-size:16px;font-weight:700}.wad-content{flex:1;padding:24px;overflow-y:auto}.wad-theme-btn{border:1px solid var(--w-border);border-radius:var(--w-radius);cursor:pointer;width:32px;height:32px;color:var(--w-text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.wad-theme-btn:hover{background:var(--w-surface-2);color:var(--w-text)}.wad-card{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);padding:20px;overflow-x:auto}.wad-card-title{text-transform:uppercase;letter-spacing:.08em;color:var(--w-text-muted);margin-bottom:16px;font-size:12px;font-weight:700}.wad-kpi{background:var(--w-surface);border:1px solid var(--w-border);border-left:3px solid var(--w-primary);border-radius:var(--w-radius);padding:16px}.wad-kpi-label{letter-spacing:.08em;text-transform:uppercase;color:var(--w-text-muted);margin-bottom:6px;font-size:10px;font-weight:700}.wad-kpi-value{font-size:28px;font-weight:800;font-family:var(--w-font-mono);color:var(--w-text);line-height:1}.wad-kpi-sub{color:var(--w-text-muted);margin-top:4px;font-size:11px}.wad-grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.wad-grid-1-2{grid-template-columns:1fr 2fr;gap:16px;display:grid}@media (width<=900px){.wad-grid-1-2{grid-template-columns:1fr}}.wad-grid-2-1{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (width<=900px){.wad-grid-2-1{grid-template-columns:1fr}}.wad-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.wad-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.wad-grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.wad-grid-6{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (width<=1200px){.wad-grid-5,.wad-grid-6{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.wad-grid-4,.wad-grid-5,.wad-grid-6{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.wad-grid-2,.wad-grid-3,.wad-grid-4,.wad-grid-5,.wad-grid-6{grid-template-columns:minmax(0,1fr)}}.wad-dashboard-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width<=900px){.wad-dashboard-widgets{grid-template-columns:minmax(0,1fr)}}.wad-tabbar{border-bottom:1px solid var(--w-border);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.wad-tab{color:var(--w-text-sub);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.wad-tab:hover{color:var(--w-text)}.wad-tab.active{color:var(--w-primary);border-bottom-color:var(--w-primary);font-weight:600}.wad-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:3px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-community{background:var(--w-cyan-dim);color:var(--w-cyan);border:1px solid #06b6d440}.badge-pro{background:var(--w-purple-dim);color:var(--w-purple);border:1px solid #8b5cf640}.badge-enterprise{background:var(--w-amber-dim);color:var(--w-amber);border:1px solid #f59e0b40}.badge-active{background:var(--w-green-dim);color:var(--w-green);border:1px solid #22c55e40}.badge-revoked{background:var(--w-red-dim);color:var(--w-red);border:1px solid #ef444440}.badge-expired{background:var(--w-surface-2);color:var(--w-text-muted);border:1px solid var(--w-border)}.badge-ban{background:var(--w-red-dim);color:var(--w-red);border:1px solid #ef444440}.badge-administrator{background:var(--w-amber-dim);color:var(--w-amber);border:1px solid #f59e0b40}.badge-operator{background:var(--w-cyan-dim);color:var(--w-cyan);border:1px solid #06b6d440}.badge-viewer{background:var(--w-surface-2);color:var(--w-text-muted);border:1px solid var(--w-border)}.badge-challenge{background:var(--w-amber-dim);color:var(--w-amber);border:1px solid #f59e0b40}.badge-allow{background:var(--w-green-dim);color:var(--w-green);border:1px solid #22c55e40}.cat-attackers{background:var(--w-red-dim);color:var(--w-red);border:1px solid #ef444440}.cat-botnet,.cat-malware{background:var(--w-red-dim);color:var(--w-red);border:1px solid #ef44444d}.cat-tor{background:var(--w-purple-dim);color:var(--w-purple);border:1px solid #8b5cf640}.cat-vpn,.cat-proxy{background:var(--w-cyan-dim);color:var(--w-cyan);border:1px solid #06b6d440}.cat-scanner{background:var(--w-amber-dim);color:var(--w-amber);border:1px solid #f59e0b40}.cat-spam{background:var(--w-primary-dim);color:var(--w-primary);border:1px solid #14b8a640}.cat-geo_risk{background:var(--w-surface-2);color:var(--w-text-sub);border:1px solid var(--w-border)}.cat-web_attack{background:var(--w-red-dim);color:var(--w-red);border:1px solid #ef444440}.cat-brute_force{background:var(--w-amber-dim);color:var(--w-amber);border:1px solid #f59e0b40}.cat-datacenter{background:var(--w-surface-2);color:var(--w-text-sub);border:1px solid var(--w-border)}.cat-bots{background:var(--w-purple-dim);color:var(--w-purple);border:1px solid #8b5cf640}.cat-anonymous{background:var(--w-surface-2);color:var(--w-text-muted);border:1px solid var(--w-border)}.wad-btn{border-radius:var(--w-radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.wad-btn-primary{background:var(--w-primary);color:#fff;border-color:var(--w-primary)}.wad-btn-primary:hover{background:#0d9488}.wad-btn-ghost{color:var(--w-text-sub);border-color:var(--w-border);background:0 0}.wad-btn-ghost:hover{background:var(--w-surface-2);color:var(--w-text)}.wad-btn-danger{background:var(--w-red-dim);color:var(--w-red);border-color:#ef44444d}.wad-btn-danger:hover{background:#ef444433}.wad-btn-sm{padding:4px 10px;font-size:11px}.wad-table{border-collapse:collapse;width:100%;font-size:13px}.wad-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--w-text-muted);border-bottom:1px solid var(--w-border);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:700}.wad-table td{border-bottom:1px solid var(--w-border);padding:10px 14px}.wad-table tr:last-child td{border-bottom:none}.wad-table tr:hover td{background:var(--w-row-hover)}.wad-table .mono{font-family:var(--w-font-mono);font-size:12px}.wad-input{background:var(--w-surface-2);border:1px solid var(--w-border);border-radius:var(--w-radius);color:var(--w-text);appearance:none;outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}.wad-input:focus{border-color:var(--w-primary)}.wad-label{color:var(--w-text-muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.dot-green{background:var(--w-green);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-red{background:var(--w-red);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-amber{background:var(--w-amber);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-orange{background:var(--w-primary);border-radius:50%;width:8px;height:8px;display:inline-block}.dot-cyan{background:var(--w-cyan);border-radius:50%;width:8px;height:8px;display:inline-block}.wad-progress{background:var(--w-surface-2);border-radius:3px;height:6px;overflow:hidden}.wad-progress-fill{border-radius:3px;height:100%;transition:width .5s}.wad-feed-card{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);flex-direction:column;gap:10px;padding:16px;display:flex}.wad-feed-card:hover{border-color:var(--w-border-hi)}.wad-login-page{background:var(--w-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.wad-login-box{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);width:380px;padding:40px 36px}.wad-status-bar{background:var(--w-sidebar);border-bottom:1px solid var(--w-border);color:var(--w-text-muted);flex-shrink:0;align-items:center;gap:24px;padding:8px 24px;font-size:11px;display:flex}.wad-status-item{align-items:center;gap:6px;display:flex}.wad-toast{z-index:9999;background:var(--w-surface);border:1px solid var(--w-primary);color:var(--w-text);border-radius:var(--w-radius);padding:10px 18px;font-size:13px;animation:.2s slideIn;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0003}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wad-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wad-modal{background:var(--w-surface);border:1px solid var(--w-border);border-radius:var(--w-radius-lg);width:480px;max-width:95vw;max-height:80vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.wad-modal-title{margin-bottom:20px;font-size:16px;font-weight:700}.wad-hamburger{cursor:pointer;width:34px;height:34px;color:var(--w-text-sub);border-radius:var(--w-radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.wad-hamburger:hover{background:var(--w-surface-2);color:var(--w-text)}.wad-sidebar-overlay{display:none}@media (width<=768px){.wad-hamburger{display:flex}.wad-sidebar{z-index:200;display:none;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 32px #0003}.wad-sidebar.open{display:flex}.wad-sidebar-close{justify-content:flex-end;align-items:center;padding:10px 12px 0;display:flex}.wad-sidebar-close button{cursor:pointer;color:var(--w-text-muted);border-radius:var(--w-radius);background:0 0;border:none;padding:4px}.wad-sidebar-close button:hover{color:var(--w-text)}.wad-sidebar-overlay{z-index:199;background:#0006;display:block;position:fixed;inset:0}.wad-content{padding:16px}.wad-status-bar{flex-wrap:nowrap;gap:10px;padding:6px 16px;overflow-x:auto}.wad-topbar{padding:0 16px}}.wad-skel{background:var(--w-surface-2);border-radius:var(--w-radius);position:relative;overflow:hidden}.wad-skel:after{content:"";background:linear-gradient(90deg, transparent, var(--w-surface-hi), transparent);animation:1.6s ease-in-out infinite wad-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes wad-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.wad-skel:after{opacity:.6;animation:none}}.wad-card-collapse-btn{cursor:pointer;color:var(--w-text-dim);background:0 0;border:none;padding:2px 4px;font-size:12px;line-height:1;transition:color .15s,transform .15s}.wad-card-collapse-btn:hover{color:var(--w-text)}.wad-card-collapse-btn.collapsed{transform:rotate(-90deg)}.wad-drag-handle{z-index:2;cursor:grab;color:var(--w-text-dim);border-radius:var(--w-radius);touch-action:none;background:0 0;border:none;padding:2px 6px;font-size:16px;line-height:1;transition:color .15s,background .15s;position:absolute;top:14px;right:16px}.wad-drag-handle:hover{color:var(--w-text);background:var(--w-surface-2)}.wad-drag-handle:active{cursor:grabbing}@media (width>=769px){.wad-sidebar-close{display:none}}.wad-inst-switcher{align-items:center;gap:8px;min-width:0;display:flex}.wad-inst-switcher select{background:var(--w-surface-2);border:1px solid var(--w-border);border-radius:var(--w-radius);color:var(--w-text);appearance:none;cursor:pointer;outline:none;max-width:100%;padding:6px 10px;font-size:13px;font-weight:600}.wad-inst-switcher select:focus{border-color:var(--w-primary)}.wad-coming-soon{text-align:center;color:var(--w-text-muted);padding:56px 24px}.wad-coming-soon .icon{opacity:.6;margin-bottom:12px;font-size:28px}.wad-coming-soon h3{color:var(--w-text);margin-bottom:8px;font-size:15px}.wad-coming-soon p{max-width:440px;margin:0 auto;font-size:13px;line-height:1.6}.wad-site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.wad-site-header-meta{color:var(--w-text-muted);flex-wrap:wrap;gap:20px;font-size:12px;display:flex}@media (width<=600px){.wad-site-header-meta{gap:12px 16px}}