:root{--bg-primary:#050508;--bg-secondary:#080914;--bg-elevated:#0b0c1e;--card-bg:#0a0a12bf;--card-bg-sub:#0e101ca6;--card-bg-hover:#121628d9;--border-color:#00f3ff40;--border-subtle:#ff00a026;--border-glow:#00f3ff80;--color-text:#fff;--color-text-muted:#8fa0ba;--color-text-dim:#4f637f;--accent-cyan:#00f3ff;--accent-cyan-glow:#00f3ff59;--accent-purple:#bc13fe;--accent-purple-glow:#bc13fe4d;--accent-magenta:#ff00a0;--accent-magenta-glow:#ff00a059;--accent-green:#0f6;--accent-green-glow:#00ff664d;--accent-red:#ff003c;--accent-gold:#ffe600;--gradient-primary:linear-gradient(135deg, #ff00a0 0%, #8b00ff 100%);--gradient-cyan-blue:linear-gradient(135deg, #00f3ff 0%, #05f 100%);--font-heading:"Jost", system-ui, sans-serif;--font-body:"Jost", system-ui, sans-serif;--font-mono:"Overpass Mono", monospace;--transition-speed:.3s;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-3;pointer-events:none;background-image:linear-gradient(#00f3ff05 1px,#0000 1px),linear-gradient(90deg,#00f3ff05 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}body:after{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 10%,#c800df12 0%,#0000 60%),radial-gradient(circle at 10% 80%,#00f3ff0a 0%,#0000 50%);position:fixed;inset:0}.cyber-scanlines{z-index:9999;pointer-events:none;opacity:.45;background:linear-gradient(#12101000 50%,#0000002e 50%) 0 0/100% 4px;width:100%;height:100%;position:fixed;top:0;left:0}.bg-glow{filter:blur(120px);z-index:-1;opacity:.15;pointer-events:none;border-radius:50%;width:350px;height:350px;animation:10s ease-in-out infinite alternate pulse-glow;position:absolute}.bg-glow-1{background:var(--accent-magenta);top:10%;right:15%}.bg-glow-2{background:var(--accent-cyan);bottom:20%;left:10%}.bg-glow-3{background:var(--accent-purple);width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%{opacity:.12;transform:scale(1)translate(0)}to{opacity:.22;transform:scale(1.2)translate(20px,-20px)}}.text-gradient{background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-magenta) 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00f3ff26;-webkit-background-clip:text}.accent-text{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan-glow)}.text-success{text-shadow:0 0 8px var(--accent-green-glow);color:var(--accent-green)!important}.text-error{text-shadow:0 0 8px #ff003c4d;color:var(--accent-red)!important}.text-muted{color:var(--color-text-muted)!important}.text-dim{color:var(--color-text-dim)!important}.glassmorphism{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;overflow:hidden;box-shadow:0 0 20px #00f3ff1f,inset 0 0 15px #00f3ff0d}.glassmorphism:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-cyan), transparent);height:2px;position:absolute;top:0;left:0;right:0}.glassmorphism-sub{background:var(--card-bg-sub);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s var(--ease-smooth);box-shadow:0 4px 15px #0000004d}.glassmorphism-sub:hover{background:var(--card-bg-hover);border-color:var(--accent-magenta);transform:translateY(-2px);box-shadow:0 0 25px #ff00a040,inset 0 0 10px #ff00a014}.btn{border-radius:var(--radius-md);font-family:var(--font-heading);cursor:pointer;transition:all .3s var(--ease-spring);text-transform:uppercase;letter-spacing:.5px;border:none;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 0 15px var(--accent-magenta-glow);border:1px solid #ff00a066;position:relative}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff00a099,0 0 10px #bc13fe4d}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--accent-cyan);border:1px solid var(--accent-cyan);background:#0e101ccc;box-shadow:0 0 10px #00f3ff1a}.btn-secondary:hover{box-shadow:0 0 18px var(--accent-cyan-glow);background:#00f3ff1a;transform:translateY(-2px)}.btn-primary.disabled,.btn-primary:disabled{cursor:not-allowed;color:#6b7280!important;box-shadow:none!important;background:#1f2937!important;border-color:#374151!important;transform:none!important}.w-full{width:100%}.btn.loading{pointer-events:none;position:relative;color:#0000!important}.btn.loading:after{content:"";border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.input-group{width:100%;position:relative}.input-icon{color:var(--accent-cyan);pointer-events:none;text-shadow:0 0 8px var(--accent-cyan-glow);font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-group input,.input-group textarea{border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-mono);background:#05050ad9;border:1px solid #00f3ff40;padding:14px 16px 14px 46px;font-size:14px;transition:all .3s}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 15px #00f3ff66,inset 0 0 8px #00f3ff1a}.input-group textarea{resize:vertical;padding-left:16px}.loader-overlay{z-index:10000;background:#030306;justify-content:center;align-items:center;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0}.loader-overlay.loader-hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;width:100%;max-width:320px}.loader-logo-sphere{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 28px;display:flex;position:relative}.loader-ring{border:3px solid #0000;border-top-color:var(--accent-cyan);border-bottom-color:var(--accent-magenta);border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:0}.loader-pulse{background:#00f3ff0d;border-radius:50%;animation:1.5s ease-in-out infinite alternate loader-pulse-anim;position:absolute;inset:10px}.loader-icon{color:var(--accent-cyan);text-shadow:0 0 15px var(--accent-cyan-glow);font-size:26px}@keyframes loader-pulse-anim{0%{opacity:.4;transform:scale(.95)}to{opacity:.9;transform:scale(1.05);box-shadow:0 0 15px #00f3ff33}}.loader-title{font-family:var(--font-heading);margin-bottom:12px;font-size:20px;font-weight:700}.loader-progress-container{background:#ffffff0d;border-radius:20px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.loader-progress-bar{background:var(--gradient-primary);width:0%;height:100%;box-shadow:0 0 8px var(--accent-magenta-glow);transition:width .3s}.loader-status{color:var(--color-text-dim);font-size:11px;font-family:var(--font-mono)}.auth-wrapper{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{text-align:center;width:100%;max-width:420px;padding:36px 28px}.auth-agentic-sphere{justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 20px;display:flex;position:relative}.sphere-outer-pulse{border:1px solid var(--accent-cyan);opacity:.35;border-radius:50%;animation:2s ease-in-out infinite alternate loader-pulse-anim;position:absolute;inset:-6px}.sphere-inner-ring{border:2px dashed var(--accent-magenta);border-radius:50%;animation:10s linear infinite spin;position:absolute;inset:0}.sphere-core{border:1px solid var(--accent-cyan);width:48px;height:48px;box-shadow:inset 0 0 10px var(--accent-cyan-glow);background:#00f3ff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.sphere-brain-icon{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan-glow);font-size:20px}.auth-brand h2{font-family:var(--font-heading);color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.auth-brand span{color:var(--accent-cyan);letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px #00f3ff40;font-size:11px;font-weight:600}.auth-tabs{border-radius:var(--radius-md);background:#05050acc;border:1px solid #00f3ff26;grid-template-columns:1fr 1fr;margin:24px 0;padding:4px;display:grid}.auth-tab{color:var(--color-text-muted);font-family:var(--font-heading);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:6px;padding:8px;font-size:13px;font-weight:600;transition:all .25s}.auth-tab.active{color:var(--accent-cyan);text-shadow:0 0 8px #00f3ff4d;background:#00f3ff1a;border:1px solid #00f3ff4d}.auth-error-box{color:var(--accent-red);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);background:#ff003c14;border:1px solid #ff003c33;margin-bottom:20px;padding:10px;display:none}.auth-error-box.active{display:block}.auth-form{flex-direction:column;gap:16px;display:none}.auth-form.active{display:flex}.dashboard-layout{grid-template-columns:268px 1fr;min-height:100vh;display:grid}.dashboard-layout.dashboard-hidden{display:none}.sidebar{z-index:100;border-right:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;box-shadow:10px 0 30px #0006}.sidebar-brand{border-bottom:1px solid #00f3ff26;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:18px;display:flex}.brand-logo{border-radius:var(--radius-md);background:var(--gradient-primary);width:38px;height:38px;box-shadow:0 0 15px var(--accent-magenta-glow);justify-content:center;align-items:center;display:flex}.logo-icon{color:#fff;text-shadow:0 0 8px #ffffff80;font-size:16px}.brand-text h2{font-family:var(--font-heading);color:#fff;font-size:15px;font-weight:800;line-height:1.2}.brand-text span{color:var(--accent-cyan);letter-spacing:.8px;text-transform:uppercase;text-shadow:0 0 6px #00f3ff4d;font-size:9px;font-weight:700}.sidebar-section-label{color:var(--color-text-dim);letter-spacing:1.5px;text-transform:uppercase;margin:20px 0 10px 4px;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;gap:8px;display:flex}.menu-item{border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-heading);border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.menu-item:hover{color:#fff;background:#00f3ff0d;border-color:#00f3ff26}.menu-item.active{color:var(--accent-cyan);text-shadow:0 0 8px #00f3ff4d;background:#00f3ff1a;border-color:#00f3ff4d}.menu-icon-wrap{justify-content:center;width:24px;display:flex}.menu-icon{font-size:16px}.sidebar-footer{border-top:1px solid #00f3ff1a;margin-top:auto;padding-top:20px}.dev-profile{border-radius:var(--radius-md);background:#05050a99;border:1px solid #00f3ff1a;align-items:center;gap:10px;padding:8px;display:flex;position:relative}.profile-img{border:1px solid var(--accent-cyan);width:32px;height:32px;box-shadow:0 0 8px var(--accent-cyan-glow);border-radius:50%}.profile-info{flex-direction:column;display:flex}.profile-info h4{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12px;font-weight:700;overflow:hidden}.profile-info span{color:var(--accent-green);align-items:center;gap:4px;font-size:9px;display:flex}.sidebar-online-dot{font-size:6px;animation:1.5s infinite alternate flash}@keyframes flash{0%{opacity:.3}to{opacity:1}}.btn-logout{color:var(--accent-red);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:6px;font-size:14px;transition:all .25s}.btn-logout:hover{background:#ff003c26;box-shadow:0 0 10px #ff003c33}.app-version{font-family:var(--font-mono);color:var(--color-text-dim);text-align:center;margin-top:10px;font-size:9px}.main-content{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.top-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;background:#05050a99;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.btn-hamburger{color:#fff;cursor:pointer;background:0 0;border:none;padding:6px;font-size:20px;display:none}.header-title h1{font-family:var(--font-heading);color:#fff;text-shadow:0 0 8px #fff3;font-size:18px;font-weight:700}.header-actions{align-items:center;gap:16px;display:flex}.server-status-pill{font-family:var(--font-mono);color:var(--accent-green);text-shadow:0 0 6px #00ff664d;background:#00ff6614;border:1px solid #00ff6640;border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:10px;font-weight:700;display:flex}.status-indicator-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:1s infinite alternate flash}.profile-badge{color:var(--color-text-muted);cursor:pointer;font-size:16px;transition:color .25s}.profile-badge:hover{color:var(--accent-cyan)}.workspace{flex:1;padding:28px}.dashboard-view{display:none}.dashboard-view.active{display:block}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-card{border:1px solid #00f3ff26;justify-content:space-between;align-items:center;padding:20px;display:flex}.kpi-card:hover{border-color:var(--accent-cyan);box-shadow:0 0 20px #00f3ff33,inset 0 0 10px #00f3ff0d}.kpi-details span{color:var(--color-text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700}.kpi-details h3{font-family:var(--font-mono);color:#fff;text-shadow:0 0 10px #ffffff40;margin:6px 0;font-size:24px;font-weight:800}.kpi-details p{font-size:11px}.kpi-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.kpi-icon-wrapper.icon-green{color:var(--accent-green);background:#00ff6614;border:1px solid #0f63}.kpi-icon-wrapper.icon-purple{color:var(--accent-purple);background:#bc13fe14;border:1px solid #bc13fe33}.kpi-icon-wrapper.icon-cyan{color:var(--accent-cyan);background:#00f3ff14;border:1px solid #00f3ff33}.dashboard-content-layout{grid-template-columns:2fr 1fr;gap:20px;display:grid}.content-card{border:1px solid #ff00a026;padding:24px}.content-card h3{font-family:var(--font-heading);color:#fff;margin-bottom:12px;font-size:16px;font-weight:700}.ticker-header h4{color:var(--accent-magenta);letter-spacing:1px;margin-bottom:10px;font-size:12px;font-weight:700}.ticker-body p{color:var(--color-text-muted);font-size:13px;line-height:1.6}.steps-progress-wrapper{border-radius:var(--radius-md);background:#05050a80;border:1px solid #00f3ff1a;padding:14px 18px}.card-view{animation:.4s fadeIn;display:none}.card-view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.view-header h3{text-shadow:0 0 10px var(--accent-cyan-glow);color:var(--accent-cyan)!important}.info-alert{border-radius:var(--radius-md);color:var(--color-text-muted);background:#00f3ff0d;border:1px solid #00f3ff33;gap:12px;margin-top:16px;padding:12px 16px;font-size:12px;display:flex}.info-icon{color:var(--accent-cyan);font-size:16px}.premium-features-grid{grid-template-columns:1fr;gap:12px;display:grid}.feature-item{border:1px solid #ffffff0d}.feature-item:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px #00f3ff26}.ads-counter-badge{font-family:var(--font-heading);letter-spacing:.5px;text-shadow:0 0 8px var(--accent-magenta-glow);background:#ff00a014;border:1px solid #ff00a040;border-radius:30px;padding:8px 16px;display:inline-block}.adsense-placeholder-box{box-shadow:0 0 15px #00f3ff0d;border:1px dashed #00f3ff4d!important}.button-row{gap:12px;display:flex}.help-accordion{border:1px solid #ffffff14;margin-top:20px;overflow:hidden}.help-header{cursor:pointer;background:#05050a80;align-items:center;gap:12px;font-weight:600;transition:background .3s;display:flex}.help-header:hover{color:var(--accent-cyan);background:#00f3ff0d}.toggle-arrow{margin-left:auto;transition:transform .3s}.help-accordion.open .toggle-arrow{transform:rotate(180deg)}.help-body{max-height:0;padding:0 14px;transition:max-height .3s,padding .3s;overflow:hidden}.help-accordion.open .help-body{border-top:1px solid #ffffff0d;max-height:200px;padding:14px}.success-checkmark-wrapper{width:60px;height:60px;margin:0 auto 16px;position:relative}.success-ring{border:2px solid var(--accent-green);opacity:.35;border-radius:50%;animation:1.5s ease-in-out infinite alternate loader-pulse-anim;position:absolute;inset:-6px}.success-icon{width:100%;height:100%;box-shadow:0 0 15px var(--accent-green-glow);border:1px solid var(--accent-green);color:var(--accent-green);background:#00ff6626;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.table-container{border-radius:var(--radius-md);background:#05050a99;border:1px solid #00f3ff1a;overflow-x:auto}.history-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.history-table th{font-family:var(--font-heading);color:var(--accent-cyan);text-shadow:0 0 8px #00f3ff40;background:#00f3ff0d;border-bottom:1px solid #00f3ff26;padding:14px 16px;font-weight:600}.history-table td{color:var(--color-text-muted);border-bottom:1px solid #ffffff0d;padding:14px 16px}.history-table tr:hover td{color:#fff;background:#00f3ff08}.status-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.node-list{flex-direction:column;gap:12px;display:flex}.node-item{border-radius:var(--radius-md);background:#05050a80;border:1px solid #00f3ff1a;align-items:center;gap:12px;padding:12px 16px;display:flex}.node-status{border-radius:50%;width:8px;height:8px}.node-status.status-online{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.node-info h4{color:#fff;font-size:13px;font-weight:600}.badge{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:10px;font-weight:700}.badge-success{color:var(--accent-green);background:#00ff6614;border:1px solid #00ff6640}.config-table{flex-direction:column;gap:10px;display:flex}.config-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.config-row span{color:var(--color-text-muted)}.config-row strong{color:#fff;font-family:var(--font-mono);font-size:12px}.app-console{border-top:1px solid var(--border-color);box-shadow:0 -10px 30px #00000080;background:#05050ae6!important}.console-header{background:#00f3ff08;border-bottom:1px solid #00f3ff26;align-items:center;padding:10px 20px;display:flex}.console-dots{gap:6px;margin-right:16px;display:flex}.console-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.dot-yellow{background:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold)}.dot-green{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.console-title{font-family:var(--font-heading);color:var(--accent-cyan);letter-spacing:.5px;text-transform:uppercase;text-shadow:0 0 8px #00f3ff4d;font-size:12px;font-weight:700}.console-actions{gap:8px;margin-left:auto;display:flex}.btn-console-action{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;transition:all .25s}.btn-console-action:hover{color:#fff;background:#00f3ff1a}.console-body{height:110px;font-family:var(--font-mono);background:#030306;padding:12px 20px;font-size:11px;line-height:1.6;overflow-y:auto}@media (width<=990px){.dashboard-layout{grid-template-columns:1fr}.sidebar{width:268px;transition:left .3s var(--ease-smooth);position:fixed;top:0;bottom:0;left:-268px;box-shadow:15px 0 40px #0009}.sidebar.open{left:0}.btn-hamburger{display:block}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-layout,.status-grid{grid-template-columns:1fr}}@media (width<=580px){.kpi-grid{grid-template-columns:1fr}.top-header{padding:12px 18px}.workspace{padding:18px}.button-row{flex-direction:column}}