:root{--neon-cyan:#00f5ff;--neon-pink:#f0f;--neon-purple:#9d00ff;--dark-bg:#0a0a12;--panel-bg:#11111f;--panel-border:#2a2a4a;--text-primary:#fff;--text-secondary:#a0a0c0;--success:#00ff9d;--warning:#fc0;--danger:#ff4d6a;--glow-cyan:0 0 10px #00f5ffb3,0 0 20px #00f5ff4d;--glow-pink:0 0 10px #ff00ffb3,0 0 20px #ff00ff4d;--transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-container{background:var(--dark-bg);color:var(--text-primary);z-index:1;background-image:radial-gradient(circle at 10% 20%,#9d00ff1a 0%,#0000 20%),radial-gradient(circle at 90% 80%,#00f5ff1a 0%,#0000 20%);width:100%;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow-x:hidden}.portal-container:before{content:"";z-index:-1;background:linear-gradient(#0a0a12e6,#0a0a12e6),repeating-linear-gradient(0deg,#2a2a4a4d 0 1px,#0000 1px 20px),repeating-linear-gradient(90deg,#2a2a4a4d 0 1px,#0000 1px 20px);width:100%;height:100%;position:fixed;top:0;left:0}.dashboard{width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{background:var(--panel-bg);border-right:1px solid var(--panel-border);z-index:100;flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--panel-border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem 0 1.5rem;display:flex}.brand-logo{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));width:36px;height:36px;box-shadow:var(--glow-cyan);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:flex}.brand-name{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.nav-menu{flex:1;margin:0;padding:0;list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{color:var(--text-secondary);transition:var(--transition);cursor:pointer;border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--neon-cyan);background:#9d00ff26;box-shadow:0 0 15px #00f5ff33}.nav-link.active{border-left:3px solid var(--neon-cyan)}.nav-link i{text-align:center;width:20px}.main-content{box-sizing:border-box;flex:1;width:100%;min-width:0;padding:1.5rem 2rem;overflow-y:auto}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.page-title{margin:0;font-size:1.8rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:.25rem;margin-bottom:0}.header-actions{align-items:center;gap:1rem;display:flex}.portal-btn{cursor:pointer;transition:var(--transition);background:var(--panel-bg);color:var(--text-primary);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.portal-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-purple));color:#fff;box-shadow:var(--glow-cyan);border:none}.btn-primary:hover{box-shadow:0 0 20px #00f5ff99,0 0 40px #9d00ff66}.btn-danger{background:linear-gradient(135deg,var(--danger),#c03);color:#fff;box-shadow:var(--glow-pink);border:none}.btn-danger:hover{box-shadow:0 0 20px #ff4d6a99,0 0 40px #c036}.btn-success{background:linear-gradient(135deg,var(--success),#00cc7a);color:#fff;border:none}.status-indicator{border:1px solid var(--success);background:#00ff9d1a;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.status-indicator.live{border-color:var(--danger);color:var(--danger);background:#ff4d6a1a}.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.status-indicator.live .status-dot{background:var(--danger);animation:1.5s infinite pulse-red}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulse-red{0%{opacity:1;box-shadow:0 0 #ff4d6ab3}70%{opacity:1;box-shadow:0 0 0 8px #ff4d6a00}to{opacity:1;box-shadow:0 0 #ff4d6a00}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--panel-bg);border:1px solid var(--panel-border);transition:var(--transition);border-radius:16px;padding:1.5rem}.stat-card:hover{border-color:var(--neon-cyan);transform:translateY(-3px);box-shadow:0 10px 30px #0006}.stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.stat-icon.tips{color:var(--neon-cyan);background:#00f5ff26}.stat-icon.requests{color:var(--neon-pink);background:#ff00ff26}.stat-icon.energy{color:var(--neon-purple);background:#9d00ff26}.stat-value{margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-change{color:var(--success);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.stat-change.negative{color:var(--danger)}.live-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.panel-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.panel-title{align-items:center;gap:.75rem;margin:0;font-size:1.3rem;font-weight:600;display:flex}.panel-title i{color:var(--neon-cyan)}.live-controls{align-items:center;gap:.75rem;display:flex}.toggle-switch{width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#333;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--neon-cyan)}input:checked+.slider:before{transform:translate(24px)}.request-queue{flex-direction:column;gap:.75rem;width:100%;display:flex}.request-item{border:1px solid #ffffff0d;border-left:4px solid var(--neon-cyan);transition:var(--transition);background:#0a0a0f;border-radius:12px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.request-item:hover{background:#0d0d14;transform:translate(5px)}.request-item.vip{border-left-color:#f0f}.req-header{align-items:center;gap:1rem;display:flex}.req-icon-box{width:48px;height:48px;color:var(--neon-cyan);background:#00d6ff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.request-item.vip .req-icon-box{color:#f0f;background:#ff00ff1a}.req-details{flex:1}.req-details h4{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.req-user{color:var(--text-secondary);font-size:.85rem}.req-user span{color:var(--neon-cyan)}.request-item.vip .req-user span{color:#f0f}.req-meta{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.req-amount{color:var(--neon-cyan);margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.request-item.vip .req-amount{color:#f0f}.req-time{color:var(--text-secondary);font-size:.65rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.req-message{color:#a1a1aa;background:#ffffff08;border:1px solid #ffffff05;border-radius:8px;padding:1rem;font-size:.95rem;font-style:italic}.req-bottom-actions{gap:.75rem;display:flex}.req-bottom-actions .action-btn{letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.req-bottom-actions .action-btn.accept{color:var(--neon-cyan);background:#00d6ff1a;border:1px solid #00d6ff4d}.request-item.vip .req-bottom-actions .action-btn.accept{color:var(--neon-cyan);background:#00d6ff1a;border-color:#00d6ff4d}.req-bottom-actions .action-btn.accept:hover{background:#00d6ff33}.req-bottom-actions .action-btn.reject{color:#888;background:#ffffff0d;border:1px solid #ffffff1a}.req-bottom-actions .action-btn.reject:hover{color:#fff;background:#ffffff1a}.req-bottom-actions .action-btn.queue{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d;flex:.3}.req-bottom-actions .action-btn.queue:hover{background:#8b5cf640}.repertoire-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.track-card{text-align:center;transition:var(--transition);cursor:pointer;background:#1e1e32b3;border:1px solid #0000;border-radius:12px;padding:1rem}.track-card:hover,.track-card.active{border-color:var(--neon-cyan);background:#282846e6;transform:translateY(-5px);box-shadow:0 10px 20px #0006,0 0 15px #00f5ff33}.track-card:hover .opacity-0{opacity:1}.track-card.active{box-shadow:0 0 15px #00f5ff4d}.track-cover{background:linear-gradient(135deg,var(--neon-purple),var(--neon-pink));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:.75rem;font-size:2rem;font-weight:700;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:600;overflow:hidden}.track-genre{color:var(--text-secondary);font-size:.8rem}.gig-list{flex-direction:column;gap:1rem;display:flex}.gig-card{background:var(--panel-bg);border:1px solid var(--panel-border);transition:var(--transition);border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.gig-card:hover{border-color:var(--neon-purple);transform:translate(5px)}.gig-info h4{margin-top:0;margin-bottom:.5rem;font-weight:600}.gig-details{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.gig-fee{color:var(--neon-cyan);margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.gig-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-high{color:var(--danger);background:#ff4d6a33}.badge-private{color:var(--neon-purple);background:#9d00ff33}.earnings-summary{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.earning-card{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:16px;padding:1.25rem}.earning-amount{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0;font-size:1.8rem;font-weight:700}.earning-label{color:var(--text-secondary);font-size:.9rem}.transaction-list{flex-direction:column;gap:.75rem;max-height:300px;display:flex;overflow-y:auto}.transaction-item{border-bottom:1px solid var(--panel-border);justify-content:space-between;padding:.75rem 0;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-info{flex-direction:column;display:flex}.transaction-type{font-weight:500}.transaction-meta{color:var(--text-secondary);font-size:.85rem}.transaction-amount{color:var(--success);font-weight:600}.transaction-amount.withdrawal{color:var(--warning)}.qr-section{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.qr-display{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:200px;height:200px;margin:1.5rem 0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 30px #00f5ff66}.qr-display:before{content:"";background:repeating-linear-gradient(45deg,#00f5ff1a 0 10px,#0000 10px 20px);width:100%;height:100%;animation:3s linear infinite scan;position:absolute}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.qr-placeholder{color:var(--dark-bg);font-size:3rem;font-weight:800}.qr-instructions{color:var(--text-secondary);max-width:300px;margin:1rem 0}@media (max-width:1024px){.dashboard{flex-direction:column}.sidebar{z-index:200;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:20px 0 50px #00000080}.sidebar.active{transform:translate(0)}.main-content{margin-top:0;padding:1rem}.earnings-summary{grid-template-columns:1fr;gap:.75rem}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;opacity:0;background:#000000b3;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-top:.5rem}.header-actions{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.status-indicator{justify-content:center;padding:.75rem}.portal-btn{justify-content:center;width:100%;padding:.75rem}.page-title{font-size:1.5rem}.repertoire-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content{width:95%;padding:1.5rem}.form-input{font-size:16px}}@media (max-width:480px){.header-actions{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.brand-name{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.modal-overlay.active{animation:.3s modalFadeIn;display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--panel-border);background:#0a0a0f;padding:2.5rem;position:relative;box-shadow:0 20px 50px #000c,0 0 30px #00f5ff1a}.modal-content.active{animation:.4s cubic-bezier(.16,1,.3,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline{0%{bottom:100%}80%{bottom:-100px}to{bottom:-100px}}.corner-accent:before{content:"";border-top:2px solid var(--accent,#00f3ff);border-left:2px solid var(--accent,#00f3ff);pointer-events:none;width:20px;height:20px;position:absolute;top:-1px;left:-1px}.corner-accent:after{content:"";border-bottom:2px solid var(--accent,#00f3ff);border-right:2px solid var(--accent,#00f3ff);pointer-events:none;width:20px;height:20px;position:absolute;bottom:-1px;right:-1px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.custom-badge{background:var(--danger);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-5px;right:-5px}.tabs{border-bottom:1px solid var(--panel-border);gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.custom-tab{cursor:pointer;transition:var(--transition);color:var(--text-secondary);white-space:nowrap;border-radius:8px 8px 0 0;padding:.5rem 1rem;font-weight:500}.custom-tab.active{background:var(--panel-bg);color:var(--neon-cyan);border-bottom:2px solid var(--neon-cyan)}.tab-content{display:none}.tab-content.active{animation:.3s ease-out fadeIn;display:block}.progress-container{margin:1rem 0}.progress-label{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:4px;width:75%;height:100%;transition:width .5s}.offline-indicator{background:var(--panel-bg);border:1px solid var(--panel-border);z-index:1000;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;animation:.3s ease-out slideIn;display:flex;position:fixed;bottom:1rem;right:1rem;box-shadow:0 5px 20px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.offline-indicator i{color:var(--warning)}.portal-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.portal-modal.active{display:flex}.portal-modal-content{background:var(--panel-bg);border:1px solid var(--panel-border);color:#fff;border-radius:20px;width:90%;max-width:500px;padding:2rem;animation:.3s ease-out modalIn;box-shadow:0 0 40px #00f5ff4d}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-title{margin:0;font-size:1.4rem;font-weight:600}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;font-size:1.5rem}.modal-close:hover{color:var(--danger);transform:rotate(90deg)}.modal-body{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{margin-bottom:.5rem;font-weight:500;display:block}.form-input{border:1px solid var(--panel-border);width:100%;color:var(--text-primary);transition:var(--transition);background:#1e1e32b3;border-radius:10px;padding:.85rem 1rem;font-size:1rem}.form-input:focus{border-color:var(--neon-cyan);outline:none;box-shadow:0 0 0 3px #00f5ff33}.modal-footer{border-top:1px solid var(--panel-border);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.toast{background:var(--panel-bg);border-left:4px solid var(--success);z-index:2000;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;transition:transform .3s ease-out;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translate(400px);box-shadow:0 5px 25px #0006}.toast.show{transform:translate(0)}.toast.error{border-left-color:var(--danger)}.toast i{font-size:1.2rem}.toast.success i{color:var(--success)}.toast.error i{color:var(--danger)}.toast-message{flex:1}.toast-title{margin-bottom:.25rem;font-weight:600}.toast-text{color:var(--text-secondary);font-size:.9rem}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000004d}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff}.scanline{z-index:10;opacity:.1;background:linear-gradient(#0000 0%,#00f3ff0d 50%,#0000 100%);width:100%;height:100px;animation:8s linear infinite scanline;position:absolute;bottom:100%}.glitch-text{text-shadow:.05em 0 #ff0000bf,-.025em -.05em #00ff00bf,.025em .05em #0000ffbf;animation:.5s infinite glitch;position:relative}@keyframes glitch{0%{text-shadow:.05em 0 #ff0000bf,-.05em -.025em #00ff00bf,-.025em .05em #0000ffbf}14%{text-shadow:.05em 0 #ff0000bf,-.05em -.025em #00f3ffbf,-.025em .05em #0000ffbf}15%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00f3ffbf,-.05em -.05em #0000ffbf}49%{text-shadow:-.05em -.025em #ff0000bf,.025em .025em #00f3ffbf,-.05em -.05em #0000ffbf}50%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00f3ffbf,0 -.05em #0000ffbf}99%{text-shadow:.025em .05em #ff0000bf,.05em 0 #00f3ffbf,0 -.05em #0000ffbf}to{text-shadow:-.025em 0 #ff0000bf,-.025em -.025em #00f3ffbf,-.025em -.05em #0000ffbf}}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0d}.stage-glow{box-shadow:0 0 30px #00f3ff1a,inset 0 0 20px #00f3ff0d}.neon-border-cyan{border:1px solid #00f3ff4d;box-shadow:0 0 15px #00f3ff1a}.neon-text-magenta{color:#f0f;text-shadow:0 0 10px #ff00ff80}.hard-edge{border-radius:0!important}.corner-accent:before{content:"";background:var(--accent,#00f3ff);width:2px;height:15px;position:absolute;top:0;left:0}.corner-accent:after{content:"";background:var(--accent,#00f3ff);width:15px;height:2px;position:absolute;top:0;left:0}.cyber-button{color:#fff;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:1px solid #ffffff1a;padding:.75rem 1.5rem;font-weight:800;transition:all .3s;position:relative;overflow:hidden}.cyber-button:hover{background:#ffffff0d;border-color:#00f3ff;box-shadow:0 0 20px #00f3ff33}.cyber-button:after{content:"";transform-origin:100%;background:#00f3ff;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.cyber-button:hover:after{transform-origin:0;transform:scaleX(1)}.distort-vibe{text-shadow:2px 2px #6467f24d;position:relative}.ledger-synced{border-left:4px solid #10b981}.ledger-pending{border-left:4px solid #f59e0b}.ledger-aborted{border-left:4px solid #ef4444}