*{margin:0;padding:0;box-sizing:border-box}.fa,.fab,.far,.fas{font-style:normal!important;font-feature-settings:normal!important;font-variant:normal!important;text-rendering:auto!important;line-height:1!important;max-width:1.25em!important;max-height:1.25em!important;min-width:auto!important;min-height:auto!important}.fa,.fab,.far,.fas,i.fa,i.fab,i.far,i.fas{display:inline-block!important;font-size:inherit!important;width:auto!important;height:auto!important;font-family:Font Awesome\ 6 Free,Font Awesome\ 6 Brands!important;font-weight:900!important}i.fa,i.fab,i.far,i.fas{vertical-align:baseline!important;text-transform:none!important;letter-spacing:normal!important;word-wrap:normal!important;white-space:nowrap!important;direction:ltr!important}.fab,i.fab{font-family:Font Awesome\ 6 Brands!important;font-weight:400!important}i[class*=fa-]:before{font-size:inherit!important;width:auto!important;height:auto!important}.fa:not(:empty),.fab:not(:empty),.far:not(:empty),.fas:not(:empty){background-color:red!important;color:#fff!important}@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");[class*=" fa-"],[class^=fa-]{font-family:Font Awesome\ 6 Free!important;font-weight:900!important;display:inline-block!important;font-style:normal!important;font-feature-settings:normal!important;font-variant:normal!important;text-rendering:auto!important;line-height:1!important;font-size:1em!important;width:1.25em!important;height:1em!important;text-align:center!important}.fab,[class*=" fab "],[class^="fab "]{font-family:Font Awesome\ 6 Brands!important;font-weight:400!important}.sidebar-link i{font-size:1.1rem!important;width:20px!important;text-align:center!important;margin-right:12px!important}.sidebar-brand i{font-size:1.6rem!important;margin-right:12px!important}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#f0f0f0;background:#0d1117;overflow-y:scroll}.container{max-width:1200px;padding:0 40px}.support-page .container{padding:40px}.discord-support-content{padding:30px;text-align:center}.discord-info{margin-bottom:30px}.discord-info p{color:#b0b3b8;font-size:1.1rem}.discord-features{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap}.feature-item{color:#9ca3af;font-size:.95rem}.feature-item i{color:#5865f2;font-size:1.1rem}.discord-join-btn{padding:16px 32px;border-radius:12px;font-size:1.1rem;display:inline-flex;box-shadow:0 4px 20px rgba(88,101,242,.3)}.discord-join-btn:hover{background:linear-gradient(135deg,#4752c4,#3c45a5);box-shadow:0 8px 30px rgba(88,101,242,.4)}.discord-join-btn i{font-size:1.3rem}.support-links{padding:25px;position:relative}.support-links:before{content:"Work in Progress";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.8);color:#ff4081;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;z-index:10;border:1px solid rgba(255,64,129,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.support-links:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.15);border-radius:12px;z-index:5}.support-link{padding:18px 20px;border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#9ca3af;opacity:.7;pointer-events:none;cursor:not-allowed}.support-link:hover{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.15);transform:none;box-shadow:none}.support-link i{font-size:1.4rem;color:#9ca3af;width:24px}.support-link div{display:flex;flex-direction:column;gap:4px}.support-link strong{font-weight:600;font-size:1rem;color:#d1d5db}.support-link span{font-size:.9rem;color:#9ca3af}.faq-section{margin-top:40px}.faq-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:15px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:rgba(255,64,129,.3);box-shadow:0 4px 20px rgba(255,64,129,.1)}.faq-question{padding:20px 25px;background:transparent;border:none;color:#fff;font-size:1.1rem;font-weight:600;text-align:left;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{color:#ff4081}.faq-question i{color:#ff4081;transition:transform .3s ease}.faq-question.active i{transform:rotate(180deg)}.faq-answer{padding:0 25px 20px;color:#b0b3b8;line-height:1.6;font-size:1rem;border-top:1px solid hsla(0,0%,100%,.05)}.system-status{padding:25px}.status-item{padding:15px 0;border-bottom:1px solid hsla(0,0%,100%,.05);font-size:1rem}.status-online{color:#10b981;font-weight:600;display:flex;align-items:center;gap:8px}.status-online:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block}@media (max-width:768px){.container{padding:0 20px}.support-page .container{padding:20px}.discord-features{flex-direction:column;gap:15px}.discord-join-btn{padding:14px 24px;font-size:1rem}.support-link{padding:15px}.faq-question{padding:18px 20px;font-size:1rem}.faq-answer{padding:0 20px 18px}}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background:linear-gradient(180deg,#11161d,#0d1117);display:flex;flex-direction:column;z-index:1000}.sidebar-header{padding:24px 20px}.sidebar-brand{display:flex;align-items:center;font-size:1.2rem;font-weight:700;color:#ff4081}.sidebar-brand i{margin-right:12px;font-size:1.6rem}.sidebar-nav{flex:1 1;padding:20px 0}.sidebar-link{display:flex;align-items:center;padding:12px 20px;color:#9ca3af;text-decoration:none;font-weight:400;font-size:14px;transition:all .3s ease;border-left:3px solid transparent}.sidebar-link:hover{background:rgba(255,64,129,.1);color:#ff4081;border-left-color:#ff4081}.sidebar-link.active{background:rgba(255,64,129,.15);color:#ff4081;border-left-color:#ff4081}.sidebar-link i{margin-right:12px;width:20px;text-align:center;font-size:1.1rem}.sidebar-section-title{display:flex;align-items:center;padding:8px 20px;color:#6b7280;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:8px}.sidebar-section-title i{margin-right:8px;width:16px;text-align:center;font-size:.9rem;color:#9ca3af}.sidebar-footer{padding:20px}.user-profile .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,#ff4081,#e91e63);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;overflow:hidden;position:relative;flex-shrink:0}.user-profile .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-profile .user-info{display:flex;flex-direction:column;flex:1 1;min-width:0}.user-name{color:#fff;font-weight:600;font-size:.9rem}.user-name,.user-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status{color:#9ca3af;font-size:.8rem}.main-content{margin-left:260px;min-height:100vh;background:#0d1117}.hero{margin-top:70px;padding:80px 20px;display:flex;align-items:center;min-height:90vh;max-width:1200px;margin-left:auto;margin-right:auto}.hero-content{flex:1 1;padding-right:40px}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;color:#fff;line-height:1.2}.hero p{font-size:1.2rem;margin-bottom:30px;color:#9ca3af;line-height:1.6}.hero-stats{display:flex;gap:40px;margin-bottom:40px}.stat{text-align:center}.stat-number{font-size:1.2rem;color:#ff4081}.stat-label{font-size:.75rem;letter-spacing:1px}.cta-button{background:#ff4f80;color:#fff;border:none;padding:18px 36px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px rgba(255,79,128,.3)}.cta-button:hover{background:#e03e6f;transform:translateY(-3px);box-shadow:0 8px 30px rgba(255,79,128,.4)}.hero-visual{flex:1 1;display:flex;justify-content:center;align-items:center}.phone-mockup{width:300px;height:600px;background:#2a2d35;border-radius:30px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}.phone-screen{width:100%;height:100%;background:#1a1d23;border-radius:20px;overflow:hidden;position:relative}.spotify-interface{padding:30px 20px;height:100%;background:linear-gradient(135deg,#ff4081,#e91e63)}.spotify-header{display:flex;align-items:center;color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:40px}.spotify-header i{margin-right:10px;font-size:1.5rem}.music-player{background:hsla(0,0%,100%,.1);border-radius:15px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.album-art{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:10px;margin-bottom:15px}.song-info{color:#fff;margin-bottom:20px}.song-title{font-weight:600;margin-bottom:5px}.artist{opacity:.8;font-size:.9rem}.controls{display:flex;justify-content:center;gap:20px;color:#fff;font-size:1.2rem}.controls i{cursor:pointer;transition:transform .2s ease}.controls i:hover{transform:scale(1.1)}.features{padding:100px 20px;background:#0d1117}.features h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:60px;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:40px;gap:40px}.feature-card{text-align:center;padding:40px 30px;border-radius:16px;background:#11161d;transition:all .3s ease;.users-container{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#11161d,#1a1f26);border:2px solid #30363d;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.header-content h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#ff4f80,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{color:#b0b3b8;font-size:1.1rem;margin:5px 0 0}.refresh-btn{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(76,175,80,.3)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#11161d,#1a1f26);border:2px solid #30363d;border-radius:16px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.2)}.stat-card:hover{transform:translateY(-3px);border-color:#ff4f80;box-shadow:0 12px 35px rgba(255,79,128,.15)}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.new{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.week{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.average{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.9rem;color:#b0b3b8;margin-top:4px}.users-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:20px;background:#11161d;border:2px solid #30363d;border-radius:16px;flex-wrap:nowrap}.search-section{flex:1 1;max-width:400px;min-width:250px}.search-input-container{position:relative;display:flex;align-items:center}.search-input-container i{position:absolute;left:15px;color:#b0b3b8;z-index:1}.search-input{width:100%;padding:12px 15px 12px 45px;background:#1a1f26;border:2px solid #30363d;border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#ff4f80;box-shadow:0 0 0 3px rgba(255,79,128,.1)}.search-input::placeholder{color:#6b7280}.clear-search{position:absolute;right:10px;background:none;border:none;color:#b0b3b8;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.clear-search:hover{background:#30363d;color:#fff}.controls-right{gap:20px}.controls-right,.sort-section{display:flex;align-items:center}.sort-section{gap:10px}.sort-section label{color:#b0b3b8;font-size:14px;font-weight:500}.sort-select{padding:8px 12px;background:#1a1f26;border:2px solid #30363d;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease}.sort-select:focus{outline:none;border-color:#ff4f80}.view-toggle{display:flex;background:#1a1f26;border:2px solid #30363d;border-radius:10px;overflow:hidden}.view-btn{padding:10px 15px;background:none;border:none;color:#b0b3b8;cursor:pointer;transition:all .3s ease;font-size:14px}.view-btn.active{background:#ff4f80;color:#fff}.view-btn:hover:not(.active){background:#30363d;color:#fff}.results-info{margin-bottom:20px;padding:0 5px}.results-info span{color:#b0b3b8;font-size:14px}.users-display{min-height:400px}.users-display.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:25px;gap:25px}.users-display.list{display:flex;flex-direction:column;gap:15px}.user-card{background:linear-gradient(135deg,#11161d,#1a1f26);border:2px solid #30363d;border-radius:16px;padding:25px;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.3);cursor:pointer;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ff4f80,transparent);opacity:0;transition:opacity .3s ease}.user-card:hover{transform:translateY(-5px);border-color:#ff4f80;box-shadow:0 15px 40px rgba(255,79,128,.2)}.user-card:hover:before{opacity:1}.user-card.grid{text-align:center}.user-card.list{display:flex;align-items:center;gap:20px;text-align:left}.user-card.online{border-left:4px solid #10b981}.user-card.recent{border-left:4px solid #f59e0b}.user-card.away{border-left:4px solid #6b7280}.user-card.offline{border-left:4px solid #374151}.user-avatar{position:relative;margin:0 auto 20px}.user-card.list .user-avatar{margin:0;flex-shrink:0}.avatar-container{width:80px;height:80px;border-radius:50%;position:relative;overflow:hidden;border:3px solid #30363d;transition:all .3s ease}.user-card.list .avatar-container{width:60px;height:60px}.user-card:hover .avatar-container{border-color:#ff4f80;transform:scale(1.05)}.avatar-container img{object-fit:cover}.avatar-container img,.avatar-fallback{width:100%;height:100%;border-radius:50%}.avatar-fallback{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.user-card.list .avatar-fallback{font-size:1.5rem}.activity-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:3px solid #11161d;transition:all .3s ease}.activity-indicator.online{background:#10b981}.activity-indicator.recent{background:#f59e0b}.activity-indicator.away{background:#6b7280}.activity-indicator.offline{background:#374151}.user-info{flex:1 1}.user-main-info h3{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:8px;transition:color .3s ease}.user-card:hover .user-main-info h3{color:#ff4f80}.user-main-info .username{color:#ff4f80;font-size:1rem;margin-bottom:8px;font-family:Courier New,monospace;font-weight:500}.user-main-info .email{color:#b0b3b8;font-size:.9rem;margin-bottom:15px;word-break:break-word}.user-meta{display:flex;justify-content:space-between;align-items:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid #30363d}.user-card.list .user-meta{flex-direction:column;align-items:flex-start;gap:10px}.user-dates{display:flex;flex-direction:column;gap:5px}.user-card.list .user-dates{flex-direction:row;gap:20px}.date-item{display:flex;align-items:center;gap:6px;color:#b0b3b8;font-size:.85rem}.date-item i{color:#6b7280;font-size:.8rem}.user-actions{display:flex;gap:8px}.action-btn{padding:6px 12px;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.action-btn.view{background:rgba(255,79,128,.1);color:#ff4f80;border:1px solid rgba(255,79,128,.3)}.action-btn.view:hover{background:#ff4f80;color:#fff;transform:translateY(-1px)}.no-users{text-align:center;color:#b0b3b8;padding:80px 20px;grid-column:1/-1}.no-users i{font-size:4rem;color:#374151;margin-bottom:20px}.no-users h3{color:#fff;font-size:1.5rem;margin-bottom:10px}.no-users p{font-size:1.1rem;line-height:1.6}.error-message{text-align:center;color:#ef4444;padding:40px;background:linear-gradient(135deg,#2d1b1b,#3d1f1f);border:2px solid #ef4444;border-radius:16px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.error-message i{font-size:2rem;color:#ef4444}.retry-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.retry-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px rgba(239,68,68,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-container{max-width:500px}.modal-container,.user-modal{background:linear-gradient(135deg,#11161d,#1a1f26);border:2px solid #30363d;border-radius:20px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:modalSlideIn .3s ease-out}.user-modal{max-width:600px}.modal-header{justify-content:space-between;padding:25px 30px;border-bottom:2px solid #30363d}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{gap:12px;color:#fff;font-size:1.5rem;font-weight:600;margin:0}.modal-title i{color:#60a5fa;font-size:1.3rem}.modal-close{background:none;border:none;color:#b0b3b8;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-close:hover{background:#30363d;color:#fff}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#b0b3b8;font-size:1.5rem;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#30363d;color:#fff}.modal-content{padding:30px}.modal-form{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-label{color:#b0b3b8;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:8px}.form-label.required:after{content:"*";color:#ef4444}.form-label i{color:#60a5fa;font-size:.9rem;width:16px}.form-value{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-weight:500;min-height:44px}.form-value.monospace{font-family:Courier New,monospace;font-size:.9rem}.form-value i{color:#60a5fa;font-size:.9rem;flex-shrink:0}.form-textarea{padding:12px 16px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.9rem;font-family:inherit;resize:vertical;min-height:100px;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:#60a5fa;background:hsla(0,0%,100%,.08)}.form-textarea::placeholder{color:#6b7280}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #30363d}.user-profile{display:flex;align-items:center;gap:25px;margin-bottom:30px;padding-bottom:25px;border-bottom:2px solid #30363d}.profile-avatar{position:relative}.profile-avatar .avatar-container,.profile-avatar .avatar-fallback{width:100px;height:100px}.profile-avatar .avatar-fallback{font-size:2.5rem}.profile-info h3{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:8px}.profile-info .username{color:#ff4f80;font-size:1.1rem;font-family:Courier New,monospace;margin-bottom:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:110px;width:110px;text-align:center}.status-badge.online{background:rgba(16,185,129,.2);color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.recent{background:rgba(245,158,11,.2);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.away{background:hsla(220,9%,46%,.2);color:#6b7280;border:1px solid hsla(220,9%,46%,.3)}.status-badge.offline{background:rgba(55,65,81,.2);color:#374151;border:1px solid rgba(55,65,81,.3)}.user-details{display:flex;flex-direction:column;gap:25px}.detail-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #30363d}.detail-grid{display:grid;grid-gap:15px;gap:15px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.detail-item label{color:#b0b3b8;font-weight:500;font-size:.9rem}.detail-item span{color:#fff;font-weight:500;text-align:right;word-break:break-word;max-width:60%}@media (max-width:768px){.users-container{padding:15px}.users-header{flex-direction:column;gap:20px;text-align:center;padding:20px}.header-content h1{font-size:2rem}.stats-dashboard{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.stat-card{padding:20px;gap:15px}.stat-icon{width:50px;height:50px;font-size:1.2rem}.stat-number{font-size:1.5rem}.users-controls{flex-direction:column;gap:15px;align-items:stretch}.controls-right{justify-content:space-between}.users-display.grid{grid-template-columns:1fr}.user-card.list{flex-direction:column;text-align:center;gap:15px}.user-card.list .user-avatar{margin:0 auto}.user-card.list .user-meta{flex-direction:column;align-items:center;gap:15px}.user-card.list .user-dates{flex-direction:column;gap:8px}.user-profile{flex-direction:column;text-align:center;gap:20px}.detail-item{flex-direction:column;align-items:flex-start;gap:5px}.detail-item span{text-align:left;max-width:100%}.modal-content{padding:20px}}box-shadow:0 15px 40px rgba(0,0,0,.4);cursor:pointer}.feature-card:hover{transform:translateY(-5px);border-color:#ff4f80;background:#1f2937}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#ff4081,#e91e63);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:1.8rem}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:15px;color:#fff}.feature-card p{color:#b0b3b8;line-height:1.6}.status-section{background:#0d1117;padding:80px 0}.status-section h2{text-align:center;margin-bottom:50px;font-size:2.5rem;font-weight:700;color:#fff}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.status-card{background:#11161d;border:2px solid transparent;border-radius:16px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:all .3s ease;cursor:pointer}.status-card:hover{border-color:#ff4f80;background:#1f2937}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.status-header h3{font-size:1.3rem;font-weight:600;color:#fff}.status-indicator{width:12px;height:12px;border-radius:50%;background:#1db954;position:relative;display:inline-block;box-shadow:0 0 0 0 rgba(29,185,84,.7);animation:breathe 2s ease-in-out infinite;vertical-align:middle;margin-left:8px;transform-origin:center center}.status-indicator.online:before{width:18px;height:18px;border-radius:50%;border:2px solid rgba(29,185,84,.3);animation:ripple 2s infinite}.status-indicator.online:after,.status-indicator.online:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);transform-origin:center center}.status-indicator.online:after{width:24px;height:24px;border-radius:50%;border:1px solid rgba(29,185,84,.2);animation:ripple 2s .7s infinite}@keyframes breathe{0%,to{box-shadow:0 0 0 0 rgba(29,185,84,.7);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(29,185,84,0);transform:scale(1.1)}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.queue-item,.stock-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(156,163,175,.1)}.queue-item:last-child,.stock-item:last-child{border-bottom:none}.queue-count,.stock-count{font-weight:600;color:#ff4f80}.avg-wait{margin-top:15px;text-align:center;color:#9ca3af}.dashboard{padding:40px;min-height:100vh}.dashboard-header{margin-bottom:40px}.dashboard-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.user-info{gap:15px;color:#b0b3b8}.user-info,.user-info-item{display:flex;align-items:center}.user-info-item{gap:8px}.user-avatar-small{width:24px;height:24px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0}.user-avatar-small img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-fallback-small{width:100%;height:100%;background:linear-gradient(135deg,#ff4081,#e91e63);font-size:10px}.avatar-fallback-small,.user-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-avatar{width:40px;height:40px;background:#ff4081;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;margin-bottom:30px}.dashboard-card{background:#11161d;border-radius:16px;padding:30px;box-shadow:0 15px 40px rgba(0,0,0,.4);border:2px solid transparent;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.dashboard-card.section-spacing{margin-top:30px}.card-header{justify-content:space-between;margin-bottom:20px}.card-title{font-size:1.3rem;font-weight:600;color:#fff}.queue-position{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;padding:8px 16px;border-radius:20px;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1;min-height:36px}.queue-info{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.queue-details{margin-bottom:20px}.queue-details p{margin-bottom:12px;line-height:1.6}.progress-bar{width:100%;height:8px;background:#4a4d55;border-radius:4px;overflow:hidden;margin:20px 0}.progress-fill{height:100%;background:linear-gradient(135deg,#ff4081,#e91e63);width:65%;transition:width .3s ease}.upgrade-form{background:#11161d;border:2px solid transparent;border-radius:16px;padding:30px;margin-top:30px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:all .3s ease}.upgrade-form h3{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#fff;font-size:24px;font-weight:700}.upgrade-form h3 i{color:#ff4f80;font-size:26px}.upgrade-form>p{margin:0 0 25px;color:#b0b0b0;font-size:16px;line-height:1.5}.form-group{margin-bottom:24px}.form-label{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#e0e0e0;font-weight:600;font-size:14px}.form-label i{color:#ff4f80;font-size:16px}.form-input{background:#1f2937;border:2px solid #404040;border-radius:10px;color:#fff;font-size:15px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.form-input:focus{border-color:#ff4081;background:#2a3445;box-shadow:0 0 0 3px rgba(255,64,129,.1)}.form-input::placeholder{color:#888}.input-hint{display:flex;align-items:center;gap:6px;margin-top:8px;color:#b0b0b0;font-size:12px;font-style:italic}.input-hint i{color:#ff4f80;font-size:12px}.submit-btn{width:100%;padding:16px 24px;margin-top:30px;background:linear-gradient(135deg,#ff4081,#e91e63);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(255,64,129,.2)}.submit-btn:hover{background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.4)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.upgrade-methods{margin-bottom:30px;margin-top:15px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@media (max-width:768px){.upgrade-methods{grid-template-columns:1fr;gap:15px}}.method-option{padding:24px;background:#1f2937;border:1px solid transparent;border-radius:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.method-option:hover{border-color:#ff4081;background:#2a3445;transform:translateY(-2px)}.action-button:disabled{transform:none!important;box-shadow:none!important}.action-button.large{padding:12px 24px;font-size:16px;min-height:48px}.method-option.active{border-color:#ff4081;background:rgba(255,64,129,.1)}.method-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.method-header i{font-size:28px;color:#ff4f80;margin-top:2px}.method-info h4{margin:0 0 6px;color:#fff;font-size:18px;font-weight:700}.method-info p{margin:0;color:#b0b0b0;font-size:14px;line-height:1.5}.method-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.manual-fields{margin-top:25px;padding:25px;background:linear-gradient(135deg,rgba(255,79,128,.05),rgba(255,107,157,.02));border:1px solid rgba(255,79,128,.2);border-radius:16px;animation:slideDown .4s ease}.manual-header{text-align:center;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid rgba(255,79,128,.2)}.manual-header i{font-size:32px;color:#ff4f80;margin-bottom:10px}.manual-header h4{margin:0 0 8px;color:#fff;font-size:20px;font-weight:700}.manual-header p{margin:0;color:#b0b0b0;font-size:14px}.warning-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:rgba(255,193,7,.1);border:1px solid rgba(255,193,7,.3);border-radius:12px;margin-top:20px}.warning-notice i{color:#ffc107;font-size:20px;margin-top:2px}.warning-text{display:flex;flex-direction:column;gap:8px}.warning-text strong{color:#ffd54f;font-size:14px;font-weight:600}.warning-text span{color:#fff8e1;font-size:13px;line-height:1.6}.warning-notice .warning-text span,.warning-notice .warning-text strong{font-size:14px}.warning-text ul{margin:0;padding-left:16px;color:#fff8e1;font-size:13px;line-height:1.6}.warning-text li{margin-bottom:4px}.warning-text li:last-child{margin-bottom:0}.security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:12px;margin-top:20px}.security-notice i{color:#4caf50;font-size:20px;margin-top:2px}.security-text{display:flex;flex-direction:column;gap:4px}.security-text strong{color:#81c784;font-size:14px;font-weight:600}.security-text span{color:#a5d6a7;font-size:13px;line-height:1.4}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.history-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(156,163,175,.1)}.history-item:last-child{border-bottom:none}.status-pending{background:#1f2937;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.history-page{padding:40px;min-height:100vh}.page-header{margin-bottom:40px}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#fff;display:flex;align-items:center}.page-header p{color:#9ca3af;font-size:1.1rem}.history-filters{display:flex;gap:20px;margin-bottom:30px;padding:20px;background:#11161d;border:2px solid transparent;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.4);flex-wrap:wrap;transition:all .3s ease}.filter-group{gap:5px}.filter-group label{font-weight:600;color:#fff;font-size:.9rem}.filter-select{background:#1f2937;border:2px solid transparent;padding:10px 15px;border-radius:8px;cursor:pointer;min-width:150px}.filter-select:hover{border-color:#ff4f80;background:#2a3445}.filter-select:focus{background:#2a3445}.stat-card,.stat-icon{border-radius:10px}.stat-icon{background:#ff4f80;font-size:1.2rem}.stat-content .stat-label{color:#9ca3af;font-size:.9rem}.history-table-container{background:#11161d;border:2px solid transparent;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.4);overflow:hidden;margin-bottom:20px;transition:all .3s ease;width:100%}.account-stock-page .history-table-container{overflow-x:auto;overflow-y:hidden;min-width:1200px}.history-table{border-collapse:collapse;border-radius:16px;overflow:hidden}.history-table th{background:#1f2937;padding:15px;text-align:left;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,79,128,.1)}.history-table th:first-child{border-top-left-radius:16px}.history-table th:last-child{border-top-right-radius:16px}.history-table td:first-child,.history-table th:first-child{width:60px;text-align:center}.history-table td:nth-child(2),.history-table th:nth-child(2){width:240px}.history-table td:nth-child(3),.history-table th:nth-child(3){width:130px}.history-table td:nth-child(4),.history-table th:nth-child(4){width:90px}.history-table td:nth-child(5),.history-table th:nth-child(5){width:100px}.history-table td:nth-child(6),.history-table th:nth-child(6){width:180px}.history-table td:nth-child(7),.history-table th:nth-child(7){width:160px}.history-table tbody tr:last-child td:first-child{border-bottom-left-radius:16px}.history-table tbody tr:last-child td:last-child{border-bottom-right-radius:16px}.history-table td{padding:15px;border-bottom:1px solid rgba(156,163,175,.1);vertical-align:middle;color:#f0f0f0}.history-table tr:hover{background:#1f2937}.date-info .date{font-weight:600;color:#fff}.date-info .time{font-size:.8rem;color:#9ca3af}.upgrade-key{background:#1f2937;padding:4px 8px;border-radius:6px;font-family:Courier New,monospace;font-size:.8rem;color:#ff4f80;border:1px solid rgba(255,79,128,.2)}.account-type{gap:8px;font-weight:600;color:#fff}.wait-time{display:flex;align-items:center;gap:5px;color:#9ca3af}.action-buttons{gap:8px}.btn-action{width:32px;height:32px;border:2px solid transparent;border-radius:8px;background:#1f2937;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-action:hover:not(:disabled){background:#ff4f80;color:#fff;border-color:#ff4f80;transform:translateY(-1px)}.btn-action:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#11161d;border:2px solid transparent;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:all .3s ease}.pagination-btn{padding:10px 15px}.pagination-btn:hover:not(:disabled){background:#ff4f80;color:#fff}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000;align-items:center;justify-content:center}.modal-content{background:#11161d;border:2px solid transparent;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 15px 40px rgba(0,0,0,.4)}.modal-header{justify-content:space-between;padding:20px;border-bottom:1px solid #3a3d45}.modal-header,.modal-header h3{display:flex;align-items:center}.modal-header h3{margin:0;color:#e1e5e9;gap:10px}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#b0b3b8;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:#3a3d45;color:#e1e5e9}.modal-body{padding:20px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:20px}.detail-item{flex-direction:column;gap:5px}.detail-item label{font-weight:600;color:#b0b3b8;font-size:.9rem}.account-details{border-top:1px solid #3a3d45;padding-top:20px}.account-details h4{margin-bottom:15px;color:#e1e5e9;display:flex;align-items:center;gap:10px}.account-info{display:flex;flex-direction:column;gap:10px}.account-item{display:flex;align-items:center;gap:10px;padding:10px;background:#3a3d45;border-radius:6px}.account-item label{font-weight:600;color:#b0b3b8;min-width:80px}.account-item span{flex:1 1;font-family:Courier New,monospace;color:#e1e5e9}.copy-btn{background:none;border:none;color:#b0b3b8;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.copy-btn:hover{background:#ff4081;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #3a3d45}.delivery-success{text-align:center;margin-bottom:30px}.success-icon{font-size:4rem;color:#10b981;margin-bottom:15px}.delivery-success h4{color:#e1e5e9;margin-bottom:10px;font-size:1.5rem}.delivery-success p{color:#b0b3b8;margin-bottom:0}.delivery-instructions{background:#0d1117;border:1px solid #3a3d45;border-radius:8px;padding:20px;margin-top:20px}.delivery-instructions h4{color:#e1e5e9;margin-bottom:15px;display:flex;align-items:center;gap:10px}.delivery-instructions ul{margin:0;padding-left:20px;color:#b0b3b8}.delivery-instructions li{margin-bottom:8px}.btn-primary{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-primary:hover{background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.section-icon{display:inline-flex;width:40px;height:40px;border-radius:12px;font-size:18px;background:linear-gradient(135deg,#1db954,#1ed760);color:#fff!important;box-shadow:0 4px 15px rgba(29,185,84,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-family:Font Awesome\ 6 Free!important;font-weight:900!important}.section-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s;z-index:1}.section-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px rgba(29,185,84,.4)}.section-icon:hover:before{left:100%}.section-icon i{position:relative;z-index:2;color:inherit;font-size:inherit}.section-icon:has(.fa-clock){background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 15px hsla(0,100%,71%,.3)}.section-icon:has(.fa-clock):hover{box-shadow:0 8px 25px hsla(0,100%,71%,.4)}.section-icon:has(.fa-chart-bar){background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px rgba(78,205,196,.3)}.section-icon:has(.fa-chart-bar):hover{box-shadow:0 8px 25px rgba(78,205,196,.4)}.section-icon:has(.fa-play){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3)}.section-icon:has(.fa-play):hover{box-shadow:0 8px 25px rgba(102,126,234,.4)}.section-icon:has(.fa-play) i{color:#fff}.section-icon:has(.fa-history){background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px rgba(240,147,251,.3)}.section-icon:has(.fa-history):hover{box-shadow:0 8px 25px rgba(240,147,251,.4)}.section-icon:has(.fa-server){background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px hsla(208,7%,46%,.3)}.section-icon:has(.fa-server):hover{box-shadow:0 8px 25px hsla(208,7%,46%,.4)}.section-icon:has(.fa-box){background:linear-gradient(135deg,#4dabf7,#1971c2);box-shadow:0 4px 15px rgba(77,171,247,.3)}.section-icon:has(.fa-box):hover{box-shadow:0 8px 25px rgba(77,171,247,.4)}.section-icon:has(.fa-list-ul){background:linear-gradient(135deg,#ff4081,#e91e63);box-shadow:0 4px 15px rgba(255,64,129,.3)}.section-icon:has(.fa-list-ul):hover{box-shadow:0 8px 25px rgba(255,64,129,.4)}.section-icon:has(.fa-clipboard-list){background:linear-gradient(135deg,#ffd93d,#ff6b35);box-shadow:0 4px 15px rgba(255,217,61,.3)}.section-icon:has(.fa-clipboard-list):hover{box-shadow:0 8px 25px rgba(255,217,61,.4)}.section-icon:has(.fa-headset){background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px rgba(78,205,196,.3)}.section-icon:has(.fa-headset):hover{box-shadow:0 8px 25px rgba(78,205,196,.4)}.section-icon:has(.fa-users){background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3)}.section-icon:has(.fa-users):hover{box-shadow:0 8px 25px rgba(102,126,234,.4)}.section-icon:has(.fa-key){background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 15px rgba(17,153,142,.3)}.section-icon:has(.fa-key):hover{box-shadow:0 8px 25px rgba(17,153,142,.4)}.section-icon.active{animation:pulse 2s infinite}@media (max-width:768px){.section-icon{width:35px;height:35px;font-size:16px;margin-right:10px}}.stats-grid{grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;height:100%}.stat-item{display:flex;align-items:center;gap:15px;padding:25px 20px;background:#1f2937!important;border-radius:16px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:120px;height:100%}.stat-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s;z-index:1}.stat-item:hover{border:2px solid #ff4f80;background:#2a3445;transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,79,128,.2)}.stat-item:hover:before{left:100%}.stat-icon{width:40px;height:40px;font-size:16px;flex-shrink:0}.stat-content,.stat-icon{position:relative;z-index:2}.stat-content{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-label{font-size:.85rem;line-height:1.3}.stat-item .stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px rgba(59,130,246,.3)}.stat-item .stat-icon.new{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px rgba(16,185,129,.3)}.stat-item .stat-icon.week{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px rgba(245,158,11,.3)}.stat-item .stat-icon.active{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px rgba(239,68,68,.3)}.stat-item .stat-icon.average{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px rgba(139,92,246,.3)}.stat-item:hover .stat-icon.total{box-shadow:0 8px 25px rgba(59,130,246,.4)}.stat-item:hover .stat-icon.new{box-shadow:0 8px 25px rgba(16,185,129,.4)}.stat-item:hover .stat-icon.week{box-shadow:0 8px 25px rgba(245,158,11,.4)}.stat-item:hover .stat-icon.active{box-shadow:0 8px 25px rgba(239,68,68,.4)}.stat-item:hover .stat-icon.average{box-shadow:0 8px 25px rgba(139,92,246,.4)}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:15px}.stat-item{padding:16px;gap:12px}.stat-icon{width:40px;height:40px;font-size:16px}.stat-number{font-size:1.5rem}.stat-label{font-size:.8rem}.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.dashboard{padding:20px}.hero{flex-direction:column;text-align:center;padding:40px 20px}.hero-content{padding-right:0;margin-bottom:40px}.hero h1{font-size:2.5rem}.hero-stats{justify-content:center}.nav-menu{display:none}.dashboard-grid{grid-template-columns:1fr}.history-filters{flex-direction:column;gap:15px}.filter-group{width:100%}.filter-select{min-width:100%}.stats-overview{grid-template-columns:1fr}.history-table-container{overflow-x:auto}.history-table{min-width:800px}.detail-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:15px}.modal-content{width:95%;margin:20px}}.btn-secondary{background:#1f2937;color:#9ca3af;border:2px solid #404040;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#374151;color:#fff;border-color:#6b7280}.queue-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:20px;width:100%}.queue-actions .btn-primary,.queue-actions .btn-secondary{width:100%;justify-content:center;padding:12px 16px;font-size:.9rem;min-height:44px}.system-status{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(156,163,175,.1)}.status-item:last-child{border-bottom:none}.status-item span:first-child{color:#9ca3af;font-weight:500}.status-item span:last-child{color:#fff;font-weight:600}.status-online{color:#10b981!important}.status-offline{color:#ef4444!important}.stock-status{display:flex;flex-direction:column;gap:12px}.stock-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(156,163,175,.1)}.stock-item:last-child{border-bottom:none}.stock-item span:first-child{color:#9ca3af;font-weight:500}.stock-count{color:#10b981;font-weight:600}.queue-count{color:#f59e0b;font-weight:600}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:#0d1117;position:relative}.auth-card{background:rgba(22,27,34,.95);border-radius:20px;padding:40px;box-shadow:0 25px 60px rgba(0,0,0,.6);border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:900px;width:100%;position:relative;z-index:1}.register-card,.signin-card{max-width:650px}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{width:80px;height:80px;background:linear-gradient(135deg,#ff4081,#e91e63);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#fff;box-shadow:0 10px 30px rgba(255,64,129,.4)}.auth-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px}.auth-header p{color:#9ca3af;font-size:1.1rem;line-height:1.6}.auth-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;align-items:start}.register-card .auth-content,.signin-card .auth-content{grid-template-columns:1fr}.auth-benefits{background:rgba(255,64,129,.05);border-radius:16px;padding:30px;border:1px solid rgba(255,64,129,.2)}.auth-benefits h3{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.auth-benefits h3:before{content:"✨";font-size:1.2rem}.auth-benefits ul{list-style:none;padding:0;margin:0}.auth-benefits li{display:flex;align-items:center;gap:15px;margin-bottom:15px;color:#e5e7eb;line-height:1.5}.auth-benefits li i{color:#ff4081;font-size:1.1rem;width:20px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:30px}.discord-signin{text-align:center}.discord-btn{background:#5865f2;color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;box-shadow:0 8px 25px rgba(88,101,242,.3)}.discord-btn:hover:not(:disabled){background:#4752c4;transform:translateY(-2px);box-shadow:0 12px 35px rgba(88,101,242,.4)}.discord-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.discord-btn i{font-size:1.3rem}.discord-note{color:#9ca3af;font-size:.9rem;margin-top:10px;line-height:1.4}.auth-divider{position:relative;text-align:center;margin:20px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(156,163,175,.3)}.auth-divider span{background:rgba(22,27,34,.95);color:#9ca3af;padding:0 20px;font-size:.9rem;position:relative;z-index:1}.form-group{margin-bottom:20px}.form-group label{color:#e5e7eb;font-weight:500;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;background:rgba(31,41,55,.8);border:2px solid rgba(75,85,99,.5);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#ff4081;box-shadow:0 0 0 3px rgba(255,64,129,.1)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-options{justify-content:space-between;margin-bottom:25px}.checkbox-label,.form-options{display:flex;align-items:center}.checkbox-label{gap:8px;color:#9ca3af;font-size:.9rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.forgot-link{background:none;border:none;color:#ff4081;text-decoration:none;font-size:.9rem;cursor:pointer;padding:0;font-family:inherit;transition:color .3s ease}.forgot-link:hover{color:#e91e63;text-decoration:underline}.manual-register-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;opacity:.6;transition:all .3s ease}.manual-register-btn.active{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;cursor:pointer;opacity:1;transform:translateY(0);box-shadow:0 4px 15px rgba(255,64,129,.2)}.manual-register-btn.active:hover{background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.manual-register-btn.inactive{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6}.field-error{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;color:#fca5a5}.field-error i{color:#ef4444;font-size:14px}.auth-footer{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid rgba(156,163,175,.2)}.auth-footer p{color:#9ca3af;margin-bottom:20px}.auth-footer a{color:#ff4081;text-decoration:none;font-weight:500;transition:color .3s ease}.auth-footer a:hover{color:#e91e63}.auth-toggle-link{background:none;border:none;color:#ff4081;text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:inherit;padding:0}.auth-toggle-link:hover{color:#1ed760;text-decoration:underline}.error-message,.success-message{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.error-message{color:#fca5a5}.error-message i{color:#ef4444;font-size:16px}.resend-verification-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;margin-top:0;transition:all .3s ease}.resend-verification-btn:hover:not(:disabled){background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.resend-verification-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-verification-btn i{font-size:12px}.success-message{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.success-message i{color:#10b981;font-size:16px}.auth-links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.auth-links a{color:#9ca3af;text-decoration:none;font-size:.9rem;transition:color .3s ease}.auth-links a:hover{color:#fff}.auth-stats{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:40px;z-index:1}.auth-stats .stat-item{text-align:center;color:hsla(0,0%,100%,.8)}.auth-stats .stat-label{font-size:.8rem;color:#9ca3af;margin-top:4px}.sidebar-divider{height:1px;background:rgba(156,163,175,.2);margin:15px 20px}.sign-out-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;margin-left:auto}.sign-out-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.auth-prompt{padding:20px;text-align:center;border-top:1px solid rgba(156,163,175,.2)}.auth-prompt p{color:#9ca3af;font-size:.9rem;margin-bottom:15px;line-height:1.4}.auth-cta{display:inline-block;background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease}.auth-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.user-profile{display:flex;align-items:center;gap:12px;padding:20px;border-top:1px solid rgba(156,163,175,.2)}.loading-state{padding:40px 20px;color:#9ca3af;gap:15px}.loading-state i{font-size:2rem;color:#ff4081}.loading-state span{font-size:1rem;font-weight:500}.empty-state{padding:40px 20px;gap:15px}.empty-state i{font-size:2.5rem;color:#4b5563}.empty-state span{font-size:1rem;font-weight:500}.fa-spin{animation:fa-spin 2s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.history-date{color:#9ca3af;font-weight:400;font-size:.9rem;margin-left:8px}.history-item-compact{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #2a2a2a;transition:all .2s ease;position:relative}.history-item-compact:hover{background:rgba(29,185,84,.05);border-left:3px solid #1db954;padding-left:17px}.history-item-compact:last-child{border-bottom:none}.history-left{gap:15px;flex:1 1}.history-icon,.history-left{display:flex;align-items:center}.history-icon{width:40px;height:40px;background:linear-gradient(135deg,#1db954,#1ed760);border-radius:10px;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px rgba(29,185,84,.3)}.history-icon.own-account{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 4px 12px rgba(99,102,241,.3)}.history-icon.fresh-account{background:linear-gradient(135deg,#065f46,#34d399);box-shadow:0 4px 12px rgba(6,95,70,.3);background:linear-gradient(135deg,#1db954,#1ed760);box-shadow:0 4px 12px rgba(29,185,84,.3)}.history-icon.declined{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.3)}.history-details{flex:1 1}.history-title{display:flex;align-items:center;gap:12px;margin-bottom:6px}.upgrade-type{font-weight:600;color:#fff;font-size:15px}.history-date-compact{color:#888;font-size:13px;font-weight:500;background:hsla(0,0%,100%,.05);padding:4px 8px;border-radius:6px;border:1px solid hsla(0,0%,100%,.1)}.history-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#aaa}.meta-item{gap:6px}.meta-item i{color:#666;font-size:12px}.meta-divider{color:#555;margin:0 4px}.meta-item.denial-reason{color:#ef4444;font-weight:500;background:rgba(239,68,68,.1);padding:4px 8px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.meta-item.denial-reason i{color:#ef4444}.history-right{display:flex;align-items:center}.status-badge.status-completed{background:#1f2937;color:#10b981;border:1px solid rgba(16,185,129,.3);min-width:110px}.status-badge.status-processing{background:#1f2937;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.status-failed{background:#1f2937;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.status-pending{background:#1f2937;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.status-badge.status-declined{background:#1f2937;color:#ef4444;border:1px solid rgba(239,68,68,.3);width:110px;min-width:110px}.status-badge i{font-size:10px}.history-footer{padding:20px;text-align:center;border-top:1px solid #2a2a2a;background:hsla(0,0%,100%,.02)}.empty-state,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;min-height:400px;position:relative}.loading-test-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.loading-test-page .container{max-width:1200px;margin:0 auto;padding:40px 20px}.test-controls{display:flex;justify-content:center;margin:30px 0}.test-controls .btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.test-controls .btn-primary{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.test-controls .btn-secondary{background:linear-gradient(135deg,#374151,#4b5563);color:#fff}.test-controls .btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(29,185,84,.3)}.test-container{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:60px;margin:40px 0;min-height:400px}.new-loading-container,.test-container{display:flex;align-items:center;justify-content:center}.new-loading-container{flex-direction:column;text-align:center}.new-loading-spinner{position:relative;width:80px;height:80px;margin-bottom:30px}.spinner-ring{top:0;left:0}.spinner-ring:first-child{border-top:3px solid #1db954;animation:spinClockwise 2s linear infinite;animation-delay:0s}.spinner-ring:nth-child(2){border-right:3px solid #1ed760;animation:spinCounterClockwise 1.5s linear infinite;animation-delay:.2s;transform:scale(.8)}.spinner-ring:nth-child(3){border-bottom:3px solid #22c55e;animation:spinClockwise 1s linear infinite;animation-delay:.4s;transform:scale(.6)}.spinner-core{position:absolute;top:50%;left:50%;width:20px;height:20px;background:linear-gradient(135deg,#1db954,#1ed760);border-radius:50%;transform:translate(-50%,-50%);animation:corePulse 2s ease-in-out infinite;box-shadow:0 0 20px rgba(29,185,84,.6)}@keyframes spinClockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinCounterClockwise{0%{transform:scale(.8) rotate(1turn)}to{transform:scale(.8) rotate(0deg)}}@keyframes corePulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px rgba(29,185,84,.6)}50%{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 30px rgba(29,185,84,.8)}}.loading-text{color:#e5e7eb;font-size:1.2rem;letter-spacing:1px}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.content-placeholder{text-align:center;color:#9ca3af}.placeholder-icon{font-size:4rem;color:#1db954;margin-bottom:20px}.content-placeholder h3{color:#e5e7eb;font-size:1.5rem;margin-bottom:10px}.content-placeholder p{color:#9ca3af;font-size:1rem}.animation-info{background:rgba(29,185,84,.05);border:1px solid rgba(29,185,84,.2);border-radius:12px;padding:30px;margin-top:40px}.animation-info h3{color:#1db954;font-size:1.3rem;margin-bottom:15px}.animation-info ul{list-style:none;padding:0}.animation-info li{color:#e5e7eb;padding:8px 0 8px 25px;position:relative}.animation-info li:before{content:"✓";position:absolute;left:0;color:#1db954;font-weight:700}.error-container{color:#ef4444}.error-icon{font-size:3rem}.error-container p,.error-icon{margin-bottom:20px;color:#ef4444}.error-container p{font-size:1.1rem}.btn-retry{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-retry:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.empty-state{color:#6b7280}.empty-icon{font-size:4rem;color:#4b5563}.empty-state h3{color:#9ca3af;font-size:1.5rem;margin-bottom:10px;font-weight:600}.empty-state p{color:#6b7280;font-size:1rem;max-width:400px;line-height:1.6}.view-all-link{display:inline-flex;align-items:center;gap:8px;color:#1db954;text-decoration:none;font-weight:600;font-size:14px;padding:10px 20px;border-radius:8px;border:1px solid rgba(29,185,84,.3);background:rgba(29,185,84,.05);transition:all .2s ease}.view-all-link:hover{background:rgba(29,185,84,.1);border-color:rgba(29,185,84,.5);transform:translateY(-1px)}.view-all-link i{font-size:12px}.masked-data{position:relative;cursor:pointer;padding:2px 6px;border-radius:4px;background:rgba(156,163,175,.1);border:1px solid transparent;transition:all .3s ease;display:inline-block}.masked-data:hover{background:rgba(255,64,129,.1);border-color:rgba(255,64,129,.3);color:#ff4081}.masked-data:hover:after{content:attr(title);background:#1f2937;color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid #374151;margin-bottom:5px}.masked-data:hover:after,.masked-data:hover:before{position:absolute;bottom:100%;left:50%;transform:translateX(-50%)}.masked-data:hover:before{content:"";border:5px solid transparent;border-top-color:#1f2937;margin-bottom:-5px;z-index:1001}.masked-content{font-family:Courier New,monospace;font-size:.85rem;letter-spacing:.5px}.masked-content[data-revealed=true]{color:#10b981;font-weight:500}.queue-info-simplified{display:flex;flex-direction:column;gap:24px}.queue-main-details{display:flex;flex-direction:column;gap:16px}.detail-item-enhanced{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:hsla(0,0%,100%,.03);border-radius:12px;transition:all .3s ease}.detail-item-enhanced:hover{background:hsla(0,0%,100%,.05);border-color:rgba(255,64,129,.3);transform:translateY(-1px)}.detail-item-enhanced .detail-label{display:flex;align-items:center;gap:10px;color:#b0b3b8;font-weight:600;font-size:14px}.detail-item-enhanced .detail-label i{color:#ff4081;font-size:16px;width:20px;text-align:center}.detail-value-enhanced{color:#fff;font-weight:600;font-size:15px}.detail-value-enhanced.wait-time{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.5px}.masked-data-queue{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:8px;background:rgba(156,163,175,.1);border:1px solid transparent;transition:all .3s ease}.masked-data-queue:hover{background:rgba(255,64,129,.1);border-color:rgba(255,64,129,.3)}.masked-content-queue{font-family:Courier New,monospace;font-size:14px;letter-spacing:.5px;color:#fff;font-weight:500}.masked-content-queue[data-revealed=true]{color:#10b981}.reveal-icon{color:#9ca3af;font-size:14px;transition:all .3s ease}.masked-data-queue:hover .reveal-icon{color:#ff4081}.queue-stats-card{background:linear-gradient(135deg,rgba(255,64,129,.1),rgba(233,30,99,.05));border:1px solid rgba(255,64,129,.2);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#ff4081;font-weight:700;font-size:16px}.stats-header i{font-size:18px}.stats-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.stat-item{text-align:center;padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px;border:none}.stat-number{display:block;font-size:24px;margin-bottom:4px}.stat-label{font-size:12px;color:#b0b3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.queue-progress-enhanced{margin-top:16px}.progress-bar-enhanced{width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:12px}.progress-fill-enhanced{height:100%;background:linear-gradient(90deg,#ff4081,#e91e63);border-radius:3px;transition:width .5s ease;position:relative}.progress-fill-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}.progress-text-enhanced{display:flex;align-items:center;justify-content:center;gap:8px;color:#b0b3b8;font-size:13px;font-weight:600}.progress-text-enhanced i{color:#ff4081;font-size:12px}@media (max-width:768px){.queue-info-simplified{gap:16px}.detail-item-enhanced{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.detail-item-enhanced .detail-label{font-size:13px}.detail-value-enhanced{font-size:14px}.stats-content{grid-template-columns:1fr;gap:12px}.stat-number{font-size:20px}.queue-stats-card{padding:16px}}.queue-compact-info{display:flex;align-items:center;gap:.5rem;background:rgba(255,64,129,.15);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,64,129,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.queue-position-compact{font-size:1.1rem;font-weight:700;color:#ff4081}.queue-total-compact{font-size:.9rem;color:#b0b3b8}.queue-progress-compact{margin:1rem 0}.progress-status-compact{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:#b0b3b8;margin-top:.5rem}.progress-status-compact i{color:#ff4081}@media (max-width:768px){.auth-card{padding:30px 20px;margin:20px}.auth-content{grid-template-columns:1fr;gap:30px}.auth-header h1{font-size:2rem}.auth-logo{width:60px;height:60px;font-size:1.5rem}.auth-stats{position:static;transform:none;margin-top:40px;gap:20px}.auth-links{gap:20px}.queue-compact-info{padding:.4rem .8rem;gap:.4rem}.queue-position-compact{font-size:1rem}.queue-total-compact{font-size:.8rem}}.action-icons{display:flex;align-items:center;gap:6px;margin-left:8px}.copy-icon{color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease;font-size:.8rem;padding:2px}.copy-icon:hover{color:#ff4081;transform:scale(1.1)}.copy-icon:active{transform:scale(.95)}.copy-btn-small{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;padding:4px 6px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:.75rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.copy-btn-small:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px)}.copy-btn-small:active{transform:translateY(0)}.copy-btn-small i{font-size:.7rem}.meta-item-interactive{position:relative;transition:all .2s ease}.masked-data-history{cursor:pointer;transition:all .2s ease}.action-icons-history{position:absolute;right:-30px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;opacity:0;visibility:hidden;transition:all .2s ease;background:rgba(0,0,0,.8);padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta-item-interactive:hover .action-icons-history{opacity:1;visibility:visible}.copy-icon-history,.reveal-icon-history{color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;font-size:.7rem;padding:2px}.copy-icon-history:hover,.reveal-icon-history:hover{color:#fff;transform:scale(1.1)}.copy-icon-history:active{transform:scale(.95)}.history-meta{position:relative;padding-right:40px}.copy-after-reveal{display:inline-block;margin-left:10px;padding:4px 8px;background:rgba(76,175,80,.1);border:1px solid rgba(76,175,80,.3);border-radius:4px;color:#4caf50;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.copy-after-reveal:hover{background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.5);transform:translateY(-1px)}.copy-after-reveal:active{transform:translateY(0)}.notification{position:fixed;top:20px;right:20px;z-index:10000;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;max-width:300px;border:1px solid hsla(0,0%,100%,.1)}.notification.success{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.3);color:#4caf50}.notification.error{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.3);color:#f44336}.notification-content{gap:10px;font-size:14px}.notification-content i{font-size:16px;flex-shrink:0}@media (max-width:768px){.notification{top:10px;right:10px;left:10px;max-width:none}}.queue-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;background:linear-gradient(135deg,rgba(255,64,129,.05),rgba(233,30,99,.05));border:1px solid rgba(255,64,129,.1);border-radius:12px;position:relative;overflow:hidden;min-height:400px}.queue-empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4081,#e91e63)}.empty-state-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(255,64,129,.1),rgba(233,30,99,.1));border:2px solid rgba(255,64,129,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.empty-state-icon i{font-size:32px;color:#ff4081;animation:pulse 2s infinite}.empty-state-content{margin-bottom:28px}.empty-state-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:-.5px}.empty-state-message{font-size:15px;color:#9ca3af;line-height:1.5;margin-bottom:20px;max-width:380px;margin-left:auto;margin-right:auto}.empty-state-features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.feature-item{gap:8px;padding:8px 16px;background:rgba(255,64,129,.08);border:1px solid rgba(255,64,129,.15);border-radius:20px;font-size:14px;color:#fff;font-weight:500}.feature-item:hover{background:rgba(255,64,129,.12);border-color:rgba(255,64,129,.25);transform:translateY(-2px)}.feature-item i{color:#ff4081;font-size:12px}.empty-state-actions{display:flex;gap:12px;justify-content:center}.empty-state-actions .btn-primary{padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;transition:all .3s ease}.empty-state-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(255,64,129,.3)}@media (max-width:768px){.queue-empty-state{padding:32px 16px}.empty-state-features{flex-direction:column;gap:12px}.feature-item{justify-content:center}.empty-state-title{font-size:20px}.empty-state-message{font-size:14px}}.completion-notification{background:linear-gradient(135deg,rgba(76,175,80,.15),rgba(56,142,60,.15));border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden;animation:completionSlideIn .5s ease-out}.completion-notification:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#388e3c)}.completion-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.completion-icon{width:48px;height:48px;background:linear-gradient(135deg,#4caf50,#388e3c);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;animation:completionPulse 2s infinite}.completion-title{font-size:20px;font-weight:600;color:#4caf50;margin:0}.completion-subtitle{font-size:14px;color:#9ca3af;margin:0}.completion-details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.completion-field{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:48px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;transition:all .3s ease}.completion-field:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2)}.completion-field-label{font-size:14px;font-weight:500;color:#9ca3af;display:flex;align-items:center;gap:8px}.completion-field-label i{color:#4caf50;font-size:16px}.completion-field-value{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-size:14px;color:#fff;font-weight:500}.completion-field-actions{display:flex;gap:8px}.completion-action-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:6px 8px;color:#9ca3af;cursor:pointer;transition:all .3s ease;font-size:12px}.completion-action-btn:hover{background:hsla(0,0%,100%,.15);color:#fff;border-color:hsla(0,0%,100%,.3)}.completion-action-btn.active{background:rgba(76,175,80,.2);border-color:rgba(76,175,80,.4);color:#4caf50}.completion-actions{display:flex;gap:12px;justify-content:center}.completion-actions .btn-primary{background:linear-gradient(135deg,#4caf50,#388e3c);border:none;padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.completion-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(76,175,80,.3)}.completion-actions .btn-secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);padding:12px 24px;border-radius:8px;color:#9ca3af;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.completion-actions .btn-secondary:hover{background:hsla(0,0%,100%,.15);color:#fff;border-color:hsla(0,0%,100%,.3)}.completion-status-completed{color:#4caf50!important;font-weight:600;display:flex;align-items:center;gap:8px}.completion-status-completed i{font-size:16px;animation:completionCheckmark .5s ease-out}@keyframes completionSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes completionPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(76,175,80,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(76,175,80,0)}}@keyframes completionCheckmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}#completion-family-address{max-width:200px;height:20px;line-height:20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent;display:flex;align-items:center}.completion-warning{margin:16px 0;padding:12px 16px;background:rgba(59,130,246,.1);border-radius:8px;border:1px solid rgba(59,130,246,.3);border-left:4px solid #3b82f6}.warning-content{display:flex;align-items:center;gap:8px;color:#60a5fa;font-size:14px;font-weight:500}.warning-content i{color:#3b82f6;font-size:16px}.denial-notification{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.15))!important;border:2px solid rgba(239,68,68,.3)!important}.denial-notification:before{background:linear-gradient(90deg,#ef4444,#dc2626)!important}.denial-icon{background:linear-gradient(135deg,#ef4444,#dc2626)!important;animation:denialPulse 2s infinite}.denial-notification .completion-field-label i,.denial-notification .completion-title{color:#ef4444!important}.denial-warnings{margin:20px 0}.denial-warning{margin:12px 0!important;padding:12px 16px!important;background:rgba(251,191,36,.1)!important;border-radius:8px!important;border:1px solid rgba(251,191,36,.3)!important;border-left:4px solid #fbbf24!important}.denial-warning .warning-content{color:#fcd34d!important}.denial-warning .warning-content i{color:#fbbf24!important}@keyframes denialPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0)}}.btn-download{background:linear-gradient(135deg,#10b981,#059669);border:none;padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-download:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(16,185,129,.3);background:linear-gradient(135deg,#059669,#047857)}#completion-family-address::-webkit-scrollbar{height:4px}#completion-family-address::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}#completion-family-address::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}#completion-family-address::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}@media (max-width:768px){.completion-notification{padding:20px 16px}.completion-actions,.completion-field{flex-direction:column}.completion-field{align-items:flex-start;gap:12px}.completion-field-actions{align-self:flex-end}#completion-family-address{max-width:150px;height:18px;line-height:18px}.completion-warning{margin:12px 0;padding:10px 12px}.warning-content{font-size:13px}.btn-download{padding:10px 20px;font-size:14px}}svg{display:inline-block!important;vertical-align:middle!important;max-width:100%!important;max-height:100%!important;overflow:visible!important;flex-shrink:0!important}svg.w-4{width:1rem!important;height:1rem!important}svg.w-5{width:1.25rem!important;height:1.25rem!important}svg.w-6{width:1.5rem!important;height:1.5rem!important}svg.w-8{width:2rem!important;height:2rem!important}svg.w-12{width:3rem!important;height:3rem!important}svg.w-16{width:4rem!important;height:4rem!important}svg.h-4{height:1rem!important}svg.h-5{height:1.25rem!important}svg.h-6{height:1.5rem!important}svg.h-8{height:2rem!important}svg.h-12{height:3rem!important}svg.h-16{height:4rem!important}.bg-gray-700 svg,.bg-gray-800 svg,.flex svg,button svg{flex-shrink:0!important;width:inherit!important;height:inherit!important}.bg-blue-500\/20 svg,.bg-green-500\/20 svg,.bg-purple-500\/20 svg,.p-2 svg,.p-3 svg,svg:not([class*=w-]):not([class*=h-]){width:1.5rem!important;height:1.5rem!important}.absolute svg{width:1.25rem!important;height:1.25rem!important}.bg-white\/10 svg,.bg-white\/20 svg{width:1.5rem!important;height:1.5rem!important}.users-page{min-height:100vh;background:#0d1117;color:#fff;padding:40px;margin:0}.users-page .page-header{margin-bottom:2rem}.users-page .page-header h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:10px;display:flex;align-items:center}.users-page .page-header p{color:#9ca3af;font-size:1.1rem;margin:0}.users-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.users-page .stat-card{background:#1f2937;border:2px solid transparent;border-radius:16px;padding:25px 20px;box-shadow:0 15px 40px rgba(0,0,0,.4);display:flex;align-items:center;gap:15px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;min-height:120px}.users-page .stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s;z-index:1}.users-page .stat-card:hover{border:2px solid #ff4f80;background:#2a3445;transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,79,128,.2)}.users-page .stat-card:hover:before{left:100%}.users-page .stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff4081,#e91e63);font-size:20px;color:#fff;box-shadow:0 4px 15px rgba(255,64,129,.3);position:relative;z-index:2}.users-page .stat-icon.online{background:linear-gradient(135deg,#1db954,#1ed760);box-shadow:0 4px 15px rgba(29,185,84,.3)}.users-page .stat-icon.new{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);box-shadow:0 4px 15px hsla(0,100%,71%,.3)}.users-page .stat-icon.active{background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 4px 15px rgba(78,205,196,.3)}.users-page .stat-content{flex:1 1;position:relative;z-index:2}.users-page .stat-number{font-size:1.8rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.25rem}.users-page .stat-label{color:#9ca3af;font-size:.9rem;font-weight:500}.users-page .users-controls{background:#11161d;border:2px solid transparent;border-radius:16px;padding:20px;margin-bottom:30px;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:nowrap}.users-page .search-section{flex:1 1;max-width:400px;min-width:250px}.users-page .search-input-wrapper{position:relative;width:100%}.users-page .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem}.users-page .search-input{width:100%;background:#1f2937;border:2px solid transparent;border-radius:12px;padding:12px 16px 12px 3rem;color:#f0f0f0;font-size:1rem;transition:all .3s ease}.users-page .search-input:focus{outline:none}.users-page .search-input:focus,.users-page .search-input:hover{border-color:#ff4f80;background:#2a3445}.users-page .search-input::placeholder{color:#9ca3af}.users-page .filter-section{display:flex;align-items:center;gap:15px;flex-wrap:nowrap;flex-shrink:0}.users-page .filter-group{display:flex;align-items:center;gap:.5rem}.users-page .filter-group label{color:#fff;font-size:.9rem;font-weight:600}.users-page .filter-select{background:#1f2937;border:2px solid transparent;border-radius:8px;padding:8px 12px;color:#f0f0f0;font-size:.85rem;cursor:pointer;transition:all .3s ease;min-width:120px}.users-page .filter-select:focus{outline:none}.users-page .filter-select:focus,.users-page .filter-select:hover{border-color:#ff4f80;background:#2a3445}.users-page .filter-select option{background:#1f2937;color:#fff}.users-page .refresh-btn{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.users-page .refresh-btn:hover{background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.users-page .results-info{color:#b3b3b3;font-size:.9rem;margin-bottom:1rem}.users-page .error-state,.users-page .loading-state{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#b3b3b3}.users-page .loading-spinner{width:32px;height:32px;border:3px solid hsla(0,0%,100%,.1);border-top-color:#1db954;border-radius:50%;animation:spin 1s linear infinite}.users-page .error-state{flex-direction:column;gap:1rem}.users-page .error-state i{font-size:2rem;color:#ff6b6b}.users-page .retry-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.users-page .retry-btn:hover{background:linear-gradient(135deg,#ff8e8e,#ff6b6b);transform:translateY(-1px)}.users-page .users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.users-page .user-card{background:#1f2937;border:2px solid transparent;border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.4)}.users-page .user-card:hover{background:#2a3445;border-color:#ff4f80;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,79,128,.2)}.users-page .user-avatar-section{display:flex;align-items:center;margin-bottom:1rem;position:relative}.users-page .user-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;position:relative;margin-right:1rem;transition:all .3s ease}.users-page .user-avatar:hover{border-radius:50%;transform:scale(1.05);box-shadow:0 4px 15px rgba(255,79,128,.3)}.users-page .user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .3s ease}.users-page .user-avatar img:hover{border-radius:50%}.users-page .avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#1db954,#1ed760);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;border-radius:50%;transition:all .3s ease}.users-page .avatar-fallback:hover{border-radius:50%}.users-page .status-indicator{position:absolute;bottom:0;right:12px;width:20px;height:20px;border-radius:50%;border:3px solid #1a1a1a;display:flex;align-items:center;justify-content:center;font-size:.7rem}.users-page .status-indicator.status-online{background:#1db954;color:#fff}.users-page .status-indicator.status-recent{background:orange;color:#fff}.users-page .status-indicator.status-away{background:#ffeb3b;color:#333}.users-page .status-indicator.status-offline{background:#666;color:#fff}.users-page .user-info{margin-bottom:1rem}.users-page .user-name{font-size:1.2rem;font-weight:600;color:#fff}.users-page .user-username{color:#b3b3b3;font-size:.9rem;margin-bottom:.5rem}.users-page .user-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500}.users-page .user-status.status-online{color:#1db954}.users-page .user-status.status-recent{color:orange}.users-page .user-status.status-away{color:#ffeb3b}.users-page .user-status.status-offline{color:#666}.users-page .user-meta{display:flex;flex-direction:column;gap:.5rem}.users-page .meta-item{display:flex;align-items:center;gap:.5rem;color:#b3b3b3;font-size:.8rem}.users-page .meta-item i{width:12px;text-align:center;color:#666}.users-page .pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.users-page .pagination-btn{background:#1f2937;border:2px solid transparent;border-radius:8px;padding:8px 16px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.users-page .pagination-btn:hover:not(:disabled){background:#2a3445;border-color:#ff4f80}.users-page .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.users-page .pagination-info{color:#b3b3b3;font-size:.9rem}.users-page .empty-state{text-align:center;padding:3rem;color:#b3b3b3}.users-page .empty-icon{font-size:4rem;color:#666;margin-bottom:1rem}.users-page .empty-state h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.users-page .empty-state p{margin-bottom:1.5rem}.users-page .clear-filters-btn{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.users-page .clear-filters-btn:hover{background:linear-gradient(135deg,#1ed760,#1db954);transform:translateY(-1px)}.users-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.users-page .user-detail-modal{background:#1f2937;border:2px solid rgba(255,79,128,.2);border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.5)}.users-page .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.users-page .modal-user-info{display:flex;align-items:center;gap:1rem}.users-page .modal-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;position:relative}.users-page .modal-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.users-page .modal-avatar .avatar-fallback{width:100%;height:100%;background:linear-gradient(135deg,#1db954,#1ed760);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;border-radius:50%}.users-page .modal-user-details h2{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.25rem}.users-page .modal-user-details p{color:#b3b3b3;margin-bottom:.5rem}.users-page .status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500}.users-page .status-badge.status-online{background:rgba(29,185,84,.2);color:#1db954}.users-page .status-badge.status-recent{background:rgba(255,165,0,.2);color:orange}.users-page .status-badge.status-away{background:rgba(255,235,59,.2);color:#ffeb3b}.users-page .status-badge.status-offline{background:hsla(0,0%,40%,.2);color:#666}.users-page .close-btn{background:#11161d;border:2px solid transparent;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#b3b3b3;cursor:pointer;transition:all .3s ease}.users-page .close-btn:hover{background:#2a3445;border-color:#ff4f80;color:#fff}.users-page .modal-content{padding:1.5rem}.users-page .detail-section{margin-bottom:2rem}.users-page .detail-section:last-child{margin-bottom:0}.users-page .detail-section h3{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:1rem}.users-page .detail-grid{display:grid;grid-gap:1rem;gap:1rem}.users-page .detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:8px}.users-page .detail-item label{color:#b3b3b3;font-weight:500}.users-page .detail-item span{color:#fff}.users-page .detail-item .monospace{font-family:Courier New,monospace;background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:4px;font-size:.9rem}.users-page .detail-item .status-text{display:flex;align-items:center;gap:.5rem;font-weight:500}.users-page .modal-footer{padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:flex-end}.users-page .btn-secondary{background:#1f2937;border:2px solid transparent;color:#f0f0f0;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.users-page .btn-secondary:hover{border-color:#ff4f80;background:#2a3445;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,79,128,.2)}.users-page .notification{position:fixed;top:20px;right:20px;z-index:10000;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInRight .3s ease-out;max-width:300px;border:1px solid hsla(0,0%,100%,.1)}.users-page .notification.success{background:rgba(76,175,80,.15);border-color:rgba(76,175,80,.3);color:#4caf50}.users-page .notification.error{background:rgba(244,67,54,.15);border-color:rgba(244,67,54,.3);color:#f44336}.users-page .notification-content{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.users-page .notification-content i{font-size:16px;flex-shrink:0}@media (max-width:768px){.users-page .notification{top:10px;right:10px;left:10px;max-width:none}.users-page .page-header h1{font-size:2rem}.users-page .stats-grid,.users-page .users-grid{grid-template-columns:1fr}.users-page .filter-section{flex-direction:column;align-items:stretch;gap:1rem}.users-page .refresh-btn{margin-left:0}.users-page .modal-overlay{padding:1rem}.users-page .modal-user-info{flex-direction:column;text-align:center}.users-page .detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.profile-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);color:#fff;padding:2rem 0}.profile-page .container{max-width:1200px;margin:0 auto;padding:0 2rem}.profile-page .page-header{text-align:center;margin-bottom:3rem}.profile-page .page-header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#ff4081,#1ed760);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.profile-page .page-header p{color:#b3b3b3;font-size:1.1rem;max-width:600px;margin:0 auto}.profile-page .profile-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.profile-page .profile-section{background:hsla(0,0%,100%,.05);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.profile-page .profile-section:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.3);border-color:rgba(255,64,129,.3)}.profile-page .section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.profile-page .section-header i{font-size:1.5rem;color:#ff4081}.profile-page .section-header h2{font-size:1.5rem;font-weight:600;margin:0}.profile-page .form-group{margin-bottom:1.5rem}.profile-page .form-group label{display:block;color:#e5e7eb;font-weight:500;margin-bottom:.5rem;font-size:.95rem}.profile-page .form-group input{width:100%;padding:12px 16px;background:rgba(31,41,55,.8);border:2px solid rgba(75,85,99,.5);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease}.profile-page .form-group input:focus{outline:none;border-color:#ff4081;box-shadow:0 0 0 3px rgba(255,64,129,.1)}.profile-page .form-group input:disabled{opacity:.5;cursor:not-allowed;background:rgba(31,41,55,.4)}.profile-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.profile-page .stat-item{background:hsla(0,0%,100%,.05);padding:1rem;border-radius:10px;text-align:center;border:1px solid hsla(0,0%,100%,.1)}.profile-page .stat-value{font-size:1.5rem;font-weight:700;color:#1ed760;margin-bottom:.25rem}.profile-page .stat-label{color:#b3b3b3;font-size:.9rem}.profile-page .notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:10px;margin-bottom:1rem;border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease}.profile-page .notification-item:hover{background:hsla(0,0%,100%,.08);border-color:rgba(255,64,129,.3)}.profile-page .notification-info{flex:1 1}.profile-page .notification-title{font-weight:600;color:#fff;margin-bottom:.25rem}.profile-page .notification-desc{color:#b3b3b3;font-size:.9rem}.profile-page .toggle-switch{position:relative;width:50px;height:24px;background:#374151;border-radius:12px;cursor:pointer;transition:all .3s ease}.profile-page .toggle-switch.active{background:#ff4081}.profile-page .toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s ease}.profile-page .toggle-switch.active:after{transform:translateX(26px)}.profile-page .btn-primary{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;width:100%}.profile-page .btn-primary:hover{background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.profile-page .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.profile-page .btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:2px solid hsla(0,0%,100%,.2);padding:12px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;justify-content:center;width:100%;margin-top:1rem}.profile-page .btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:#ff4081;transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.2)}.profile-page .loading-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;animation:spin 1s ease-in-out infinite}.profile-page .success-message{background:rgba(76,175,80,.15);border:1px solid rgba(76,175,80,.3);color:#4caf50;border-radius:8px}.profile-page .error-message,.profile-page .success-message{padding:12px 16px;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.profile-page .error-message{background:rgba(244,67,54,.15);border:1px solid rgba(244,67,54,.3);color:#f44336;border-radius:8px}.profile-page .full-width-section{grid-column:1/-1}@media (max-width:768px){.profile-page .container{padding:0 1rem}.profile-page .page-header h1{font-size:2rem}.profile-page .profile-content{grid-template-columns:1fr;gap:1.5rem}.profile-page .profile-section{padding:1.5rem}.profile-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.profile-page .notification-item{flex-direction:column;align-items:flex-start;gap:1rem}}.profile-page-modern{min-height:100vh;background:#0d1117;color:#fff;padding:40px;margin:0;position:relative;overflow-x:hidden}.profile-page-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:60vh;background:radial-gradient(ellipse at top,rgba(255,64,129,.1) 0,transparent 70%);pointer-events:none}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.loading-state{min-height:60vh}.loading-spinner-modern{position:relative;width:80px;height:80px;margin-bottom:2rem}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#1db954;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:.1s;border-top-color:#1ed760}.spinner-ring:nth-child(3){animation-delay:.2s;border-top-color:#1aa34a}.loading-state h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.loading-state p{color:#b3b3b3;font-size:1rem}.notification-toast{position:fixed;top:2rem;right:2rem;z-index:1000;min-width:350px;background:rgba(0,0,0,.95);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);animation:slideInRight .3s ease-out}.notification-toast.success{border-left:4px solid #1db954}.notification-toast.error{border-left:4px solid #ff6b6b}.notification-content{padding:1rem}.notification-icon{font-size:1.5rem}.notification-toast.success .notification-icon{color:#1db954}.notification-toast.error .notification-icon{color:#ff6b6b}.notification-text{flex:1 1;display:flex;flex-direction:column;gap:.25rem}.notification-title{font-weight:600;color:#fff;font-size:.9rem}.notification-message{color:#b3b3b3;font-size:.85rem}.notification-close{background:none;border:none;color:#888;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.notification-close:hover{color:#fff;background:hsla(0,0%,100%,.1)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.profile-hero{position:relative;margin-bottom:3rem;border-radius:24px;overflow:hidden}.hero-background,.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0}.hero-gradient{background:linear-gradient(135deg,rgba(255,64,129,.8),rgba(233,30,99,.6) 50%,rgba(255,79,128,.8))}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.05) 0,transparent 50%);background-size:100px 100px}.hero-content{position:relative;z-index:2;padding:3rem 2rem}.profile-avatar-section{display:flex;align-items:center;gap:2rem}.avatar-wrapper{position:relative}.avatar-ring{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;animation:pulse 2s infinite}.profile-avatar-large{width:140px;height:140px;border-radius:50%;background:linear-gradient(45deg,#fff,#f0f0f0);display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:700;color:#333;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-status{position:absolute;bottom:8px;right:8px;width:24px;height:24px;background:#1db954;border:3px solid #fff;border-radius:50%}.profile-info{flex:1 1}.profile-name{font-size:3rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.profile-name .user-id{font-size:.9rem;font-weight:600;color:#bbb;margin-left:1rem;padding:.4rem .8rem;background:hsla(0,0%,73%,.1);border:1px solid hsla(0,0%,73%,.2);border-radius:12px;text-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;vertical-align:middle}.profile-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.provider-badge,.role-badge,.verified-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.role-badge{background:hsla(0,0%,100%,.2);color:#fff}.provider-badge{background:rgba(88,101,242,.8);color:#fff}.verified-badge{background:rgba(29,185,84,.8);color:#fff}.profile-meta{display:flex;flex-wrap:wrap;gap:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:hsla(0,0%,100%,.9);font-size:.95rem}.meta-item i{color:hsla(0,0%,100%,.7)}.quick-stats{margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.stat-card{background:#1f2937;border:2px solid transparent;padding:1.5rem;gap:1rem;box-shadow:0 15px 40px rgba(0,0,0,.4);cursor:pointer;overflow:hidden}.stat-card:hover{transform:translateY(-4px);background:#2a3445;border:2px solid #ff4f80;box-shadow:0 8px 25px rgba(255,79,128,.2)}.stat-icon{width:60px;height:60px;background:linear-gradient(45deg,#ff4081,#e91e63);font-size:1.5rem;box-shadow:0 4px 15px rgba(255,64,129,.3)}.stat-label{color:#b3b3b3}.tab-navigation-modern{display:flex;background:#11161d;border-radius:16px;padding:.5rem;margin-bottom:2rem;border:2px solid transparent;box-shadow:0 15px 40px rgba(0,0,0,.4)}.tab-container{display:flex;width:100%;gap:.5rem}.tab-btn-modern{flex:1 1;padding:1rem 1.5rem;background:none;border:none;color:#9ca3af;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;border-radius:12px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;position:relative}.tab-btn-modern:hover{color:#fff;background:hsla(0,0%,100%,.05)}.tab-btn-modern.active{background:linear-gradient(45deg,#ff4081,#e91e63);color:#fff;box-shadow:0 4px 15px rgba(255,64,129,.3)}.tab-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);font-size:1.1rem;transition:all .3s ease}.tab-btn-modern.active .tab-icon{background:hsla(0,0%,100%,.2)}.tab-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.tab-title{font-weight:600;font-size:1rem}.tab-subtitle{font-size:.85rem;opacity:.8}.tab-content-modern{min-height:400px}.settings-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:2rem;gap:2rem}.settings-card-modern{background:#1f2937;border:2px solid transparent;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.4);transition:all .3s ease}.settings-card-modern:hover{transform:translateY(-2px);border:2px solid #ff4f80;box-shadow:0 8px 25px rgba(255,79,128,.2)}.card-header-modern{padding:2rem 2rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;align-items:flex-start}.header-content{display:flex;gap:1rem;flex:1 1}.header-icon{width:50px;height:50px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0;box-shadow:0 4px 15px rgba(255,64,129,.3)}.header-text h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 .5rem}.header-text p{color:#b3b3b3;font-size:.9rem;margin:0;line-height:1.4}.btn-edit-modern{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-edit-modern:hover{background:hsla(0,0%,100%,.15);transform:translateY(-1px)}.card-content-modern{padding:2rem}.form-grid{grid-gap:2rem;gap:2rem;align-items:stretch}.form-group-modern{display:flex;flex-direction:column;gap:.75rem}.form-label-modern{color:#fff;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.form-label-modern i{color:#ff4081;width:16px}.input-wrapper{position:relative}.form-input-modern{width:100%;padding:1rem;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-input-modern:focus{outline:none;border-color:#ff4081;background:hsla(0,0%,100%,.12);box-shadow:0 0 0 4px rgba(255,64,129,.1)}.form-display-modern{padding:1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.display-value{color:#fff;font-size:1rem}.display-value.monospace{font-family:Courier New,monospace;background:hsla(0,0%,100%,.1);padding:.25rem .5rem;border-radius:6px;font-size:.9rem}.status-badge{padding:.4rem .8rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.status-badge.verified{background:rgba(29,185,84,.2);color:#1db954;border:1px solid rgba(29,185,84,.3)}.status-badge.unverified{background:hsla(0,100%,71%,.2);color:#ff6b6b;border:1px solid hsla(0,100%,71%,.3)}.form-hint-modern{font-size:.85rem;color:#888;display:flex;align-items:center;gap:.5rem}.form-actions-modern{display:flex;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1)}.btn-primary-modern{background:linear-gradient(45deg,#ff4081,#e91e63);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(255,64,129,.3)}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.4)}.btn-primary-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary-modern{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary-modern:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.btn-spinner{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.password-change-form-modern{margin-top:1.5rem;padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);border-left:4px solid #ff4081}.password-change-form-modern .form-group-modern{margin-bottom:1.25rem}.password-change-form-modern .form-group-modern:last-of-type{margin-bottom:1.5rem}.password-change-form-modern label{display:block;color:#fff;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.password-change-form-modern input[type=password]{width:100%;padding:.875rem 1rem;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease;box-sizing:border-box}.password-change-form-modern input[type=password]:focus{outline:none;border-color:#ff4081;background:hsla(0,0%,100%,.12);box-shadow:0 0 0 3px rgba(255,64,129,.1)}.password-change-form-modern input[type=password]:disabled{opacity:.6;cursor:not-allowed}.password-change-form-modern input[type=password]::placeholder{color:hsla(0,0%,100%,.5)}.password-change-form-modern .form-actions-modern{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.password-change-form-modern .btn-primary-modern,.password-change-form-modern .btn-secondary-modern{padding:.75rem 1.5rem;font-size:.9rem}.password-change-form-modern .btn-primary-modern:disabled,.password-change-form-modern .btn-secondary-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.provider-note{display:inline-flex;align-items:center;gap:8px;color:#b3b3b3;font-size:14px;font-style:italic}.provider-note i{color:#5865f2}.activity-timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{gap:1rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.timeline-icon,.timeline-item{display:flex;align-items:center}.timeline-icon{width:40px;height:40px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:10px;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 15px rgba(255,64,129,.3)}.timeline-content h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.timeline-content p{color:#b3b3b3;font-size:.9rem;margin:0}.notification-settings-modern{display:flex;flex-direction:column;gap:1rem}.notification-item-modern{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;transition:all .3s ease}.notification-item-modern:hover{background:hsla(0,0%,100%,.08)}.notification-content{gap:1rem;flex:1 1}.notification-icon{width:45px;height:45px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,64,129,.3)}.notification-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.notification-info p{color:#b3b3b3;font-size:.9rem;margin:0;line-height:1.4}.toggle-switch-modern{position:relative;display:inline-block;width:60px;height:32px}.toggle-switch-modern input{opacity:0;width:0;height:0}.toggle-slider-modern{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.2);transition:.3s;border-radius:32px;border:1px solid hsla(0,0%,100%,.1)}.toggle-slider-modern:before{position:absolute;content:"";height:24px;width:24px;left:4px;bottom:3px;background:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2)}input:checked+.toggle-slider-modern{background:linear-gradient(45deg,#ff4081,#e91e63);border-color:#ff4081}input:checked+.toggle-slider-modern:before{transform:translateX(28px)}.security-info-modern{display:flex;flex-direction:column;gap:1.5rem}.security-item-modern{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px}.security-icon{width:45px;height:45px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,64,129,.3);flex-shrink:0}.security-details{flex:1 1}.security-details h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.security-value{display:flex;align-items:center;gap:.5rem}.provider-badge-modern{background:#5865f2;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.provider-badge-modern.discord{background:linear-gradient(45deg,#5865f2,#7289da)}.timestamp{color:#b3b3b3;font-size:.9rem}.privacy-actions-modern{display:flex;flex-direction:column;gap:1.5rem}.privacy-item-modern{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;transition:all .3s ease}.privacy-item-modern:hover{background:hsla(0,0%,100%,.08)}.privacy-item-modern.danger{border-color:hsla(0,100%,71%,.3);background:hsla(0,100%,71%,.05)}.privacy-content{gap:1rem;flex:1 1}.privacy-content,.privacy-icon{display:flex;align-items:center}.privacy-icon{width:45px;height:45px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:12px;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 4px 15px rgba(255,64,129,.3)}.privacy-icon.danger{background:linear-gradient(45deg,#ff6b6b,#ff5252)}.privacy-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.privacy-info p{color:#b3b3b3;font-size:.9rem;margin:0;line-height:1.4}.btn-danger-modern{background:linear-gradient(45deg,#ff6b6b,#ff5252);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-danger-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px hsla(0,100%,71%,.4)}@media (max-width:1200px){.settings-grid-modern{grid-template-columns:1fr}}@media (max-width:768px){.container{padding:0 1rem}.profile-avatar-section{flex-direction:column;text-align:center;gap:1.5rem}.profile-name{font-size:2.5rem}.profile-badges,.profile-meta{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tab-navigation-modern{flex-direction:column;gap:.5rem}.tab-button-modern{justify-content:flex-start}.notification-item-modern,.privacy-item-modern{flex-direction:column;gap:1rem;text-align:center}.form-actions-modern{flex-direction:column}.notification-toast{right:1rem;left:1rem;min-width:auto}}@media (max-width:480px){.hero-content{padding:2rem 1rem}.profile-avatar-large{width:120px;height:120px;font-size:3rem}.profile-name{font-size:2rem}.card-header-modern{padding:1.5rem 1.5rem 1rem;flex-direction:column;gap:1rem;align-items:flex-start}.card-content-modern{padding:1.5rem}}.homepage-wrapper{min-height:100vh;background:#0d1117;color:#fff;overflow-x:hidden}.homepage-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(13,17,23,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 0}.homepage-nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.homepage-nav-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff}.homepage-nav-brand i{color:#ff4081;font-size:1.8rem}.homepage-nav-menu{display:flex;align-items:center;gap:2rem}.homepage-nav-link{color:#b3b3b3;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.homepage-nav-link.active,.homepage-nav-link:hover{color:#fff}.homepage-nav-link.active:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:1px}.homepage-login-btn{background:linear-gradient(45deg,#ff4081,#e91e63);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px rgba(255,64,129,.3)}.homepage-cta-primary,.homepage-login-btn{text-decoration:none}.homepage-login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.4)}.homepage-container{max-width:1400px;margin:0 auto;padding:0 2rem}.homepage-hero{padding:120px 0 80px;position:relative;background:radial-gradient(ellipse at top,rgba(255,64,129,.1) 0,transparent 70%);overflow:hidden}.homepage-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,64,129,.05),rgba(233,30,99,.05) 25%,rgba(156,39,176,.05) 50%,rgba(103,58,183,.05) 75%,rgba(255,64,129,.05));background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite;z-index:1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.homepage-hero:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,64,129,.03) 0,transparent 70%);animation:floatingOrb 15s ease-in-out infinite;z-index:1}@keyframes floatingOrb{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-20px) rotate(120deg)}66%{transform:translate(-20px,30px) rotate(240deg)}}.homepage-hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.homepage-hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#ff4081 50%,#fff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out,textShimmer 4s ease-in-out 2s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes textShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.homepage-hero-text p{font-size:1.25rem;color:#b3b3b3;line-height:1.6;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .2s both}.homepage-hero-stats{display:flex;gap:2rem;margin-bottom:2.5rem;animation:fadeInUp 1s ease-out .4s both}.homepage-stat{text-align:center;transition:transform .3s ease}.homepage-stat:hover{transform:translateY(-5px)}.homepage-stat-number{display:block;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.25rem;background:linear-gradient(45deg,#ff4081,#e91e63,#ff4081);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.homepage-stat-label{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.homepage-hero-actions{display:flex;gap:1rem;align-items:center;animation:fadeInUp 1s ease-out .6s both}.homepage-cta-primary{background:linear-gradient(45deg,#ff4081,#e91e63);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px rgba(255,64,129,.3);position:relative;overflow:hidden}.homepage-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.homepage-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(255,64,129,.4)}.homepage-cta-primary:hover:before{left:100%}.homepage-cta-secondary{color:#b3b3b3;text-decoration:none;padding:1rem 2rem;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.homepage-cta-secondary:hover{color:#fff;border-color:hsla(0,0%,100%,.4);background:hsla(0,0%,100%,.05)}.homepage-hero-visual{display:flex;justify-content:center;align-items:center}.homepage-phone-mockup{width:300px;height:600px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative;animation:floatPhone 6s ease-in-out infinite}@keyframes floatPhone{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(1deg)}}.homepage-phone-mockup:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,#ff4081,#e91e63,#9c27b0,#673ab7);border-radius:43px;z-index:-1;opacity:.3;animation:rotateBorder 8s linear infinite}@keyframes rotateBorder{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homepage-phone-mockup:before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:60px;height:6px;background:#333;border-radius:3px}.homepage-phone-screen{width:100%;height:100%;background:#000;border-radius:30px;overflow:hidden;position:relative;animation:screenGlow 4s ease-in-out infinite}@keyframes screenGlow{0%,to{box-shadow:inset 0 0 20px rgba(255,64,129,.1)}50%{box-shadow:inset 0 0 30px rgba(255,64,129,.2)}}.homepage-spotify-interface{padding:2rem 1.5rem;height:100%;background:linear-gradient(180deg,#ff4081,#e91e63)}.homepage-spotify-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;color:#fff;font-weight:600}.homepage-spotify-header>div:first-child{display:flex;align-items:center;gap:.75rem}.homepage-spotify-header i{font-size:1.5rem}.homepage-spotify-status{background:hsla(0,0%,100%,.2);padding:.25rem .5rem;border-radius:12px;font-size:.8rem}.homepage-spotify-status i{color:gold;font-size:.9rem}.homepage-music-player{background:rgba(0,0,0,.3);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.homepage-album-art{width:120px;height:120px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:15px;margin:0 auto;box-shadow:0 8px 25px rgba(0,0,0,.3);position:relative;display:flex;align-items:center;justify-content:center;animation:albumPulse 3s ease-in-out infinite}@keyframes albumPulse{0%,to{transform:scale(1);box-shadow:0 8px 25px rgba(0,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 12px 35px rgba(255,64,129,.4)}}.homepage-album-overlay{position:absolute;inset:0;background:rgba(0,0,0,.3);border-radius:15px;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.8);font-size:2rem}.homepage-song-info{text-align:center}.homepage-song-title{color:#fff;font-weight:600;margin-bottom:.25rem}.homepage-artist{color:#b3b3b3;font-size:.9rem;margin-bottom:.25rem}.homepage-album{color:#888;font-size:.8rem}.homepage-progress{display:flex;align-items:center;gap:.75rem;margin:.5rem 0}.homepage-time{color:#b3b3b3;font-size:.75rem;min-width:30px}.homepage-progress-bar{flex:1 1;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden}.homepage-progress-fill{width:40%;height:100%;background:linear-gradient(90deg,#fff,#ff4081,#fff);background-size:200% 100%;border-radius:2px;animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.homepage-controls{display:flex;justify-content:center;gap:1rem;color:#fff;margin:.5rem 0}.homepage-controls i{font-size:1rem;cursor:pointer;transition:all .2s ease;padding:.25rem}.homepage-controls i:nth-child(3){font-size:1.5rem;background:hsla(0,0%,100%,.2);border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;line-height:1}.homepage-controls i:hover{color:#ff4081}.homepage-volume{display:flex;align-items:center;gap:.5rem;justify-content:center}.homepage-volume i{color:#b3b3b3;font-size:.9rem}.homepage-volume-bar{width:60px;height:3px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden}.homepage-volume-fill{width:70%;height:100%;background:#fff;border-radius:2px}.homepage-features{padding:80px 0;background:#0d1117}.homepage-features h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.homepage-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.homepage-feature-card{background:#11161d;border-radius:16px;padding:30px;text-align:center;transition:all .3s ease;box-shadow:0 15px 40px rgba(0,0,0,.4);border:2px solid transparent}.homepage-feature-card:hover{transform:translateY(-5px);border-color:#ff4f80;background:#1f2937}.homepage-feature-icon{width:80px;height:80px;background:linear-gradient(45deg,#ff4081,#e91e63);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#fff;box-shadow:0 8px 25px rgba(255,64,129,.3)}.homepage-feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.homepage-feature-card p{color:#9ca3af;line-height:1.6}.homepage-status{padding:80px 0;background:#0d1117}.homepage-status h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#fff}.homepage-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:30px;gap:30px}.homepage-status-card{background:#11161d;border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:0 15px 40px rgba(0,0,0,.4);border:2px solid transparent}.homepage-status-card:hover{transform:translateY(-2px);border-color:#ff4f80;background:#1f2937}.homepage-status-header{padding:20px 30px;display:flex;align-items:center;justify-content:space-between}.homepage-status-header h3{color:#fff;font-weight:600;margin:0;font-size:1.25rem}.homepage-status-indicator{width:12px;height:12px;border-radius:50%;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,.5);animation:pulse 2s infinite}.homepage-status-content{padding:30px}.homepage-queue-item,.homepage-stock-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#f0f0f0}.homepage-queue-item:last-child,.homepage-stock-item:last-child{border-bottom:none}.homepage-queue-count,.homepage-stock-count{font-weight:600;color:#10b981}.homepage-avg-wait{margin-top:1rem;padding-top:1rem;text-align:center;border-top:1px solid rgba(156,163,175,.1)}.homepage-avg-wait small{color:#9ca3af}.homepage-footer{background:#0d1117;border-top:1px solid rgba(156,163,175,.1);padding:3rem 0 2rem}.homepage-footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.homepage-footer-brand{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#fff}.homepage-footer-brand i{color:#ff4081;font-size:1.5rem}.homepage-footer-links{display:flex;gap:2rem}.homepage-footer-links a{color:#9ca3af;text-decoration:none;transition:color .3s ease}.homepage-footer-links a:hover{color:#fff}.homepage-footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(156,163,175,.1)}.homepage-footer-bottom p{color:#888;margin:0}@media (max-width:1200px){.homepage-hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.homepage-hero-text h1{font-size:3rem}}@media (max-width:768px){.homepage-nav-container{padding:0 1rem}.homepage-nav-menu{gap:1rem}.homepage-nav-link{display:none}.homepage-hero{padding:100px 0 60px}.homepage-container{padding:0 1rem}.homepage-hero-text h1{font-size:2.5rem}.homepage-hero-stats{justify-content:center}.homepage-hero-actions{flex-direction:column;align-items:stretch}.homepage-phone-mockup{width:250px;height:500px}.homepage-features h2,.homepage-status h2{font-size:2rem}.homepage-status-grid{grid-template-columns:1fr}.homepage-footer-content{flex-direction:column;gap:1.5rem;text-align:center}.homepage-footer-links{gap:1rem}}@media (max-width:480px){.homepage-hero-text h1{font-size:2rem}.homepage-hero-text p{font-size:1.1rem}.homepage-hero-stats{flex-direction:column;gap:1rem}.homepage-phone-mockup{width:200px;height:400px}.homepage-features-grid,.homepage-status-grid{grid-template-columns:1fr}}.auth-button{background:linear-gradient(135deg,#ff4081,#e91e63);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;transition:all .3s ease;box-shadow:0 4px 15px rgba(255,64,129,.2)}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#e91e63,#c2185b);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,64,129,.3)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button i{font-size:1.2rem}.password-error{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:13px;color:#fca5a5}.password-error i{color:#ef4444;font-size:14px}.link-button{background:none;border:none;color:#ff4081;text-decoration:none;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:inherit;padding:0;font-family:inherit}.link-button:hover{color:#e91e63;text-decoration:underline}.support-card-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px}.support-card-header i{font-size:1.5rem;color:#ff4081;width:24px;text-align:center}.support-card-title{font-size:1.3rem;font-weight:600;color:#fff;margin:0}.support-links{display:flex;flex-direction:column;gap:15px;flex:1 1}.support-link{display:flex;align-items:center;gap:15px;padding:18px;background:hsla(0,0%,100%,.03);border:1px solid rgba(156,163,175,.15);border-radius:10px;text-decoration:none;color:#e1e5e9;transition:all .3s ease;position:relative;overflow:hidden}.support-link:hover{background:hsla(0,0%,100%,.08);border-color:#ff4081;transform:translateY(-1px);box-shadow:0 6px 20px rgba(255,64,129,.15)}.support-link i{font-size:1.3rem;color:#ff4081;width:20px;text-align:center;flex-shrink:0}.support-link-content{flex:1 1;min-width:0}.support-link-content h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:#fff;line-height:1.3}.support-link-content p{margin:0;font-size:.85rem;color:#9ca3af;line-height:1.4}.discord-support-content{display:flex;flex-direction:column;gap:25px;flex:1 1}.discord-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;padding:15px 0 20px;margin-bottom:5px}.feature-item{display:flex;align-items:center;gap:10px;padding:12px 15px;background:hsla(0,0%,100%,.03);border:1px solid rgba(156,163,175,.1);border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.feature-item:hover{background:hsla(0,0%,100%,.06);border-color:rgba(16,185,129,.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.1)}.feature-item i{color:#10b981;font-size:1rem;width:16px;text-align:center;flex-shrink:0}.feature-item span{color:#e1e5e9;font-weight:500;font-size:.85rem;line-height:1.3}.feature-item:nth-child(3){grid-column:1/-1;justify-self:center;max-width:200px}.system-status-card .support-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.overall-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#10b981;font-weight:500}.overall-status .status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.4);animation:pulse-green 2s infinite}.system-status-grid{display:grid;grid-gap:16px;gap:16px}.status-service{display:flex;align-items:center;justify-content:space-between;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid rgba(156,163,175,.08);border-radius:12px;transition:all .3s ease}.status-service:hover{background:hsla(0,0%,100%,.04);border-color:rgba(156,163,175,.12);transform:translateY(-1px)}.service-info{gap:12px}.service-icon,.service-info{display:flex;align-items:center}.service-icon{width:40px;height:40px;background:rgba(99,102,241,.1);border-radius:10px;justify-content:center;color:#6366f1;font-size:1.1rem}.service-details h4{color:#e1e5e9;font-size:.95rem;font-weight:600;margin:0 0 2px}.service-details p{color:#9ca3af;font-size:.8rem;margin:0}.service-status{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500}.service-status.operational{color:#10b981}.service-status .status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px rgba(16,185,129,.4);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{box-shadow:0 0 6px rgba(16,185,129,.4)}50%{box-shadow:0 0 10px rgba(16,185,129,.6)}to{box-shadow:0 0 6px rgba(16,185,129,.4)}}@media (max-width:768px){.system-status-card .support-card-header{flex-direction:column;align-items:flex-start;gap:10px}.status-service{padding:12px}.service-icon{width:36px;height:36px;font-size:1rem}}.discord-info{margin-bottom:20px}.discord-info p{color:#9ca3af;line-height:1.6;margin-bottom:25px;font-size:1.05rem;text-align:center}.discord-join-btn{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border:none;padding:16px 30px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;width:100%;box-shadow:0 4px 15px rgba(88,101,242,.2);position:relative;overflow:hidden}.discord-join-btn:hover{background:linear-gradient(135deg,#4752c4,#3c4aa0);transform:translateY(-2px);box-shadow:0 8px 25px rgba(88,101,242,.4)}.discord-join-btn:active{transform:translateY(0)}.discord-join-btn i{font-size:1.1rem}.status-icon{margin-right:12px;font-size:18px;width:24px;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;text-shadow:0 0 4px hsla(0,0%,100%,.2);filter:drop-shadow(0 0 2px rgba(255,255,255,.1))}.status-label{display:flex;align-items:center;font-weight:500}.status-item:first-child .status-icon{color:#00d4ff}.status-item:nth-child(2) .status-icon{color:#ff6b35}.status-item:nth-child(3) .status-icon{color:#7c3aed}.status-item:nth-child(4) .status-icon{color:#10b981}.status-item:hover .status-icon{transform:scale(1.1) rotate(5deg);text-shadow:0 0 12px currentColor;filter:drop-shadow(0 0 8px currentColor) brightness(1.2)}.card-header,.card-title{display:flex;align-items:center;gap:12px}.card-title{margin:0}.help-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(251,191,36,.3);transition:all .3s ease;flex-shrink:0}.help-icon i{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.discord-icon{background:linear-gradient(135deg,#5865f2,#4752c4);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(88,101,242,.3);transition:all .3s ease;flex-shrink:0}.discord-icon i{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.section-icon i{transition:all .3s ease}.card-header:hover .help-icon{transform:scale(1.05);box-shadow:0 6px 20px rgba(251,191,36,.4)}.card-header:hover .discord-icon{transform:scale(1.05);box-shadow:0 6px 20px rgba(88,101,242,.4)}.admin-actions{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.admin-actions .action-btn{background:#1f2937;border:2px solid transparent;color:#f0f0f0;padding:12px 20px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);position:relative;overflow:hidden}.admin-actions .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:#ff4f80}.admin-actions .action-btn.active{background:linear-gradient(135deg,#ff4f80,#ff6b9d);color:#fff;border-color:#ff4f80}.admin-actions .action-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444}.admin-actions .action-btn.danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.icon-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.icon-circle.icon-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.icon-circle.icon-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.icon-circle.icon-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.icon-circle.icon-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.icon-circle.icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.section-icon{margin-right:12px;color:#ff4f80;font-size:1.1rem}.admin-forms-container{display:block;margin-bottom:30px}.admin-form{background:linear-gradient(135deg,#11161d,#1a202c);border:2px solid transparent;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.5);overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;margin-bottom:30px}.admin-form:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,79,128,.3),transparent);opacity:0;transition:opacity .3s ease}.admin-form:hover{border-color:rgba(255,79,128,.3);transform:translateY(-2px);box-shadow:0 25px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,79,128,.1),0 0 30px rgba(255,79,128,.1)}.admin-form:hover:before{opacity:1}.form-header{padding:40px 28px 24px;position:relative}.form-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 12px;display:flex;align-items:center;letter-spacing:-.02em}.warning-message{display:flex;align-items:center;gap:10px;color:#f59e0b;font-size:.9rem;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,.08));padding:12px 16px;border-radius:12px;border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-weight:500;margin:30px 0 0}.form-grid{grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px;padding:10px 28px 20px}.form-section h4{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:18px;padding-bottom:10px;position:relative;letter-spacing:-.01em}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:10px;letter-spacing:.01em}.form-group .action-btn,.form-group label{color:#fff;font-weight:600;font-size:.95rem}.form-group .action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;padding:14px 28px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;height:52px;min-height:52px}.form-group .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.form-group .action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.form-group .action-btn:hover:before{left:100%}.form-group .action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group .action-btn:disabled:hover{transform:none;box-shadow:0 4px 15px rgba(59,130,246,.2)}.form-group .action-btn .icon-circle{background:transparent!important;color:#fff}.form-textarea{width:100%;background:linear-gradient(135deg,#1f2937,#1a202c);border:2px solid rgba(148,163,184,.1);color:#f0f0f0;padding:14px 18px;border-radius:12px;font-size:.9rem;font-family:Courier New,monospace;resize:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.form-textarea:focus{outline:none;border-color:#ff4f80;background:linear-gradient(135deg,#2a3445,#1f2937);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(255,79,128,.1);transform:translateY(-1px)}.form-select{width:100%;background:linear-gradient(135deg,#1f2937,#1a202c);border:2px solid rgba(148,163,184,.1);color:#f0f0f0;padding:14px 18px;border-radius:12px;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.form-select:focus{outline:none;border-color:#ff4f80;background:linear-gradient(135deg,#2a3445,#1f2937);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(255,79,128,.1);transform:translateY(-1px)}.form-select option{background:#1f2937;color:#f0f0f0;padding:10px}.form-input{width:100%;background:linear-gradient(135deg,#1f2937,#1a202c);border:2px solid rgba(148,163,184,.1);color:#f0f0f0;padding:14px 18px;border-radius:12px;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.form-input:focus{outline:none;border-color:#ff4f80;background:linear-gradient(135deg,#2a3445,#1f2937);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 0 3px rgba(255,79,128,.1);transform:translateY(-1px)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.key-counter{display:flex;align-items:center;gap:8px;margin-top:8px;color:#10b981;font-size:.85rem;font-weight:500}.form-actions{padding:24px 28px;background:linear-gradient(135deg,#1a1f26,#151a20);border-top:1px solid rgba(255,79,128,.15);display:flex;justify-content:flex-end;gap:16px;position:relative}.form-actions:before{content:"";position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,79,128,.2),transparent)}.form-actions .action-btn{background:linear-gradient(135deg,#ff4f80,#ff6b9d);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(255,79,128,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.form-actions .action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.form-actions .action-btn:hover{background:linear-gradient(135deg,#ff6b9d,#ff8fb3);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,79,128,.4)}.form-actions .action-btn:hover:before{left:100%}.result-summary{background:#1f2937;border:2px solid rgba(16,185,129,.3);border-radius:12px;padding:20px;margin-top:20px}.result-item{display:flex;align-items:center;gap:8px;color:#10b981;font-weight:500;margin-bottom:8px}.result-item:last-child{margin-bottom:0}.result-item.warning{color:#f59e0b}.result-item.error{color:#ef4444}.generated-keys-section{margin-top:15px}.generated-keys-section textarea{background:#0f1419;border:2px solid rgba(16,185,129,.3);color:#10b981;font-family:Courier New,monospace;font-size:.85rem}.checkbox-column{width:50px;text-align:center}.checkbox-column input[type=checkbox]{width:16px;height:16px;accent-color:#ff4f80}.account-stock-page .history-table td:first-child,.account-stock-page .history-table th:first-child{width:60px!important;text-align:center}.account-stock-page .history-table td:nth-child(2),.account-stock-page .history-table th:nth-child(2){width:280px!important;min-width:280px}.account-stock-page .history-table td:nth-child(3),.account-stock-page .history-table th:nth-child(3){width:200px!important;min-width:200px}.account-stock-page .history-table td:nth-child(4),.account-stock-page .history-table th:nth-child(4){width:220px!important;min-width:220px}.account-stock-page .history-table td:nth-child(5),.account-stock-page .history-table th:nth-child(5){width:130px!important}.account-stock-page .history-table td:nth-child(6),.account-stock-page .history-table th:nth-child(6){width:120px!important}.account-stock-page .history-table td:nth-child(7),.account-stock-page .history-table th:nth-child(7){width:160px!important}.account-stock-page .history-table td:nth-child(8),.account-stock-page .history-table th:nth-child(8){width:100px!important;text-align:center}.key-column{min-width:200px}.key-text{font-size:.85rem;display:block;width:100%;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge.unused{background:rgba(156,163,175,.1);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.status-badge.inqueue{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.complete,.status-badge.completed{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.duration-badge,.type-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.3);min-width:70px}.key-stock-page .history-table td:first-child,.key-stock-page .history-table th:first-child{width:50px;text-align:center}.key-stock-page .history-table td:nth-child(2),.key-stock-page .history-table th:nth-child(2){width:280px}.key-stock-page .history-table td:nth-child(3),.key-stock-page .history-table th:nth-child(3){width:140px}.key-stock-page .history-table td:nth-child(4),.key-stock-page .history-table th:nth-child(4){width:100px}.key-stock-page .history-table td:nth-child(5),.key-stock-page .history-table th:nth-child(5){width:110px}.key-stock-page .history-table td:nth-child(6),.key-stock-page .history-table th:nth-child(6){width:150px}.key-stock-page .history-table td:nth-child(7),.key-stock-page .history-table th:nth-child(7){width:170px}.key-stock-page .key-text{font-family:Courier New,monospace;font-size:.85rem;color:#00d4ff;background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(59,130,246,.1));padding:6px 10px;border-radius:6px;border:1px solid rgba(0,212,255,.3);display:block;width:100%;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 2px 8px rgba(0,212,255,.1);transition:all .2s ease}.key-stock-page .key-text:hover{background:linear-gradient(135deg,rgba(0,212,255,.15),rgba(59,130,246,.15));border-color:rgba(0,212,255,.4);box-shadow:0 4px 12px rgba(0,212,255,.15);transform:translateY(-1px)}.key-stock-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:none}.key-stock-page .status-badge.unused{background:rgba(156,163,175,.1);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.key-stock-page .status-badge.inqueue{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.key-stock-page .status-badge.complete,.key-stock-page .status-badge.completed{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.3)}.key-stock-page .user-column{min-width:150px;max-width:150px}.key-stock-page .user-id{display:inline-flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.8rem;color:#10b981;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-stock-page .date-column{min-width:170px;max-width:170px}.key-stock-page .date-text{display:inline-flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.85rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-stock-page .id-column{text-align:center}.account-stock-page .id-text{font-weight:600;color:#fff;font-size:.9rem}.account-stock-page .email-column{min-width:280px}.account-stock-page .email-text{padding:4px 8px}.account-stock-page .password-column{min-width:200px}.account-stock-page .password-text{padding:4px 8px;max-width:170px}.account-stock-page .webmail-column{min-width:200px}.account-stock-page .webmail-link{font-family:Courier New,monospace;font-size:.85rem;color:#f59e0b;background:rgba(245,158,11,.1);padding:4px 8px;border-radius:6px;border:1px solid rgba(245,158,11,.2);display:block;width:100%;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:all .2s ease}.account-stock-page .webmail-link:hover{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.4);color:#d97706}.account-stock-page .webmail-link i{margin-right:6px;font-size:.75rem}.account-stock-page .no-webmail{color:#6b7280;font-style:italic}.account-stock-page .status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.3px;border:1px solid;transition:all .2s ease}.account-stock-page .status-badge i{font-size:.9rem}.account-stock-page .status-badge.available{background:rgba(6,182,212,.15);color:#06b6d4;border-color:rgba(6,182,212,.3);box-shadow:0 2px 8px rgba(6,182,212,.1)}.account-stock-page .status-badge.assigned{background:rgba(168,85,247,.15);color:#a855f7;border-color:rgba(168,85,247,.3);box-shadow:0 2px 8px rgba(168,85,247,.1)}.account-stock-page .status-badge.expired{background:rgba(251,146,60,.15);color:#fb923c;border-color:rgba(251,146,60,.3);box-shadow:0 2px 8px rgba(251,146,60,.1)}.account-stock-page .sensitive-data-container{position:relative;width:100%}.account-stock-page .email-text{color:#3b82f6;background:rgba(59,130,246,.1);padding:6px 42px 6px 8px;border-radius:6px;border:1px solid rgba(59,130,246,.2);max-width:270px}.account-stock-page .email-text,.account-stock-page .password-text{font-family:Courier New,monospace;font-size:.85rem;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.account-stock-page .password-text{color:#10b981;background:rgba(16,185,129,.1);padding:6px 34px 6px 8px;border-radius:6px;border:1px solid rgba(16,185,129,.2);max-width:190px}.account-stock-page .visibility-toggle{position:absolute;right:18px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:.75rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;z-index:2}.account-stock-page .visibility-toggle:hover{color:#ff4f80;background:rgba(255,79,128,.1)}.account-stock-page .sensitive-data-container:has(.email-text) .visibility-toggle{right:25px}.user-column{min-width:120px}.user-id{display:inline-flex;align-items:center;gap:.5rem;font-family:Courier New,monospace;font-size:.8rem;color:#10b981;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-user{color:#6b7280;font-style:italic}.date-column{min-width:140px}.date-text{display:inline-flex;gap:.5rem;color:#9ca3af;font-size:.85rem}.history-pagination{justify-content:space-between;padding:20px 25px;background:#11161d;border:2px solid transparent;border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.4)}.pagination-btn{background:#1f2937;border:2px solid transparent;color:#f0f0f0;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.pagination-btn:hover:not(:disabled){border-color:#ff4f80;background:#2a3445;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#9ca3af;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:4px}.pagination-info input[type=number]{background:#1f2937;border:2px solid #404040;border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;text-align:center;padding:4px 6px;width:60px;margin:0 4px;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);height:32px}.pagination-info input[type=number]:focus{outline:none;border-color:#ff4081;background:#2a3445;box-shadow:0 0 0 3px rgba(255,64,129,.1)}.pagination-info input[type=number]:hover{border-color:#ff4f80;background:#2a3445}.pagination-info input[type=number]::-webkit-inner-spin-button,.pagination-info input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.pagination-info input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}#generateAmount{position:relative;padding-right:8px!important;transition:padding-right .2s ease}.amount-input-wrapper{position:relative;display:inline-block;width:100%}.amount-input-wrapper:hover #generateAmount{padding-right:25px!important}.amount-spinner{position:absolute;right:2px;top:2px;bottom:2px;display:flex;flex-direction:column;width:20px;border-radius:0 6px 6px 0;overflow:hidden;opacity:0;visibility:hidden;transform:translateX(5px);transition:all .2s ease}.amount-input-wrapper:hover .amount-spinner{opacity:1;visibility:visible;transform:translateX(0)}.amount-spinner-btn{background:linear-gradient(135deg,#ff4f80,#ff6b9d);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease;height:50%;border-radius:0;font-weight:700}.amount-spinner-btn:hover{background:linear-gradient(135deg,#ff6b9d,#ff8bb3);transform:scale(1.05)}.amount-spinner-btn:active{background:linear-gradient(135deg,#e63d6f,#ff4f80);transform:scale(.95)}.amount-spinner-btn:first-child{border-bottom:1px solid hsla(0,0%,100%,.2)}#generateAmount::-webkit-inner-spin-button,#generateAmount::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}#generateAmount[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pagination-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(17,22,29,.8);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px}.pagination-loading-overlay .loading-spinner{width:32px;height:32px;border:3px solid rgba(255,79,128,.3);border-top-color:#ff4f80;border-radius:50%;animation:spin 1s linear infinite}.notification{background:#11161d;border:2px solid;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 8px 25px rgba(0,0,0,.3)}.notification.success{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05))}.notification.error{border-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(239,68,68,.05))}.notification-content{display:flex;align-items:center;gap:12px;font-weight:500}.notification.success .notification-content{color:#10b981}.notification.error .notification-content{color:#ef4444}.control-panel{background:#11161d;border:2px solid transparent;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 20px 50px rgba(0,0,0,.5);background:linear-gradient(135deg,#11161d,#1a202c)}.control-panel-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(255,79,128,.2)}.control-panel-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff4f80,#ff6b9d);border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 8px 25px rgba(255,79,128,.3)}.control-panel-title{color:#f0f0f0;font-size:1.8rem;font-weight:700;margin:0}.control-panel-subtitle{color:#9ca3af;font-size:1rem;margin:0;font-weight:400}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{background:rgba(31,41,55,.8);border:2px solid rgba(75,85,99,.3);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.stat-card:hover{transform:translateY(-2px)}.stat-card.primary{border-color:rgba(255,79,128,.3)}.stat-card.primary:hover{border-color:#ff4f80;box-shadow:0 15px 40px rgba(255,79,128,.2)}.stat-card.success{border-color:rgba(34,197,94,.3)}.stat-card.success:hover{border-color:#22c55e;box-shadow:0 15px 40px rgba(34,197,94,.2)}.stat-card.warning{border-color:rgba(245,158,11,.3)}.stat-card.warning:hover{border-color:#f59e0b;box-shadow:0 15px 40px rgba(245,158,11,.2)}.stat-card.info{border-color:rgba(59,130,246,.3)}.stat-card.info:hover{border-color:#3b82f6;box-shadow:0 15px 40px rgba(59,130,246,.2)}.stat-card.purple{border-color:rgba(139,92,246,.3)}.stat-card.purple:hover{border-color:#8b5cf6;box-shadow:0 15px 40px rgba(139,92,246,.2)}.stat-card.cyan{border-color:rgba(6,182,212,.3)}.stat-card.cyan:hover{border-color:#06b6d4;box-shadow:0 15px 40px rgba(6,182,212,.2)}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;box-shadow:0 8px 20px hsla(220,9%,46%,.3)}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#ff4f80,#ff6b9d);box-shadow:0 8px 20px rgba(255,79,128,.3)}.stat-card.success .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 20px rgba(34,197,94,.3)}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 20px rgba(245,158,11,.3)}.stat-card.info .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px rgba(59,130,246,.3)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 20px rgba(139,92,246,.3)}.stat-card.cyan .stat-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 8px 20px rgba(6,182,212,.3)}.stat-content{flex:1 1}.stat-number{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.5rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background-color:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6)}.status-dot.offline{background-color:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.6)}.status-dot.idle{background-color:#3b82f6;box-shadow:0 0 6px rgba(59,130,246,.6)}.status-dot-corner{position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;z-index:10;animation:pulse 2s infinite}.status-dot-corner.online{background-color:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.8),0 0 16px rgba(34,197,94,.4)}.status-dot-corner.offline{background-color:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.8),0 0 16px rgba(239,68,68,.4)}.status-dot-corner.idle{background-color:#3b82f6;box-shadow:0 0 8px rgba(59,130,246,.8),0 0 16px rgba(59,130,246,.4)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.stat-label{color:#9ca3af;font-size:.9rem;font-weight:500;margin:5px 0 0}.overview-card{background:rgba(31,41,55,.8);border:2px solid rgba(255,79,128,.2);border-radius:16px;padding:20px;display:flex;align-items:center;gap:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overview-card:hover{border-color:#ff4f80;transform:translateY(-2px);box-shadow:0 15px 40px rgba(255,79,128,.2)}.overview-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff4f80,#ff6b9d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;box-shadow:0 8px 20px rgba(255,79,128,.3)}.overview-content{flex:1 1}.overview-number{font-size:2rem;font-weight:700;color:#f0f0f0;margin:0;line-height:1}.overview-label{color:#9ca3af;font-size:.9rem;font-weight:500;margin:5px 0 0}.control-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px;gap:25px}.control-section{background:rgba(31,41,55,.6);border:none;border-radius:16px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.control-section:hover{background:rgba(31,41,55,.8)}.section-header{gap:12px;margin-bottom:20px;padding-bottom:15px}.section-header,.section-icon{display:flex;align-items:center}.section-icon{width:35px;height:35px;background:linear-gradient(135deg,#ff4f80,#ff6b9d);border-radius:10px;justify-content:center;color:#fff;font-size:1rem;box-shadow:0 5px 15px rgba(255,79,128,.3)}.section-title{color:#f0f0f0;font-size:1.2rem;font-weight:600;margin:0}.filter-grid{display:grid;grid-template-columns:1fr;grid-gap:15px;gap:15px}.filter-grid.horizontal{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{color:#d1d5db;font-size:.9rem;font-weight:500;margin:0}.filter-select{background:rgba(17,22,29,.8);border:2px solid #4b5563;border-radius:10px;color:#f0f0f0;padding:12px 15px;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.filter-select:focus{outline:none;border-color:#ff4f80;box-shadow:0 0 0 3px rgba(255,79,128,.1)}.filter-select option{background:#11161d;color:#f0f0f0}.filter-select::placeholder{color:#9ca3af;opacity:.8}.action-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.action-btn-enhanced{position:relative;background:rgba(30,41,59,.8);border:1px solid rgba(148,163,184,.15);border-radius:10px;color:#e2e8f0;padding:12px 18px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.1);white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.action-btn-enhanced:hover{border-color:rgba(148,163,184,.3);background:rgba(51,65,85,.9);transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.action-btn-enhanced.primary{background:rgba(34,197,94,.85);border-color:rgba(34,197,94,.2);color:#fff}.action-btn-enhanced.primary:hover{background:rgba(21,128,61,.9);border-color:rgba(34,197,94,.4);box-shadow:0 4px 16px rgba(34,197,94,.2)}.action-btn-enhanced.danger{background:rgba(239,68,68,.85);border-color:rgba(239,68,68,.2);color:#fff}.action-btn-enhanced.danger:hover{background:rgba(185,28,28,.9);border-color:rgba(239,68,68,.4);box-shadow:0 4px 16px rgba(239,68,68,.2)}.action-btn-enhanced:disabled{opacity:.5;cursor:not-allowed;transform:none;background:rgba(71,85,105,.4)}.action-btn-enhanced:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.action-btn-enhanced.active{background:rgba(255,79,128,.85);border-color:rgba(255,79,128,.3);color:#fff;box-shadow:0 3px 12px rgba(255,79,128,.2)}.action-btn-enhanced.active:hover{background:rgba(255,107,157,.9);border-color:rgba(255,79,128,.4);box-shadow:0 4px 16px rgba(255,79,128,.25)}.action-icon{font-size:1rem;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.action-btn-enhanced:hover .action-icon{transform:scale(1.05)}.action-btn-enhanced span{font-weight:500;letter-spacing:.01em}.action-btn-enhanced.uniform-btn{min-width:180px;max-width:240px;height:48px;min-height:48px;padding:12px 16px;font-size:.85rem;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.action-btn-enhanced.uniform-btn .action-icon{flex-shrink:0;margin-right:6px}.action-btn-enhanced.uniform-btn span{flex:1 1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1024px){.control-sections{grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:1200px){.form-grid{gap:24px;padding:24px}}@media (max-width:768px){.admin-form{border-radius:16px}.form-header{padding:20px 24px}.form-header h3{font-size:1.25rem}.form-grid{gap:20px;padding:20px}.form-grid,.form-row{grid-template-columns:1fr}.form-row{gap:16px}.form-actions{padding:20px 24px;flex-direction:column;gap:12px}.form-actions .action-btn{justify-content:center;padding:16px 24px}.admin-actions{flex-direction:column}.admin-actions .action-btn{justify-content:center}.history-pagination{flex-direction:column;gap:15px}.control-panel{padding:20px}.control-panel-title{font-size:1.5rem}.stats-overview{grid-template-columns:1fr}.overview-card{padding:15px}.overview-number{font-size:1.5rem}.filter-grid.horizontal{grid-template-columns:1fr;gap:15px}.action-grid{flex-direction:column;gap:10px;margin-top:12px}.action-btn-enhanced{padding:14px 16px;font-size:.85rem;justify-content:center}.action-btn-enhanced.uniform-btn{min-width:120px;max-width:100%;height:44px;min-height:44px;padding:12px 14px;font-size:.8rem}.action-icon{width:14px;height:14px;font-size:.9rem}}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:6px;border:1px solid hsla(0,0%,100%,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,64,129,.6),rgba(233,30,99,.6));border-radius:6px;border:2px solid hsla(0,0%,100%,.05);-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,64,129,.8),rgba(233,30,99,.8));border-color:hsla(0,0%,100%,.1);transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#ff4081,#e91e63)}::-webkit-scrollbar-corner{background:hsla(0,0%,100%,.05)}*{scrollbar-width:thin;scrollbar-color:rgba(255,64,129,.6) hsla(0,0%,100%,.05)}.form-textarea::-webkit-scrollbar,.scrollable-content::-webkit-scrollbar,textarea::-webkit-scrollbar{width:8px;height:8px}.form-textarea::-webkit-scrollbar-track,.scrollable-content::-webkit-scrollbar-track,textarea::-webkit-scrollbar-track{background:hsla(0,0%,100%,.08);border-radius:4px;margin:2px}.form-textarea::-webkit-scrollbar-thumb,.scrollable-content::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(255,64,129,.7),rgba(233,30,99,.7));border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.form-textarea::-webkit-scrollbar-thumb:hover,.scrollable-content::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(255,64,129,.9),rgba(233,30,99,.9))}.form-section.full-width{grid-column:1/-1}.form-help{font-size:.85rem;color:#9ca3af;margin-top:6px;font-style:italic}.error-list{margin:8px 0 0;padding-left:20px;list-style-type:disc}.error-list li{margin-bottom:4px;color:inherit}.result-item.info{color:#3b82f6}.result-item.success{color:#10b981}.action-btn,.action-buttons{align-items:center}.action-btn{background:hsla(0,0%,100%,.08);border:0 solid hsla(0,0%,100%,.15);border-radius:8px;padding:8px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;width:34px;height:34px;font-size:14px;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.action-btn:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.action-btn:active{transform:translateY(0)}.action-btn.view-btn:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:#60a5fa;box-shadow:0 4px 12px rgba(59,130,246,.2)}.action-btn.download-btn:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#4ade80;box-shadow:0 4px 12px rgba(34,197,94,.2)}.account-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modalFadeIn .3s ease-out}.account-details-card{background:linear-gradient(135deg,#11161d,#1a202c);border-radius:20px;padding:0;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.account-details-header{padding:20px 20px 16px;display:flex;align-items:center;justify-content:space-between}.account-details-header h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.account-details-header h3 i{color:#60a5fa;font-size:1rem}.account-details-header .close-btn{background:hsla(0,0%,100%,.08);border:0;border-radius:6px;padding:6px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:12px}.account-details-header .close-btn:hover{background:rgba(239,68,68,.15);color:#ef4444;transform:scale(1.05)}.account-details-content{padding:20px;max-height:calc(85vh - 140px);overflow-y:auto}.account-info-section{margin:0}.account-info-grid{display:grid;grid-gap:12px;gap:12px}.account-info-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:14px;transition:all .2s ease}.account-info-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.account-info-label{color:#94a3b8;font-size:.8rem;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.account-info-value{color:#fff;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:Segoe UI,system-ui,sans-serif}.account-info-value span{flex:1 1;word-break:break-all;line-height:1.3}.account-info-value .copy-btn{background:hsla(0,0%,100%,.08);border:0;border-radius:4px;padding:4px 6px;color:hsla(0,0%,100%,.6);cursor:pointer;transition:all .2s ease;font-size:11px;flex-shrink:0;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.account-info-value .copy-btn:hover{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:#60a5fa;transform:scale(1.05)}.account-info-value .webmail-link{color:#fbbf24;text-decoration:none;font-size:.85rem;word-break:break-all;transition:color .2s ease}.account-info-value .webmail-link:hover{color:#f59e0b}.account-details-actions{padding:16px 20px;gap:10px}.account-details-actions .action-btn{padding:12px 24px;border-radius:6px;font-size:.9rem}.account-info-value .type-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.account-info-value .type-badge i{font-size:.75rem}.account-details-actions{margin-top:20px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.08);display:flex;gap:12px;justify-content:flex-end}.account-details-actions .close-action-btn{background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}.account-details-actions .close-action-btn:hover{background:hsla(0,0%,100%,.12);color:#fff;transform:translateY(-1px)}.account-details-actions .download-action-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-weight:600}.account-details-actions .download-action-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.upgrade-details-section{margin-bottom:24px}.upgrade-details-grid{display:flex;flex-direction:column;gap:12px}.upgrade-detail-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.upgrade-detail-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:10px 12px;transition:all .2s ease}.upgrade-detail-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.12)}.upgrade-detail-label{color:#94a3b8;font-size:.7rem;font-weight:500;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.upgrade-detail-value{color:#fff;font-size:.8rem;font-weight:500;line-height:1.3;font-family:Segoe UI,system-ui,sans-serif}.status-badge-modal{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge-modal.available{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge-modal.assigned{background:rgba(249,115,22,.2);color:#f97316;border:1px solid rgba(249,115,22,.3)}.status-badge-modal.processing{background:rgba(59,130,246,.2);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.account-info-section h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.1)}.account-info-section h4 i{color:#60a5fa;font-size:.9rem}.account-details-card{max-width:520px}@media (max-width:768px){.account-details-modal{padding:10px}.account-details-card{max-width:100%;border-radius:12px}.account-details-header{padding:20px 20px 0}.account-details-content{padding:0 20px 20px}.account-details-actions{padding:16px 20px;flex-direction:column}.action-buttons{gap:6px}.action-btn-icon{width:28px;height:28px;font-size:12px}.upgrade-detail-row{grid-template-columns:1fr}.upgrade-detail-item{padding:8px 10px}.upgrade-detail-label{font-size:.65rem}.upgrade-detail-value{font-size:.75rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;gap:20px}.loading-spinner{color:#ff4081;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.1rem;font-weight:500;color:#d1d5db}.error-message{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-weight:500;margin-bottom:20px}.error-message i{font-size:1.2rem}.retry-btn{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.4);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.retry-btn:hover{background:rgba(239,68,68,.3);border-color:rgba(239,68,68,.5);transform:translateY(-1px)}.no-data{text-align:center;padding:0}.no-data-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280;gap:15px}.no-data-content i{font-size:3rem;color:#4b5563;margin-bottom:10px}.no-data-content p{font-size:1.2rem;font-weight:600;color:#9ca3af;margin:0}.no-data-content small{font-size:.9rem;color:#6b7280;margin:0}.total-items{font-size:.85rem;color:#9ca3af;margin-left:8px;font-weight:400}.history-table{table-layout:fixed;width:100%}.history-table td:first-child,.history-table th:first-child{width:15%;min-width:140px}.history-table td:nth-child(2),.history-table th:nth-child(2){width:22%;min-width:200px}.history-table td:nth-child(3),.history-table th:nth-child(3){width:18%;min-width:150px}.history-table td:nth-child(4),.history-table th:nth-child(4){width:12%;min-width:100px}.history-table td:nth-child(5),.history-table th:nth-child(5){width:23%;min-width:180px}.history-table td:nth-child(6),.history-table th:nth-child(6){width:10%;min-width:90px}.upgrade-key-column{position:relative}.key-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.key-text{font-family:Courier New,monospace;font-size:12px;color:#e2e8f0;background:hsla(0,0%,100%,.05);padding:6px 10px;border-radius:6px;border:1px solid hsla(0,0%,100%,.1);flex:1 1;word-break:break-all;line-height:1.3}.key-toggle-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:6px;padding:6px 8px;color:#60a5fa;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:12px;flex-shrink:0}.key-toggle-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#93c5fd;transform:scale(1.05)}.date-column{padding:12px 8px}.date-text{display:flex;align-items:center;gap:6px;color:#e2e8f0;font-size:13px;line-height:1.4}.date-text i{color:#64748b;font-size:11px;flex-shrink:0}.account-upgraded-column{padding:12px 8px}.email-text{color:#e2e8f0;font-size:13px;word-break:break-word;line-height:1.4}.denial-reason,.wait-time{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4}.wait-time{color:#fbbf24}.denial-reason{color:#f87171}.no-info{color:#6b7280;font-style:italic}.actions-column{padding:12px 8px;text-align:center}.account-type{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#e2e8f0}.account-type i{font-size:14px;width:16px;text-align:center}.account-type i.fas.fa-hand-paper{color:#3b82f6}.account-type i.fas.fa-robot{color:#10b981}.account-type i.fas.fa-cog{color:#6b7280}.status-badge.completed{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3);width:110px;min-width:110px}.status-badge.processing{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.3);width:110px;min-width:110px}.status-badge.failed{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3);width:110px;min-width:110px}.action-buttons{display:flex;gap:6px;justify-content:center}.history-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;padding:20px}.history-pagination .pagination-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:10px 16px;color:hsla(0,0%,100%,.7);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.history-pagination .pagination-btn:hover:not(:disabled){background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.25);color:#fff;transform:translateY(-1px)}.history-pagination .pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.history-pagination .pagination-info{display:flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px;font-weight:500}.history-pagination .pagination-info input{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;padding:6px 10px;color:#fff;font-size:14px;font-weight:500;text-align:center;width:60px;transition:all .2s ease}.history-pagination .pagination-info input:focus{outline:none;border-color:#60a5fa;background:rgba(96,165,250,.1)}.user-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal{background:#11161d;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.user-modal-header{padding:20px 24px;display:flex;align-items:center;justify-content:space-between}.user-modal-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#f8fafc}.user-modal-title i{color:#60a5fa}.user-modal-close{background:none;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.user-modal-close:hover{background:hsla(0,91%,71%,.1);color:#f87171}.user-modal-content{padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.user-profile-section{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:20px;background:hsla(0,0%,100%,.02);border-radius:12px;border:1px solid hsla(0,0%,100%,.05)}.user-avatar-large{position:relative;flex-shrink:0}.avatar-placeholder,.user-avatar-large img{width:80px;height:80px;border-radius:50%;border:3px solid hsla(0,0%,100%,.1)}.avatar-placeholder{background:linear-gradient(135deg,#60a5fa,#3b82f6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.user-status-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid #1e293b}.user-status-dot.green{background:#10b981}.user-status-dot.yellow{background:#f59e0b}.user-status-dot.orange{background:#f97316}.user-status-dot.red{background:#ef4444}.user-status-dot.gray{background:#6b7280}.user-profile-info{flex:1 1;min-width:0}.user-id-badge{font-size:14px;font-weight:400;color:#94a3b8;opacity:.8;display:block}.user-handle{margin:0 0 16px;color:#94a3b8;font-size:16px}.user-badges{display:flex;gap:8px;flex-wrap:wrap}.activity-badge,.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-badge.green{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.activity-badge.yellow{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.activity-badge.orange{background:rgba(249,115,22,.15);color:#f97316;border:1px solid rgba(249,115,22,.3)}.activity-badge.red{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.activity-badge.gray{background:hsla(220,9%,46%,.15);color:#6b7280;border:1px solid hsla(220,9%,46%,.3)}.role-badge.role-user{background:rgba(99,102,241,.15);color:#6366f1;border:1px solid rgba(99,102,241,.3)}.role-badge.role-upgrader{background:rgba(168,85,247,.15);color:#a855f7;border:1px solid rgba(168,85,247,.3)}.role-badge.role-admin{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.detail-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px;transition:all .2s ease}.detail-card:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.detail-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-label i{color:#60a5fa;width:14px}.detail-value{font-size:14px;color:#f8fafc;font-weight:500;word-break:break-all}.admin-section{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:20px}.admin-section-header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#f8fafc;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(239,68,68,.2)}.admin-section-header i{color:#ef4444}.admin-control{display:flex;flex-direction:column;gap:8px}.control-label{font-size:14px;font-weight:600;color:#f8fafc}.role-control{display:flex;align-items:center;gap:12px}.role-dropdown{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:10px 14px;color:#f8fafc;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}.role-dropdown:focus{outline:none;border-color:#60a5fa;background:rgba(96,165,250,.1)}.role-dropdown:disabled{opacity:.5;cursor:not-allowed}.role-dropdown option{background:#1f2937;color:#f8fafc;padding:10px}.updating-spinner{display:flex;align-items:center;color:#60a5fa;font-size:14px}@media (max-width:768px){.user-modal-backdrop{padding:10px}.user-modal{max-height:95vh}.user-profile-section{flex-direction:column;text-align:center;gap:16px}.user-details-grid{grid-template-columns:1fr;gap:12px}.user-modal-content{padding:16px}.user-modal-header{padding:16px 20px}}.auth-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d1117;z-index:9999}.auth-loading,.wave-loader-container{display:flex;align-items:center;justify-content:center}.wave-loader{display:flex;gap:6px;align-items:center}.wave-dot{width:14px;height:14px;background:#ff4081;border-radius:50%;animation:waveLoader 1.4s ease-in-out infinite both}.wave-dot:first-child{animation-delay:-.32s}.wave-dot:nth-child(2){animation-delay:-.16s}.wave-dot:nth-child(3){animation-delay:0s}.wave-dot:nth-child(4){animation-delay:.16s}.wave-dot:nth-child(5){animation-delay:.32s}@keyframes waveLoader{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.queue-page{min-height:100vh;background:#0d1117;color:#f8fafc}.queue-page .queue-grid{display:grid;grid-gap:20px;gap:20px}.queue-page .queue-items{display:grid;grid-gap:12px;gap:12px}.queue-page .queue-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px;transition:all .2s ease;position:relative;overflow:hidden}.queue-page .queue-item:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2)}.queue-page .queue-item:last-child{border-bottom:none}.form-label.required:after{content:" *";color:#ef4444;font-weight:700}.queue-item-header{display:flex;align-items:flex-start;gap:16px;width:100%}.queue-item-selection{flex-shrink:0;padding-top:4px}.queue-item-info{flex:1 1;min-width:0}.queue-item-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.queue-email{color:#fff}.queue-email,.queue-position{font-size:16px;font-weight:600;word-break:break-word}.queue-position{color:#60a5fa}.queue-position-viewqueue{font-size:14px;font-weight:500;color:#94a3b8;word-break:break-word}.queue-badges{display:flex;gap:8px;flex-wrap:wrap}.queue-item-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.detail-item i{color:#60a5fa;width:16px;flex-shrink:0}.detail-item span{color:#f8fafc;word-break:break-word}.queue-item-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;min-width:120px}.queue-item-actions .action-button{justify-content:center;min-width:100px;font-size:13px;padding:8px 12px}.queue-item-actions .action-button span{margin-left:6px}.selection-header{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:16px 20px;margin-bottom:16px}.selection-controls{display:flex;align-items:center;justify-content:space-between}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{display:none}.checkmark{width:18px;height:18px;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.2);border-radius:4px;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-container:hover .checkmark{border-color:#60a5fa;background:rgba(96,165,250,.1)}.checkbox-container input[type=checkbox]:checked+.checkmark{background:#60a5fa;border-color:#60a5fa}.checkbox-container input[type=checkbox]:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label{font-size:14px;font-weight:500;color:#f8fafc}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{font-size:24px;color:#60a5fa;margin-bottom:16px}.loading-text{font-size:16px;color:#94a3b8;font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;color:#4ade80;margin-bottom:20px}.empty-title{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.empty-description{font-size:16px;color:#94a3b8}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:24px}.form-group.full-width{grid-column:1/-1}.form-value{display:flex;align-items:center;gap:8px;padding:12px 16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;font-size:14px;color:#f8fafc;word-break:break-all}.form-value i{color:#60a5fa;flex-shrink:0}.form-value.monospace{font-family:Courier New,monospace;font-size:13px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;background:hsla(0,0%,100%,.05);color:#94a3b8;border:2px solid hsla(0,0%,100%,.1);min-height:40px}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.action-button i{font-size:14px;flex-shrink:0}.action-button.success{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.15));border-color:rgba(34,197,94,.4);color:#4ade80;box-shadow:0 2px 8px rgba(34,197,94,.1)}.action-button.success:hover:not(:disabled){background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(16,185,129,.25));border-color:rgba(34,197,94,.6);color:#22c55e;box-shadow:0 6px 20px rgba(34,197,94,.3);transform:translateY(-2px)}.action-button.danger{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.15));border-color:rgba(239,68,68,.4);color:#f87171;box-shadow:0 2px 8px rgba(239,68,68,.1)}.action-button.danger:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(220,38,38,.25));border-color:rgba(239,68,68,.6);color:#ef4444;box-shadow:0 6px 20px rgba(239,68,68,.3);transform:translateY(-2px)}.action-button.secondary{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.1));border-color:rgba(59,130,246,.3);color:#60a5fa;box-shadow:0 2px 8px rgba(59,130,246,.1)}.action-button.secondary:hover:not(:disabled){background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.2));border-color:rgba(59,130,246,.5);color:#3b82f6;box-shadow:0 6px 20px rgba(59,130,246,.2);transform:translateY(-2px)}.action-button.warning{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(217,119,6,.15));border-color:rgba(245,158,11,.4);color:#fbbf24;box-shadow:0 2px 8px rgba(245,158,11,.1)}.action-button.warning:hover:not(:disabled){background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(217,119,6,.25));border-color:rgba(245,158,11,.6);color:#f59e0b;box-shadow:0 6px 20px rgba(245,158,11,.3);transform:translateY(-2px)}.action-button.large{padding:12px 20px;font-size:14px;font-weight:600}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button:disabled:hover{background:inherit;border-color:inherit;color:inherit;box-shadow:none;transform:none}.queue-page .filter-section{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap}.queue-page .filter-group{display:flex;flex-direction:column;gap:5px}.queue-page .filter-group label{font-weight:600;color:#fff;font-size:.9rem}.queue-page .filter-select{background:#1f2937;border:2px solid transparent;color:#f0f0f0;padding:10px 15px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:150px}.queue-page .filter-select:focus,.queue-page .filter-select:hover{border-color:#ff4f80;background:#2a3445}.queue-page .filter-select:focus{outline:none}.queue-page .search-section{display:flex;flex-direction:column;gap:5px;min-width:300px}.queue-page .search-input-container{position:relative;display:flex;align-items:center}.queue-page .search-input{background:#1f2937;border:2px solid transparent;color:#f0f0f0;padding:10px 15px 10px 45px;border-radius:8px;font-size:.9rem;width:100%;transition:all .3s ease}.queue-page .search-input:focus{outline:none;border-color:#ff4f80;background:#2a3445}.queue-page .search-input::placeholder{color:#9ca3af}.queue-page .search-icon{position:absolute;left:15px;color:#9ca3af;font-size:.9rem;pointer-events:none}.queue-page .clear-search{position:absolute;right:10px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:5px;border-radius:4px;transition:all .3s ease}.queue-page .clear-search:hover{color:#ff4f80;background:rgba(255,79,128,.1)}.queue-page .pagination{margin-top:32px}.queue-page .pagination-controls{display:flex;align-items:center;gap:12px}.queue-page .pagination-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#94a3b8;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;height:40px}.queue-page .pagination-button:hover:not(:disabled){background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);color:#f8fafc;transform:translateY(-1px)}.queue-page .pagination-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.queue-page .pagination-button:disabled:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);color:#94a3b8;transform:none}.queue-page .pagination-current{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#60a5fa;font-size:14px;font-weight:600;min-width:40px;height:40px}@media (max-width:768px){.queue-page .page-header{text-align:center}.queue-page .control-panel,.queue-page .page-header{flex-direction:column;gap:16px}.queue-page .filter-section,.queue-page .search-section{flex-direction:column;gap:12px}.queue-page .stats-grid{grid-template-columns:1fr;gap:12px}.queue-item-header{flex-direction:column;gap:12px}.queue-item-title{flex-direction:column;align-items:flex-start;gap:8px}.queue-item-details{grid-template-columns:1fr;gap:8px}.queue-item-actions{flex-direction:row;flex-wrap:wrap;min-width:auto}.queue-item-actions .action-button{flex:1 1;min-width:80px}.form-grid{grid-template-columns:1fr;gap:16px}.queue-page .pagination{flex-direction:column;gap:16px;text-align:center}.queue-page .pagination-controls{justify-content:center;flex-wrap:wrap}.modal-container.large{margin:20px;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px)}}.modal-container.large{max-width:700px}.changelog-content{margin-top:2rem}.empty-state,.error-state,.loading-state{text-align:center;padding:3rem 2rem;background:#161b22;border-radius:12px;border:1px solid #30363d}.loading-spinner{color:#1db954}.error-state i,.loading-spinner{font-size:2rem;margin-bottom:1rem}.error-state i{color:#f85149}.empty-state i{font-size:2rem;color:#7d8590;margin-bottom:1rem}.retry-button{background:#1db954;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.retry-button:hover{background:#1ed760}.changelog-timeline{position:relative;padding-left:2rem}.changelog-timeline:before{content:"";position:absolute;left:1rem;top:0;bottom:0;width:2px;background:#30363d}.changelog-entry{position:relative;margin-bottom:2rem;background:#161b22;border-radius:12px;border:1px solid #30363d;overflow:hidden;transition:all .2s ease}.changelog-entry:hover{border-color:#1db954;box-shadow:0 4px 12px rgba(0,0,0,.3)}.entry-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px rgba(0,0,0,.15)}.type-status .entry-icon{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 2px 8px rgba(100,116,139,.3)}.type-announcement .entry-icon{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 2px 8px rgba(168,85,247,.3)}.type-improvement .entry-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 8px rgba(14,165,233,.3)}.type-maintenance .entry-icon{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 2px 8px rgba(251,146,60,.3)}.type-feature .entry-icon{background:linear-gradient(135deg,#eab308,#ca8a04);box-shadow:0 2px 8px rgba(234,179,8,.3)}.type-bugfix .entry-icon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 8px rgba(34,197,94,.3)}.changelog-entry:hover .entry-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.2)}.type-status .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(100,116,139,.4)}.type-announcement .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(168,85,247,.4)}.type-improvement .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(14,165,233,.4)}.type-maintenance .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(251,146,60,.4)}.type-feature .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(234,179,8,.4)}.type-bugfix .changelog-entry:hover .entry-icon{box-shadow:0 4px 16px rgba(34,197,94,.4)}.breaking-change .entry-icon{animation:pulse-breaking 2s infinite}@keyframes pulse-breaking{0%,to{box-shadow:0 2px 8px rgba(239,68,68,.3)}50%{box-shadow:0 4px 16px rgba(239,68,68,.5)}}.entry-content{padding:1rem 1.5rem 1.5rem;min-height:120px;transition:min-height .4s cubic-bezier(.4,0,.2,1)}.entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.entry-title{font-size:1.25rem;font-weight:600;color:#f0f6fc;margin:0;flex:1 1;min-width:200px}.entry-meta{display:flex;gap:.5rem;flex-wrap:wrap}.entry-type{background:rgba(56,139,253,.15);color:#58a6ff;text-transform:capitalize}.entry-type,.severity-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.severity-badge{text-transform:uppercase}.severity-critical{background:rgba(248,81,73,.15);color:#f85149}.severity-high{background:rgba(255,191,0,.15);color:#ffbf00}.severity-medium{background:rgba(56,139,253,.15);color:#58a6ff}.severity-low{background:rgba(29,185,84,.15);color:#1db954}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-resolved{background:rgba(29,185,84,.15);color:#1db954}.status-in-progress{background:rgba(255,191,0,.15);color:#ffbf00}.status-investigating{background:rgba(56,139,253,.15);color:#58a6ff}.status-scheduled{background:rgba(29,185,84,.15);color:#1db954}.entry-description{color:#c9d1d9;line-height:1.6;margin-bottom:1rem}.entry-description p{margin-bottom:.5rem}.entry-description p:last-child{margin-bottom:0}.changelog-bullet{margin-left:1rem;margin-bottom:.25rem;color:#c9d1d9;line-height:1.5}.changelog-bullet-indent-1{margin-left:2.5rem}.changelog-bullet-indent-1:before{content:"◦ ";margin-right:.25rem}.changelog-bullet-indent-2{margin-left:3.5rem}.changelog-bullet-indent-2:before{content:"▪ ";margin-right:.25rem}.changelog-bullet-indent-3{margin-left:4.5rem}.changelog-bullet-indent-3:before{content:"▫ ";margin-right:.25rem}.entry-description strong{color:#f0f6fc;font-weight:600}.affected-services{margin-top:2rem;margin-bottom:1rem}.affected-services strong{color:#f0f6fc;font-size:.875rem;display:block;margin-bottom:.5rem}.service-tags{display:flex;flex-wrap:wrap;gap:.5rem}.service-tag{background:#21262d;color:#c9d1d9;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;border:1px solid #30363d}.duration-info{margin-bottom:1rem;font-size:.875rem;color:#c9d1d9}.duration-info strong{color:#f0f6fc}.entry-timestamp{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#7d8590;border-top:1px solid #30363d;padding-top:1rem;margin-top:1rem}.entry-timestamp i{color:#1db954}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:flex-end}.search-group{flex:1 1;min-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 2.5rem;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#1db954;box-shadow:0 0 0 3px rgba(29,185,84,.1)}.search-icon{left:.75rem;pointer-events:none}.clear-search,.search-icon{position:absolute;color:#7d8590}.clear-search{right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:3px;transition:color .2s ease}.clear-search:hover{color:#c9d1d9}.filter-toggles{gap:1rem}.filter-toggles,.toggle-filter{display:flex;align-items:center}.toggle-filter{gap:.5rem;cursor:pointer;color:#c9d1d9;font-size:.875rem}.toggle-filter input[type=checkbox]{margin:0;accent-color:#1db954}.toggle-label{display:flex;align-items:center;gap:.5rem}.results-info{margin-left:auto;color:#7d8590;font-size:.875rem}.results-count{font-weight:500}.changelog-entry.breaking-change{border-left:3px solid #ff6b6b}.changelog-entry.type-feature{border-left:3px solid #1db954}.changelog-entry.type-bugfix{border-left:3px solid #ff6b6b}.changelog-entry.type-maintenance{border-left:3px solid #58a6ff}.changelog-entry.type-announcement{border-left:3px solid #a5a5a5}.changelog-entry.type-improvement{border-left:3px solid #ffbf00}.changelog-entry.type-status{border-left:3px solid #9a6dff}.changelog-entry.critical-entry{background:hsla(0,100%,71%,.05);border:1px solid hsla(0,100%,71%,.2)}.entry-icon{position:relative}.breaking-indicator{position:absolute;top:-5px;right:-5px;width:16px;height:16px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;border:2px solid #0d1117}.entry-title-section{display:flex;align-items:center;gap:.75rem;flex:1 1}.version-badge{background:#1db954;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.expand-toggle{background:none;border:1px solid #30363d;color:#7d8590;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.expand-toggle i{transition:transform .3s ease}.expand-toggle.expanded i{transform:rotate(180deg)}.expand-toggle:hover{background:#21262d;color:#c9d1d9;border-color:#1db954;transform:scale(1.05)}.expand-toggle.expanded{background:#1db954;color:#fff;border-color:#1db954}.description-preview{color:#8b949e;font-style:italic}.changelog-collapsible{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1)}.changelog-collapsible.collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.changelog-collapsible.expanded{max-height:2500px;opacity:1;margin-top:0;margin-bottom:0}.entry-description{transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.entry-description.visible{opacity:1;max-height:200px;margin:.5rem 0}.entry-description.hidden{opacity:0;max-height:0;margin:0}.expanded-content{background:rgba(33,38,45,.5);border-radius:6px;border:1px solid #30363d;padding:1rem}.metadata-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.875rem}.metadata-item:last-child{margin-bottom:0}.metadata-item strong{color:#f0f6fc;min-width:140px;display:flex;align-items:center;gap:.5rem}.metadata-item span{color:#c9d1d9;flex:1 1}.metadata-item.breaking-warning{background:hsla(0,100%,71%,.1);padding:.75rem;border-radius:6px;border:1px solid hsla(0,100%,71%,.3)}.metadata-item.breaking-warning strong{color:#ff6b6b}.issue-links{display:flex;flex-wrap:wrap;gap:.5rem}.issue-link{background:#21262d;color:#58a6ff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;border:1px solid #30363d;text-decoration:none;cursor:pointer}.issue-link:hover{background:#30363d;border-color:#58a6ff}.upcoming-features{margin:0;padding-left:1.5rem;color:#c9d1d9}.upcoming-features li{margin-bottom:.25rem;line-height:1.4}.author-inline{margin-left:.5rem;color:#7d8590;font-size:.8rem}@media (max-width:768px){.changelog-timeline{padding-left:1rem}.changelog-timeline:before{left:.5rem}.entry-icon{left:-1.5rem;width:1.5rem;height:1.5rem;font-size:.75rem}.entry-header{flex-direction:column;align-items:flex-start}.entry-title{font-size:1.125rem;min-width:auto}.entry-content{padding:1rem}.filter-row{flex-direction:column;align-items:stretch}.search-group{min-width:auto}.metadata-item{flex-direction:column;gap:.5rem}.metadata-item strong{min-width:auto}.entry-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}}.purchase-link{margin-top:20px;text-align:center;padding:15px;background:rgba(37,99,235,.1);border:1px solid rgba(37,99,235,.3);border-radius:12px}.purchase-link p{margin:0;color:#b0b3b8;font-size:.95rem;line-height:1.5}.revunity-link{color:#ff4081;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.revunity-link:hover{color:#ff6ba3;border-bottom-color:#ff6ba3;text-decoration:none}.changelog-entry .entry-type,.changelog-entry .service-tag,.changelog-entry .severity-badge,.changelog-entry .status-badge,.changelog-entry .version-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease-in-out;margin:.1rem;white-space:nowrap}.changelog-entry .entry-header{display:flex;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:2rem}.changelog-entry .entry-badges-section{flex-shrink:0;margin-top:0}.changelog-entry .entry-title-section{flex:1 1;min-width:0;display:flex;align-items:center}.changelog-entry .entry-title{margin:0;line-height:1.3}.changelog-entry .entry-type:hover,.changelog-entry .severity-badge:hover,.changelog-entry .status-badge:hover{transform:translateY(-1px);filter:brightness(1.1)}.changelog-entry .severity-critical{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1));color:#ef4444;border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 4px rgba(239,68,68,.1)}.changelog-entry .severity-high{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.1));color:#f59e0b;border:1px solid rgba(245,158,11,.3);box-shadow:0 2px 4px rgba(245,158,11,.1)}.changelog-entry .severity-medium{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.1));color:#3b82f6;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 4px rgba(59,130,246,.1)}.changelog-entry .severity-low{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(21,128,61,.1));color:#22c55e;border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.1)}.changelog-entry .status-completed,.changelog-entry .status-resolved{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.1));color:#10b981;border:1px solid rgba(16,185,129,.3);box-shadow:0 2px 4px rgba(16,185,129,.1)}.changelog-entry .status-in-progress{background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(217,119,6,.1));color:#f59e0b;border:1px solid rgba(245,158,11,.3);box-shadow:0 2px 4px rgba(245,158,11,.1)}.changelog-entry .status-investigating{background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(124,58,237,.1));color:#8b5cf6;border:1px solid rgba(139,92,246,.3);box-shadow:0 2px 4px rgba(139,92,246,.1)}.changelog-entry .status-scheduled{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(37,99,235,.1));color:#3b82f6;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 4px rgba(59,130,246,.1)}.changelog-entry .status-cancelled{background:linear-gradient(135deg,hsla(220,9%,46%,.2),rgba(75,85,99,.1));color:#6b7280;border:1px solid hsla(220,9%,46%,.3);box-shadow:0 2px 4px hsla(220,9%,46%,.1)}.changelog-entry .version-badge{background:linear-gradient(135deg,rgba(147,51,234,.9),rgba(126,34,206,.8));color:#fff;padding:.3rem .7rem;border-radius:16px;font-size:.75rem;font-weight:600;border:1px solid rgba(147,51,234,.4);box-shadow:0 3px 6px rgba(147,51,234,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.changelog-entry .version-badge:before{content:"Version Release: ";margin-right:.1rem}.changelog-entry .entry-type[data-type=feature]{background:linear-gradient(135deg,rgba(236,72,153,.2),rgba(219,39,119,.1));color:#ec4899;border:1px solid rgba(236,72,153,.3);box-shadow:0 2px 4px rgba(236,72,153,.1)}.changelog-entry .entry-type[data-type=feature]:before{content:"Feature Enhancement"}.changelog-entry .entry-type[data-type=bugfix]{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(21,128,61,.1));color:#22c55e;border:1px solid rgba(34,197,94,.3);box-shadow:0 2px 4px rgba(34,197,94,.1)}.changelog-entry .entry-type[data-type=bugfix]:before{content:"Bugfix"}.changelog-entry .entry-type[data-type=improvement]{background:linear-gradient(135deg,rgba(14,165,233,.2),rgba(2,132,199,.1));color:#0ea5e9;border:1px solid rgba(14,165,233,.3);box-shadow:0 2px 4px rgba(14,165,233,.1)}.changelog-entry .entry-type[data-type=improvement]:before{content:"Enhancement"}.changelog-entry .entry-type[data-type=maintenance]{background:linear-gradient(135deg,rgba(251,146,60,.2),rgba(234,88,12,.1));color:#fb923c;border:1px solid rgba(251,146,60,.3);box-shadow:0 2px 4px rgba(251,146,60,.1)}.changelog-entry .entry-type[data-type=maintenance]:before{content:"Maintenance Update"}.changelog-entry .entry-type[data-type=announcement]{background:linear-gradient(135deg,rgba(168,85,247,.2),rgba(147,51,234,.1));color:#a855f7;border:1px solid rgba(168,85,247,.3);box-shadow:0 2px 4px rgba(168,85,247,.1)}.changelog-entry .entry-type[data-type=announcement]:before{content:"Announcement"}.changelog-entry .entry-type[data-type=status]{background:linear-gradient(135deg,rgba(100,116,139,.2),rgba(71,85,105,.1));color:#64748b;border:1px solid rgba(100,116,139,.3);box-shadow:0 2px 4px rgba(100,116,139,.1)}.changelog-entry .entry-type[data-type=status]:before{content:"Status Update"}.changelog-entry .entry-type{font-size:0}.changelog-entry .entry-type:before{font-size:.75rem}.changelog-entry .service-tag{background:linear-gradient(135deg,rgba(55,65,81,.3),rgba(31,41,55,.2));color:#d1d5db;border:1px solid rgba(75,85,99,.4);font-size:.7rem;font-weight:500;text-transform:none;box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.changelog-entry.breaking-change .version-badge{background:linear-gradient(135deg,rgba(239,68,68,.9),rgba(220,38,38,.8))!important;color:#fff!important;border:1px solid rgba(239,68,68,.5)!important;box-shadow:0 3px 8px rgba(239,68,68,.3)!important;animation:pulse-warning 2s infinite}@keyframes pulse-warning{0%,to{box-shadow:0 3px 8px rgba(239,68,68,.3)}50%{box-shadow:0 3px 12px rgba(239,68,68,.5)}}@media (max-width:768px){.changelog-entry .entry-type,.changelog-entry .service-tag,.changelog-entry .severity-badge,.changelog-entry .status-badge,.changelog-entry .version-badge{font-size:.7rem;padding:.375rem .75rem}.changelog-entry .service-tag{font-size:.65rem;padding:.25rem .5rem}}@media (max-width:480px){.changelog-entry .entry-type,.changelog-entry .service-tag,.changelog-entry .severity-badge,.changelog-entry .status-badge,.changelog-entry .version-badge{font-size:.65rem;padding:.25rem .5rem}.changelog-entry .service-tag{font-size:.6rem;padding:.2rem .4rem}}.changelog-entry .service-tag:focus,.changelog-entry .severity-badge:focus,.changelog-entry .status-badge:focus,.changelog-entry .version-badge:focus{outline:2px solid #58a6ff;outline-offset:2px}@media (prefers-contrast:high){.changelog-entry .entry-type,.changelog-entry .service-tag,.changelog-entry .severity-badge,.changelog-entry .status-badge,.changelog-entry .version-badge{border-width:2px;font-weight:700}}@media (prefers-reduced-motion:reduce){.changelog-entry .entry-type,.changelog-entry .service-tag,.changelog-entry .severity-badge,.changelog-entry .status-badge,.changelog-entry .version-badge{transition:none}.changelog-entry.breaking-change .version-badge{animation:none!important}}