@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--primary: #00ff87;--primary-dark: #00cc6a;--primary-glow: rgba(0, 255, 135, .4);--primary-glow-lg: rgba(0, 255, 135, .18);--secondary: #bf5fff;--secondary-glow: rgba(191, 95, 255, .4);--accent: #ff8c00;--accent-glow: rgba(255, 140, 0, .4);--danger: #ff3d5a;--danger-glow: rgba(255, 61, 90, .4);--bg-dark: #010103;--bg-card: #070a10;--bg-surface: #0c1018;--text-main: #ffffff;--text-dim: #7a8499;--glass-bg: rgba(7, 10, 16, .9);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(0, 255, 135, .25)}*{box-sizing:border-box}body{margin:0;font-family:Outfit,Inter,system-ui,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;background-image:radial-gradient(ellipse 90% 70% at 15% -5%,rgba(0,255,135,.06) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 85% 110%,rgba(191,95,255,.06) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,80,40,.03) 0%,transparent 70%);background-attachment:fixed;transition:background-color .4s ease,color .4s ease}body.light{--bg-dark: #f0f2f8;--bg-card: #ffffff;--bg-surface: #e8ecf4;--text-main: #0d1117;--text-dim: #5a6475;--glass-bg: rgba(255, 255, 255, .82);--glass-border: rgba(0, 0, 0, .07);--glass-border-hover: rgba(0, 180, 100, .4);--primary-glow: rgba(0, 200, 120, .35);--primary-glow-lg: rgba(0, 200, 120, .15)}body.light{background-color:var(--bg-dark);background-image:radial-gradient(ellipse 90% 70% at 15% -5%,rgba(0,200,120,.08) 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 85% 110%,rgba(160,80,220,.06) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,100,60,.04) 0%,transparent 70%)}body.light .premium-glass{box-shadow:0 4px 24px #00000014,0 0 0 .5px #ffffffe6 inset}body.light .premium-glass:hover{box-shadow:0 12px 48px #0000001f,0 0 32px var(--primary-glow-lg),0 0 0 .5px #00b46426 inset}#root{min-height:100vh}.premium-glass{background:var(--glass-bg);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border:1px solid var(--glass-border);box-shadow:0 8px 32px #000000f2,0 0 0 .5px #ffffff0a inset;transition:all .35s cubic-bezier(.23,1,.32,1)}.premium-glass:hover{border-color:var(--glass-border-hover);box-shadow:0 20px 80px #000000fa,0 0 50px var(--primary-glow-lg),0 0 0 .5px #00ff871a inset;transform:translateY(-4px)}.btn-premium{position:relative;overflow:hidden;transition:all .3s ease;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:1.25rem;font-weight:900;letter-spacing:.08em;color:#000;box-shadow:0 4px 24px var(--primary-glow),0 1px #ffffff4d inset}.btn-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 60%);border-radius:inherit}.btn-premium:hover{filter:brightness(1.15);box-shadow:0 8px 48px var(--primary-glow),0 0 80px #00ff8740,0 1px #ffffff4d inset;transform:translateY(-2px)}.text-gradient{background:linear-gradient(135deg,#fff,#8892a4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-neon{background:linear-gradient(90deg,var(--primary) 0%,#60ffb8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-emerald{color:var(--primary);text-shadow:0 0 10px rgba(0,255,135,.9),0 0 30px rgba(0,255,135,.5),0 0 70px rgba(0,255,135,.2)}.glow-purple{color:var(--secondary);text-shadow:0 0 10px rgba(191,95,255,.9),0 0 30px rgba(191,95,255,.5),0 0 70px rgba(191,95,255,.2)}.glow-orange{color:var(--accent);text-shadow:0 0 10px rgba(255,140,0,.9),0 0 30px rgba(255,140,0,.5)}.neon-border-green{border-color:#00ff8766!important;box-shadow:0 0 20px #00ff871f,inset 0 0 20px #00ff8708}.neon-border-red{border-color:#ff3d5a80!important;box-shadow:0 0 20px #ff3d5a1f,inset 0 0 20px #ff3d5a08}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#00ff8714;border:1px solid rgba(0,255,135,.2);border-radius:100px;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#00ff87}.live-dot{width:6px;height:6px;border-radius:50%;background:#00ff87;box-shadow:0 0 8px #00ff87,0 0 16px #00ff8780;animation:live-pulse 1.4s ease-in-out infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#1a2030;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.custom-scrollbar::-webkit-scrollbar{width:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#00ff8733}@keyframes pulse-slow{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.4)}}.animate-pulse-slow{animation:pulse-slow 2.2s infinite ease-in-out}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #00ff87,0 0 16px #00ff8780}50%{opacity:.7;transform:scale(.85);box-shadow:0 0 4px #00ff87}}@keyframes neon-flicker{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.85}}.animate-neon{animation:neon-flicker 6s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes scan-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .5s ease-out forwards}@keyframes grid-move{0%{background-position:0 0}to{background-position:40px 40px}}.login-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:#010103}.login-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,135,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,135,.04) 1px,transparent 1px);background-size:40px 40px;animation:grid-move 4s linear infinite;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 40%,transparent 100%)}.login-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-orb-green{width:500px;height:500px;background:#00ff8712;top:-100px;left:-100px}.login-orb-purple{width:400px;height:400px;background:#bf5fff12;bottom:-80px;right:-80px}.login-card{position:relative;z-index:10;width:100%;max-width:440px;background:#070a10f2;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.07);border-radius:2.5rem;padding:48px 44px;box-shadow:0 32px 100px #000000e6,0 0 0 .5px #ffffff0d inset,0 0 60px #00ff870a;animation:slide-up .6s cubic-bezier(.23,1,.32,1) both}.login-secure-badge{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#ffffff4d;margin-bottom:32px;padding:8px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:100px;width:fit-content;margin-left:auto;margin-right:auto}.login-secure-dot{width:3px;height:3px;border-radius:50%;background:#fff3}.login-logo-wrap{position:relative;width:88px;height:88px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.login-scan-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:1.5px solid rgba(0,255,135,.3);animation:scan-ring 2.4s ease-out infinite}.login-scan-ring-2{animation-delay:1.2s}.login-logo-icon{width:80px;height:80px;border-radius:28px;background:linear-gradient(135deg,#00ff8726,#00cc6a14);border:1px solid rgba(0,255,135,.2);box-shadow:0 0 30px #00ff8726,0 8px 32px #000c,inset 0 1px #00ff8726;display:flex;align-items:center;justify-content:center;color:#00ff87;position:relative;z-index:2}.login-title{font-size:28px;font-weight:900;text-align:center;letter-spacing:-.03em;margin:0 0 6px;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff}.login-pro-badge{font-size:11px;font-weight:900;letter-spacing:.12em;color:#000;background:linear-gradient(135deg,#00ff87,#00cc6a);padding:3px 8px;border-radius:8px;box-shadow:0 2px 12px #00ff8766;align-self:center}.login-subtitle{text-align:center;font-size:12px;font-weight:600;color:#ffffff40;letter-spacing:.05em;margin:0 0 36px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:18px}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-label{font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;margin-left:4px}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff3;transition:color .3s;pointer-events:none}.login-input{width:100%;padding:16px 16px 16px 48px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:1rem;color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;outline:none;transition:all .3s ease}.login-input::placeholder{color:#ffffff1f}.login-input:focus{border-color:#00ff8766;background:#00ff870a;box-shadow:0 0 0 3px #00ff8714,0 0 20px #00ff870f}.login-input:focus+.login-input-icon,.login-input-wrap:focus-within .login-input-icon{color:#00ff87}.login-error{padding:12px 16px;background:#ff3d5a14;border:1px solid rgba(255,61,90,.2);border-radius:1rem;color:#ff3d5a;font-size:12px;font-weight:700;display:flex;align-items:center;gap:8px}.login-btn{width:100%;padding:18px;margin-top:6px;background:linear-gradient(135deg,#00ff87,#00cc6a);border:none;border-radius:1rem;color:#000;font-family:Outfit,sans-serif;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 32px #00ff8773,0 1px #ffffff4d inset;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,transparent 60%)}.login-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 48px #00ff878c,0 0 80px #00ff8733,0 1px #ffffff4d inset}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-loading{display:flex;align-items:center;gap:10px}.login-spinner{width:16px;height:16px;border:2.5px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff26}.login-footer-live{display:flex;align-items:center;gap:6px;color:#00ff8799}.login-live-dot{width:6px;height:6px;border-radius:50%;background:#00ff87;box-shadow:0 0 6px #00ff87;animation:live-pulse 1.4s ease-in-out infinite}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:1rem;box-shadow:0 8px 32px #000c}body.light{color:#0d1117}body.light .premium-glass{background:#fffffff7!important;border-color:#00000012!important;box-shadow:0 2px 8px #0000000f,0 8px 32px #00000014,0 0 0 1px #0000000a!important}body.light .premium-glass:hover{border-color:#00a0644d!important;box-shadow:0 4px 16px #0000001a,0 16px 48px #0000001a,0 0 0 1px #00a06426!important;transform:translateY(-3px)}body.light .live-badge{background:#00a06414;border-color:#00a06433;color:#008a55}body.light .live-dot{background:#00a864;box-shadow:0 0 6px #00a864b3}body.light ::-webkit-scrollbar-track{background:#eef0f5}body.light ::-webkit-scrollbar-thumb{background:#c8cdd8}body.light ::-webkit-scrollbar-thumb:hover{background:#008a55}body.light div.light-session-badge{background:#00a0640f;border-color:#00a0642e}body.light div.light-logo-icon{background:linear-gradient(135deg,#00a0641f,#0078500a);border-color:#00a06433}body.light h3{color:#111827!important}body.light .card-separator{background:linear-gradient(90deg,rgba(0,150,90,.2) 0%,transparent 80%)!important}body.light .card-info-row{color:#4b5563!important}body.light .card-info-row span:last-child{color:#111827!important}body.light .card-ssid-box{background:#00000008!important;border-color:#00000012!important}body.light .card-ssid-value{color:#1a2232!important}body.light .card-plan-box{background:#8232c80f!important;border-color:#8232c826!important}body.light .stat-label{color:#0006!important}body.light .stat-value{color:#111827!important}body.light .stat-icon-box{background:#0000000a!important}body.light .progress-track{background:#0000000f!important}body.light .login-root{background:#f0f4fb}body.light .login-card{background:#fffffff7!important;border-color:#00000012!important;box-shadow:0 8px 40px #0000001a,0 32px 80px #0000000f!important}body.light .login-title{color:#111827!important}body.light .login-subtitle{color:#00000059!important}body.light .login-label{color:#00000073!important}body.light .login-secure-badge{background:#00000008!important;border-color:#00000012!important;color:#0006!important}body.light .login-input{background:#00000008!important;border-color:#00000014!important;color:#111827!important}body.light .login-input::placeholder{color:#0003!important}body.light .login-input:focus{border-color:#00a06473!important;background:#00a06408!important;box-shadow:0 0 0 3px #00a06414!important}body.light .login-input-icon{color:#0003!important}body.light .login-input-wrap:focus-within .login-input-icon{color:#008a55!important}body.light .login-footer{color:#0003!important}body.light .login-footer-live{color:#00965ab3!important}