@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@400;500;600;700&family=Exo+2:wght@400;500;600;700;800&display=swap";.admin-container{min-height:100vh;background:linear-gradient(135deg,#0b0f14,#1a1f2e);padding:0;margin:0}.admin-header{background:#111723f2;border-bottom:1px solid rgba(110,139,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.admin-header__content{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1600px;margin:0 auto}.admin-header__branding h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(135deg,#6e8bff,#3bd6b4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-header__subtitle{margin:0;font-size:.95rem;color:#ecefff99}.admin-header__actions{display:flex;gap:.75rem}.button-icon{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid rgba(110,139,255,.15);background:#11172399;color:#ecefffe6;font-size:1.25rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.button-icon:hover{background:#6e8bff1a;border-color:#6e8bff4d;transform:translateY(-2px)}.notification-badge{position:absolute;top:-4px;right:-4px;background:#ff5252;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:999px;min-width:18px;text-align:center}.admin-tabs{background:#11172399;border-top:1px solid rgba(110,139,255,.05)}.admin-tabs__container{display:flex;gap:.5rem;padding:.75rem 2rem;max-width:1600px;margin:0 auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(110,139,255,.2) transparent}.admin-tabs__tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;border:1px solid transparent;background:transparent;color:#ecefff99;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-tabs__tab:hover{background:#6e8bff14;color:#ecefffe6}.admin-tabs__tab--active{background:linear-gradient(135deg,#6e8bff26,#3bd6b426);border-color:#6e8bff4d;color:#ecefff}.admin-tabs__icon{font-size:1.1rem}.admin-content{max-width:1600px;margin:0 auto;padding:2rem}.admin-tab-content{display:flex;flex-direction:column;gap:2rem}.admin-section{background:#111723cc;border:1px solid rgba(110,139,255,.1);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-section__header{margin-bottom:1.5rem}.admin-section__header h3,.admin-section__header h4{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#ecefff}.admin-section__header h4{font-size:1.25rem}.text-muted{color:#ecefff80;font-size:.95rem;margin:0}.metrics-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metrics-grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metrics-grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:linear-gradient(135deg,#6e8bff1f,#3bd6b414);border:1px solid rgba(110,139,255,.2);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6e8bff26;border-color:#6e8bff66}.metric-card--secondary{background:#11172399;border-color:#6e8bff26}.metric-card--system{background:#22305666;border-color:#6e8bff1a}.metric-card__icon{font-size:2.5rem;margin-bottom:.75rem}.metric-card__value{font-size:2rem;font-weight:800;color:#ecefff;margin-bottom:.5rem}.metric-card__label{font-size:.9rem;color:#ecefff99;font-weight:600}.admin-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#11172399;border-radius:12px;border:1px solid rgba(110,139,255,.1)}.search-box{flex:1;min-width:280px}.search-input{width:100%;padding:.875rem 1.25rem;border-radius:10px;border:1px solid rgba(110,139,255,.2);background:#11172399;color:#ecefff;font-size:.95rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#6e8bff80;background:#111723cc}.search-input::placeholder{color:#ecefff66}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{font-size:.9rem;color:#ecefffb3;font-weight:600}.filter-select{padding:.75rem 1rem;border-radius:10px;border:1px solid rgba(110,139,255,.2);background:#11172399;color:#ecefff;font-size:.9rem;cursor:pointer;transition:all .2s ease}.filter-select:focus{outline:none;border-color:#6e8bff80}.table-responsive{overflow-x:auto;border-radius:12px;border:1px solid rgba(110,139,255,.1)}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table thead tr{background:#111723cc}.admin-table th{padding:1rem 1.25rem;text-align:left;font-size:.875rem;font-weight:700;color:#ecefffcc;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(110,139,255,.2)}.admin-table tbody tr{background:#11172366;border-bottom:1px solid rgba(110,139,255,.05);transition:all .2s ease}.admin-table tbody tr:hover{background:#6e8bff0f}.admin-table tbody tr.user-banned{background:#ff52520d;border-left:3px solid #FF5252}.admin-table td{padding:1.25rem;font-size:.95rem;color:#ecefffe6}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#6e8bff,#3bd6b4);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:600;color:#ecefff;display:flex;align-items:center;gap:.5rem}.user-email{font-size:.875rem;color:#ecefff99}.user-date{font-size:.8rem;color:#ecefff66}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge--warning{background:#ffb80033;color:#ffb800;border:1px solid rgba(255,184,0,.3)}.badge--danger{background:#ff525233;color:#ff5252;border:1px solid rgba(255,82,82,.3)}.badge--success{background:#3bd6b433;color:#3bd6b4;border:1px solid rgba(59,214,180,.3)}.status-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-badge--success{background:#3bd6b426;color:#3bd6b4;border:1px solid rgba(59,214,180,.3)}.status-badge--danger{background:#ff525226;color:#ff5252;border:1px solid rgba(255,82,82,.3)}.status-badge--warning{background:#ffb80026;color:#ffb800;border:1px solid rgba(255,184,0,.3)}.status-badge--pending{background:#6e8bff26;color:#6e8bff;border:1px solid rgba(110,139,255,.3)}.balance-info,.referral-info{display:flex;flex-direction:column;gap:.25rem}.balance-value,.referral-total{font-weight:600;color:#ecefff}.balance-commission,.referral-breakdown{font-size:.875rem;color:#ecefff99}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-buttons--vertical{flex-direction:column}.btn-icon{width:36px;height:36px;border-radius:8px;border:1px solid rgba(110,139,255,.2);background:#11172399;color:#ecefffe6;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon--primary:hover{background:#6e8bff33;border-color:#6e8bff}.btn-icon--success:hover{background:#3bd6b433;border-color:#3bd6b4}.btn-icon--danger:hover{background:#ff525233;border-color:#ff5252}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.button-action{padding:.75rem 1.5rem;border-radius:8px;border:1px solid transparent;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.button-action--success{background:#3bd6b426;color:#3bd6b4;border-color:#3bd6b44d}.button-action--success:hover{background:#3bd6b440;transform:translateY(-2px)}.button-action--danger{background:#ff525226;color:#ff5252;border-color:#ff52524d}.button-action--danger:hover{background:#ff525240;transform:translateY(-2px)}.button-action--info{background:#6e8bff26;color:#6e8bff;border-color:#6e8bff4d}.button-action--info:hover{background:#6e8bff40;transform:translateY(-2px)}.button-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.button-primary,.button-secondary{padding:1rem 2rem;border-radius:10px;border:1px solid transparent;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.button-primary{background:linear-gradient(135deg,#6e8bff,#3bd6b4);color:#fff;border:none}.button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6e8bff4d}.button-secondary{background:#11172399;color:#ecefffe6;border-color:#6e8bff33}.button-secondary:hover{background:#6e8bff26;border-color:#6e8bff66}.button-primary:disabled,.button-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-full-width{width:100%;margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0b0f14e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#111723fa;border:1px solid rgba(110,139,255,.2);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:2rem;border-bottom:1px solid rgba(110,139,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.modal-header h3{margin:0;font-size:1.5rem;color:#ecefff}.modal-close{background:transparent;border:none;color:#ecefff99;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#ff525226;color:#ff5252}.modal-body{padding:2rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid rgba(110,139,255,.1);display:flex;justify-content:flex-end;gap:1rem}.modal-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#111723f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:16px;color:#ecefffe6}.user-info-card{background:#11172399;border:1px solid rgba(110,139,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.user-info-card div{margin-bottom:.5rem;color:#ecefffcc}.user-info-card div:last-child{margin-bottom:0}.user-info-card strong{color:#ecefff}.balance-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.payment-type-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#11172399;border-radius:12px;border:1px solid rgba(110,139,255,.1)}.toggle-button{flex:1;padding:.875rem 1.5rem;border-radius:8px;border:1px solid transparent;background:transparent;color:#ecefff99;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:#6e8bff14;color:#ecefffe6}.toggle-button--active{background:linear-gradient(135deg,#6e8bff33,#3bd6b433);border-color:#6e8bff4d;color:#ecefff}.pix-info{font-size:.875rem}.pix-key,.pix-code{background:#6e8bff1a;padding:.5rem .75rem;border-radius:6px;font-family:Courier New,monospace;word-break:break-all}.user-history{display:flex;flex-direction:column;gap:.25rem}.history-item{display:flex;justify-content:space-between;font-size:.875rem}.history-label{color:#ecefff80}.history-value{color:#ecefff;font-weight:600}.payment-amount{display:flex;flex-direction:column;gap:.25rem}.amount-value{font-weight:600;color:#ecefff}.amount-type{font-size:.875rem;color:#ecefff99}.payment-date{font-size:.9rem;color:#ecefffb3}.sub-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#11172366;border-radius:10px;border:1px solid rgba(110,139,255,.1)}.sub-tab{flex:1;padding:.75rem 1.25rem;border-radius:8px;border:1px solid transparent;background:transparent;color:#ecefff99;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sub-tab:hover{background:#6e8bff14;color:#ecefffe6}.sub-tab--active{background:#6e8bff26;border-color:#6e8bff4d;color:#ecefff}.form-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}.form-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:#ecefffcc}.form-label__icon{font-size:1.1rem}.form-input{padding:.875rem 1rem;border-radius:8px;border:1px solid rgba(110,139,255,.2);background:#11172399;color:#ecefff;font-size:.95rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:#6e8bff80;background:#111723cc}.form-input::placeholder{color:#ecefff66}.form-help{font-size:.85rem;color:#ecefff80;margin-top:.25rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.config-preview{margin-top:2rem;padding:1.5rem;background:#6e8bff0d;border:1px solid rgba(110,139,255,.15);border-radius:12px}.config-preview h5{margin:0 0 1rem;color:#ecefff;font-size:1.1rem}.preview-example p{margin:0 0 .75rem;color:#ecefffb3}.preview-list{list-style:none;padding:0;margin:0}.preview-list li{padding:.5rem 0;color:#ecefffcc;border-bottom:1px solid rgba(110,139,255,.1)}.preview-list li:last-child{border-bottom:none}.logo-current,.logo-preview-container{margin-bottom:1.5rem}.logo-label{display:block;font-size:.9rem;font-weight:600;color:#ecefffb3;margin-bottom:.75rem}.logo-preview{padding:1.5rem;background:#11172399;border:1px solid rgba(110,139,255,.1);border-radius:12px;text-align:center}.logo-preview--new{border-color:#6e8bff4d;background:#6e8bff0d}.logo-image{max-width:100%;height:auto;max-height:150px;object-fit:contain}.file-upload-container{margin:1.5rem 0}.file-input{display:none}.file-label{display:inline-block;padding:1rem 2rem;background:#6e8bff26;color:#6e8bff;border:1px solid rgba(110,139,255,.3);border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.file-label:hover{background:#6e8bff40;transform:translateY(-2px)}.api-keys-list{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.api-key-card{background:#11172399;border:1px solid rgba(110,139,255,.15);border-radius:12px;padding:1.5rem;transition:all .2s ease}.api-key-card:hover{border-color:#6e8bff4d}.api-key-card--add{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;border-style:dashed;min-height:200px}.api-key-card--add:hover{background:#6e8bff0d;border-color:#6e8bff66}.api-key-add-icon{font-size:3rem;margin-bottom:1rem;color:#6e8bff99}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.api-key-header h5{margin:0;font-size:1.1rem;color:#ecefff}.api-key-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.api-key-field label{display:block;font-size:.85rem;color:#ecefff99;margin-bottom:.5rem}.services-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.service-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:12px;border:1px solid rgba(110,139,255,.15);background:#11172399}.service-card--online{border-left:3px solid #3BD6B4}.service-card--warning{border-left:3px solid #FFB800}.service-card--offline{border-left:3px solid #FF5252}.service-status{font-size:1.5rem}.service-info h5{margin:0 0 .25rem;font-size:1rem;color:#ecefff}.service-info p{margin:0;font-size:.875rem;color:#ecefff99}.system-actions{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#11172399;border:1px solid rgba(110,139,255,.15);border-radius:12px;transition:all .2s ease}.action-card:hover{border-color:#6e8bff4d;background:#6e8bff0d}.action-card__icon{font-size:2rem;flex-shrink:0}.action-card__content{flex:1}.action-card__content h5{margin:0 0 .25rem;font-size:1rem;color:#ecefff}.action-card__content p{margin:0;font-size:.875rem;color:#ecefff99}.logs-container{background:#11172366;border:1px solid rgba(110,139,255,.1);border-radius:12px;padding:1rem;max-height:400px;overflow-y:auto}.log-entry{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;border-left:3px solid transparent;border-radius:6px;margin-bottom:.5rem;background:#11172399}.log-entry--info{border-left-color:#6e8bff}.log-entry--success{border-left-color:#3bd6b4}.log-entry--warning{border-left-color:#ffb800}.log-entry--error{border-left-color:#ff5252}.log-time{font-family:Courier New,monospace;font-size:.85rem;color:#ecefff80;width:80px;flex-shrink:0}.log-type{font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;width:80px;text-align:center;flex-shrink:0}.log-entry--info .log-type{background:#6e8bff33;color:#6e8bff}.log-entry--success .log-type{background:#3bd6b433;color:#3bd6b4}.log-entry--warning .log-type{background:#ffb80033;color:#ffb800}.log-entry--error .log-type{background:#ff525233;color:#ff5252}.log-message{flex:1;font-size:.9rem;color:#ecefffcc}.tech-info{display:flex;flex-direction:column;gap:1rem}.tech-info-row{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#11172366;border-radius:8px;border:1px solid rgba(110,139,255,.1)}.tech-info-label{font-size:.9rem;color:#ecefff99;font-weight:600}.tech-info-value{font-size:.95rem;color:#ecefff;font-weight:600}.status-indicator{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-radius:12px;border:1px solid}.status-indicator--success{background:#3bd6b41a;border-color:#3bd6b44d}.status-indicator--warning{background:#ffb8001a;border-color:#ffb8004d}.status-indicator--error{background:#ff52521a;border-color:#ff52524d}.status-indicator__icon{font-size:2rem;flex-shrink:0}.status-indicator__content{flex:1}.status-indicator__title{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:#ecefff}.status-indicator__message{font-size:.95rem;color:#ecefffb3}.empty-state{text-align:center;padding:4rem 2rem}.empty-state__icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state__title{font-size:1.25rem;font-weight:700;color:#ecefff;margin-bottom:.5rem}.empty-state__message{font-size:1rem;color:#ecefff99}.loading-state,.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.loading-screen{min-height:100vh}.spinner{width:40px;height:40px;border:3px solid rgba(110,139,255,.1);border-top-color:#6e8bff;border-radius:50%;animation:spin .8s linear infinite}.spinner--large{width:60px;height:60px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.access-denied,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}.access-denied__icon,.error-screen__icon{font-size:5rem;margin-bottom:1.5rem}.access-denied h3,.error-screen h3{font-size:2rem;color:#ecefff;margin-bottom:1rem}.access-denied p,.error-screen p{font-size:1.1rem;color:#ecefffb3}.error-screen__details{font-size:.95rem;color:#ff5252cc;margin-top:1rem;padding:1rem;background:#ff52521a;border-radius:8px;max-width:500px}@media (max-width: 1024px){.admin-content,.admin-section{padding:1.5rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-table{font-size:.9rem}}@media (max-width: 768px){.admin-header__content{padding:1rem}.admin-tabs__container{padding:.5rem 1rem}.admin-content,.admin-section{padding:1rem}.metrics-grid{grid-template-columns:1fr}.admin-filters{flex-direction:column}.filter-group{width:100%;flex-direction:column;align-items:flex-start}.filter-select{width:100%}.balance-actions,.form-grid--3,.api-keys-list,.services-grid,.system-actions{grid-template-columns:1fr}.action-card{flex-direction:column;text-align:center}}:root{--color-primary-base: #9333ea;--color-primary-light: #a855f7;--color-primary-dark: #7c3aed;--color-primary-glow: rgba(147, 51, 234, .6);--color-primary-subtle: rgba(147, 51, 234, .15);--color-accent-cyan: #00BFFF;--color-accent-cyan-glow: rgba(0, 191, 255, .5);--color-accent-pink: #FF00FF;--color-accent-pink-glow: rgba(255, 0, 255, .4);--color-accent-electric: #00FFFF;--color-accent-gold: #FFD700;--color-accent-gold-glow: rgba(255, 215, 0, .4);--color-bg-root: #0A0A0F;--color-bg-layer: #12121A;--color-bg-surface: #1A1A28;--color-bg-elevated: #222236;--color-bg-glass: rgba(18, 18, 26, .75);--color-bg-glass-strong: rgba(26, 26, 40, .85);--color-overlay: rgba(10, 10, 15, .92);--color-overlay-light: rgba(10, 10, 15, .75);--color-stroke-soft: rgba(147, 51, 234, .2);--color-stroke-medium: rgba(147, 51, 234, .35);--color-stroke-strong: rgba(147, 51, 234, .5);--color-stroke-glow: rgba(0, 191, 255, .4);--color-stroke-neon: rgba(255, 0, 255, .5);--color-text-primary: #FFFFFF;--color-text-secondary: #C4C4E0;--color-text-muted: #8888A8;--color-text-accent: var(--color-accent-cyan);--color-text-glow: #E8E8FF;--color-focus-ring: var(--color-accent-cyan);--color-focus-glow: rgba(0, 191, 255, .5);--color-success: #00FF88;--color-success-glow: rgba(0, 255, 136, .4);--color-warning: #FFD700;--color-warning-glow: rgba(255, 215, 0, .4);--color-danger: #FF3366;--color-danger-glow: rgba(255, 51, 102, .4);--gradient-primary: linear-gradient(135deg, #9333ea 0%, #a855f7 50%, #c084fc 100%);--gradient-primary-hover: linear-gradient(135deg, #a855f7 0%, #c084fc 50%, #d8b4fe 100%);--gradient-cyber: linear-gradient(135deg, #9333ea 0%, #00BFFF 100%);--gradient-cyber-reverse: linear-gradient(135deg, #00BFFF 0%, #9333ea 100%);--gradient-neon: linear-gradient(135deg, #FF00FF 0%, #00BFFF 50%, #9333ea 100%);--gradient-gold: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%);--gradient-success: linear-gradient(135deg, #00FF88 0%, #00BFFF 100%);--gradient-danger: linear-gradient(135deg, #FF3366 0%, #FF00FF 100%);--gradient-glass: linear-gradient(135deg, rgba(147, 51, 234, .1) 0%, rgba(0, 191, 255, .05) 100%);--gradient-glass-strong: linear-gradient(135deg, rgba(147, 51, 234, .2) 0%, rgba(0, 191, 255, .1) 100%);--gradient-glass-hover: linear-gradient(135deg, rgba(147, 51, 234, .25) 0%, rgba(0, 191, 255, .15) 100%);--gradient-bg-radial: radial-gradient(ellipse at top, rgba(147, 51, 234, .15) 0%, transparent 50%);--gradient-bg-mesh: radial-gradient(at 20% 30%, rgba(147, 51, 234, .12) 0%, transparent 50%), radial-gradient(at 80% 20%, rgba(0, 191, 255, .08) 0%, transparent 50%), radial-gradient(at 40% 80%, rgba(255, 0, 255, .06) 0%, transparent 50%);--gradient-text-cyber: linear-gradient(90deg, #a855f7 0%, #00BFFF 50%, #FF00FF 100%);--gradient-text-gold: linear-gradient(90deg, #FFD700 0%, #FFA500 100%);--spacing-1: 8px;--spacing-2: 12px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-7: 64px;--radius-sm: 8px;--radius-card: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--radius-icon: 12px;--shadow-card: 0 4px 20px rgba(147, 51, 234, .15), 0 0 40px rgba(147, 51, 234, .05);--shadow-card-hover: 0 8px 30px rgba(147, 51, 234, .25), 0 0 60px rgba(147, 51, 234, .1);--shadow-card-strong: 0 12px 40px rgba(147, 51, 234, .3), 0 0 80px rgba(147, 51, 234, .15);--shadow-glow-sm: 0 0 15px var(--color-primary-glow);--shadow-glow: 0 0 25px var(--color-primary-glow);--shadow-glow-lg: 0 0 40px var(--color-primary-glow);--shadow-glow-cyan: 0 0 25px var(--color-accent-cyan-glow);--shadow-glow-pink: 0 0 25px var(--color-accent-pink-glow);--shadow-glow-gold: 0 0 25px var(--color-accent-gold-glow);--shadow-focus: 0 0 0 2px var(--color-bg-root), 0 0 0 4px var(--color-accent-cyan), 0 0 20px var(--color-accent-cyan-glow);--shadow-button-3d: 0 4px 0 rgba(0, 0, 0, .4), 0 6px 20px rgba(147, 51, 234, .3), inset 0 1px 0 rgba(255, 255, 255, .2);--shadow-button-3d-hover: 0 6px 0 rgba(0, 0, 0, .35), 0 10px 30px rgba(147, 51, 234, .4), inset 0 1px 0 rgba(255, 255, 255, .25);--shadow-button-3d-active: 0 2px 0 rgba(0, 0, 0, .5), 0 4px 15px rgba(147, 51, 234, .25), inset 0 2px 4px rgba(0, 0, 0, .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-default: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-spring: .6s cubic-bezier(.175, .885, .32, 1.275);--glass-blur: blur(20px);--glass-blur-strong: blur(30px);--glass-saturate: saturate(1.2);--font-display: "Orbitron", "Exo 2", sans-serif;--font-heading: "Rajdhani", "Exo 2", sans-serif;--font-body: "Exo 2", "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box}html{overflow-x:hidden;max-width:100vw;scroll-behavior:smooth}body{margin:0;min-height:100vh;max-width:100vw;background:var(--gradient-bg-mesh),linear-gradient(180deg,#0a0a0f,#0f0a15,#0a0f15 50%,#0a0a0f);background-attachment:fixed;color:var(--color-text-primary);font-family:var(--font-body);font-weight:400;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(147,51,234,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(0,191,255,.06),transparent),radial-gradient(ellipse 60% 40% at 0% 50%,rgba(255,0,255,.04),transparent);pointer-events:none;z-index:-1;animation:bg-pulse 15s ease-in-out infinite alternate}@keyframes bg-pulse{0%{opacity:.7}to{opacity:1}}::selection{background:#9333ea66;color:#fff}.fixed-top-bar{position:fixed;top:0;left:0;right:0;height:64px;background:var(--color-bg-glass-strong);-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);border-bottom:1px solid var(--color-stroke-soft);display:flex;align-items:center;justify-content:center;gap:16px;z-index:1000;padding:0 24px;box-shadow:0 4px 30px #0000004d,inset 0 -1px #9333ea33}.fixed-top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gradient-cyber);opacity:.8}.top-bar-username{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;letter-spacing:.05em;color:var(--color-text-primary);text-shadow:0 0 15px var(--color-primary-glow)}.top-bar-balance-container{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--color-bg-glass);border:1px solid var(--color-stroke-soft);border-radius:var(--radius-pill)}.top-bar-balance-label{font-family:var(--font-heading);font-weight:600;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.top-bar-balance{font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--color-accent-cyan);text-shadow:0 0 15px var(--color-accent-cyan-glow);letter-spacing:.02em}.top-bar-divider{color:var(--color-stroke-medium);font-weight:300;font-size:1.2rem}.top-bar-admin{font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-gold);text-shadow:0 0 15px var(--color-accent-gold-glow);padding:4px 12px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-pill)}.lobby-container{padding-top:80px}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:.02em;font-weight:700;text-transform:uppercase}h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:.05em;text-shadow:0 0 30px var(--color-primary-glow)}h2{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;text-shadow:0 0 20px rgba(147,51,234,.3)}h3{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600}.text-cyber{background:var(--gradient-text-cyber);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.text-gold{background:var(--gradient-text-gold);-webkit-background-clip:text;background-clip:text;color:transparent}.text-glow{text-shadow:0 0 20px currentColor}p{margin:0;color:var(--color-text-secondary);line-height:1.7}label{display:block;font-family:var(--font-heading);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-secondary)}a{color:var(--color-accent-cyan);text-decoration:none;transition:var(--transition-fast);position:relative}a:hover{color:var(--color-primary-light);text-shadow:0 0 10px var(--color-accent-cyan-glow)}a:not(.button-cta):not(.button-secondary):not(.nav-pill):after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-cyber);transition:width var(--transition-default)}a:not(.button-cta):not(.button-secondary):not(.nav-pill):hover:after{width:100%}button{font-family:var(--font-heading);font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:none;outline:none;background:transparent;color:inherit;cursor:pointer;transition:var(--transition-default);position:relative}button:disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.3)}button:focus-visible,[tabindex]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--shadow-focus)}input,textarea,select{width:100%;border-radius:var(--radius-card);border:1px solid var(--color-stroke-soft);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-text-primary);padding:16px 20px;font-family:var(--font-body);font-size:1rem;font-weight:500;transition:all var(--transition-default)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);font-weight:400}input:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:var(--color-stroke-medium);background:var(--color-bg-glass-strong)}input:focus,textarea:focus,select:focus{border-color:var(--color-accent-cyan);background:var(--color-bg-glass-strong);box-shadow:var(--shadow-focus)}input[type=number]{font-family:var(--font-display);letter-spacing:.05em}input[type=checkbox],input[type=radio]{width:20px;height:20px;padding:0;accent-color:var(--color-primary-base);cursor:pointer}.ui-shell{min-height:100vh;max-width:100vw;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-5) var(--spacing-3);overflow-x:hidden;background:radial-gradient(circle at top left,rgba(147,51,234,.12),transparent 35%),var(--color-bg-root)}.ui-shell__content{width:min(520px,100%)}.ui-card{background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border:1px solid var(--color-stroke-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-5);transition:all var(--transition-default);position:relative;overflow:hidden}.ui-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-glow),transparent);opacity:.5}.ui-card--compact{padding:var(--spacing-4)}.ui-card--hoverable:hover{border-color:var(--color-stroke-medium);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.ui-card--hoverable:hover:before{opacity:1}.ui-card--neon{border-color:var(--color-stroke-strong);box-shadow:var(--shadow-card),inset 0 0 30px #9333ea0d}.ui-card--neon:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card-hover),0 0 40px var(--color-accent-cyan-glow),inset 0 0 40px #00bfff0d}.ui-card__header{border-bottom:1px solid var(--color-stroke-soft);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-3)}.ui-card__section+.ui-card__section{border-top:1px solid var(--color-stroke-soft);margin-top:var(--spacing-3);padding-top:var(--spacing-3)}.ui-gradient-text{background:var(--gradient-text-cyber);-webkit-background-clip:text;background-clip:text;color:transparent}.ui-label-muted{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.button-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 32px;border-radius:var(--radius-pill);border:none;background:var(--gradient-primary);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--shadow-button-3d);transition:all var(--transition-default);overflow:hidden;z-index:1}.button-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transform:translate(-100%);transition:transform .6s ease}.button-cta:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-cyber);z-index:-1;opacity:0;transition:opacity var(--transition-default)}.button-cta:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-button-3d-hover)}.button-cta:hover:not(:disabled):before{transform:translate(100%)}.button-cta:hover:not(:disabled):after{opacity:1}.button-cta:active:not(:disabled){transform:translateY(1px);box-shadow:var(--shadow-button-3d-active)}.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--radius-pill);border:1px solid var(--color-stroke-medium);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-text-primary);font-family:var(--font-heading);font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition-default);position:relative;overflow:hidden}.button-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-glass);opacity:0;transition:opacity var(--transition-default)}.button-secondary:hover:not(:disabled){border-color:var(--color-accent-cyan);box-shadow:0 0 20px var(--color-accent-cyan-glow);transform:translateY(-2px)}.button-secondary:hover:not(:disabled):before{opacity:1}.button-secondary--success{border-color:var(--color-success);color:var(--color-success)}.button-secondary--success:hover:not(:disabled){box-shadow:0 0 20px var(--color-success-glow)}.button-secondary--danger{border-color:var(--color-danger);color:var(--color-danger)}.button-secondary--danger:hover:not(:disabled){box-shadow:0 0 20px var(--color-danger-glow)}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:var(--radius-pill);border:none;background:var(--gradient-primary);color:#fff;font-family:var(--font-heading);font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-glow-sm);transition:all var(--transition-default)}.button-primary:hover:not(:disabled){background:var(--gradient-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.button-segmented-group{display:inline-flex;align-items:center;background:#131a26cc;border:1px solid rgba(34,48,86,.7);border-radius:var(--radius-pill);padding:4px;gap:6px}.button-segmented{position:relative;flex:1 1 auto;min-width:120px;padding:12px 20px;border-radius:var(--radius-pill);border:1px solid transparent;color:var(--color-text-secondary);font-weight:600;background:transparent;transition:transform .16s ease,color .16s ease,background .16s ease}.button-segmented:hover:not(.is-active){color:var(--color-text-primary);background:#6e8bff14;transform:translateY(-1px)}.button-segmented.is-active{background:linear-gradient(140deg,#6e8bff38,#4169e152);border:1px solid rgba(110,139,255,.6);color:var(--color-text-primary);box-shadow:0 8px 18px #4169e140}.button-segmented.is-active:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid rgba(110,139,255,.4);pointer-events:none}.button-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-icon);background:#141a26e6;border:1px solid rgba(34,48,86,.9);color:var(--color-text-primary);box-shadow:0 10px 22px #060c1673;transition:var(--transition-default)}.button-icon:hover:not(:disabled){background:#1b2332f2;box-shadow:0 12px 28px #141e2d8c}.nav-pill{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 24px;border-radius:var(--radius-card);border:1px solid var(--color-stroke-soft);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--color-text-secondary);font-family:var(--font-heading);font-weight:700;white-space:nowrap;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition-default);position:relative;cursor:pointer;z-index:11;flex-shrink:0;box-shadow:0 4px 12px #0000004d,0 8px 20px #0003,inset 0 1px #ffffff0d;transform:perspective(1000px) translateZ(0)}.nav-pill:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.nav-pill:hover:not(.is-active){color:var(--color-text-primary);border-color:var(--color-stroke-medium);background:var(--color-bg-glass-strong);transform:perspective(1000px) translateZ(8px) translateY(-3px);box-shadow:0 8px 20px #0006,0 12px 30px #0000004d,0 0 25px var(--color-primary-glow)}.nav-pill.is-active{background:var(--gradient-glass-strong);border-color:var(--color-accent-cyan);color:#fff;transform:perspective(1000px) translateZ(12px);box-shadow:0 8px 24px #00000080,0 0 40px var(--color-accent-cyan-glow),0 0 15px var(--color-primary-glow),inset 0 1px #ffffff1a}.nav-pill.is-active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:3px;background:var(--gradient-cyber);border-radius:var(--radius-pill);box-shadow:0 0 15px var(--color-accent-cyan-glow);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:1;box-shadow:0 0 15px var(--color-accent-cyan-glow)}50%{opacity:.7;box-shadow:0 0 25px var(--color-accent-cyan-glow)}}.lobby-nav{overflow-x:hidden;overflow-y:visible;position:relative;padding:32px 0 24px;z-index:10;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.lobby-nav-track{display:flex;align-items:center;gap:16px;padding:8px 24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;perspective:1200px;perspective-origin:center center;cursor:grab;height:auto}.lobby-nav-track:active{cursor:grabbing}.lobby-nav-track::-webkit-scrollbar{display:none}.badge-soft{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(110,139,255,.3);background:#111723cc;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.table-card{background:#0e1420f0;border:1px solid rgba(34,48,86,.6);border-radius:var(--radius-card);padding:var(--spacing-3);box-shadow:var(--shadow-card)}.table-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);border-radius:14px;transition:var(--transition-default)}.table-row--header{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-text-muted);background:transparent;border:1px solid rgba(39,48,68,.6)}.table-row--highlight{border:1px solid rgba(110,139,255,.6);box-shadow:0 12px 28px #4169e133}.table-row+.table-row{margin-top:var(--spacing-2)}.table-row:hover{border:1px solid rgba(110,139,255,.4);box-shadow:0 8px 20px #4169e126}.medallion{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:radial-gradient(circle at 30% 30%,#ffffff73,#4169e1e6);border:2px solid rgba(110,139,255,.65);box-shadow:0 0 0 2px #4169e159,inset 0 0 12px #0b0f1466}.medallion--muted{background:radial-gradient(circle at 30% 30%,#fff3,#223056e6);border-color:#4169e173}.metric{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.metric__value{font-size:1.75rem;font-weight:700;color:var(--color-primary-light);font-variant-numeric:tabular-nums;text-align:right}.metric__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);text-align:right}.divider-soft{width:100%;height:1px;background:#1d2533e6}.glass-panel{background:var(--color-bg-glass);border:1px solid var(--color-stroke-soft);border-radius:var(--radius-card);-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);box-shadow:var(--shadow-card),inset 0 0 60px #9333ea08;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,transparent 30%,var(--color-primary-glow) 50%,transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-default);animation:border-rotate 4s linear infinite paused}.glass-panel:hover:before{opacity:1;animation-play-state:running}@keyframes border-rotate{to{background:linear-gradient(495deg,transparent 30%,var(--color-primary-glow) 50%,transparent 70%)}}.glass-panel--neon{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card),0 0 30px var(--color-accent-cyan-glow),inset 0 0 60px #00bfff08}.fade-in{animation:fadeIn .32s ease}.login-screen{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:var(--spacing-5);gap:var(--spacing-4);overflow-y:auto;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(147,51,234,.2),transparent),radial-gradient(ellipse 60% 40% at 90% 20%,rgba(0,191,255,.1),transparent),radial-gradient(ellipse 60% 40% at 10% 80%,rgba(255,0,255,.08),transparent),var(--color-bg-root);position:relative;z-index:1}.login-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--color-stroke-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-stroke-soft) 1px,transparent 1px);background-size:60px 60px;opacity:.15;pointer-events:none;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:perspective(500px) rotateX(60deg) translateY(0)}to{transform:perspective(500px) rotateX(60deg) translateY(60px)}}.login-card{width:min(520px,100%);max-width:calc(100vw - 2 * var(--spacing-5));padding:var(--spacing-6);border-radius:var(--radius-xl);border:1px solid var(--color-stroke-soft);background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);backdrop-filter:var(--glass-blur-strong) var(--glass-saturate);box-shadow:var(--shadow-card-strong),inset 0 0 60px #9333ea0d;position:relative;overflow:hidden;margin:var(--spacing-5) auto;z-index:10}.login-card::-webkit-scrollbar{width:8px}.login-card::-webkit-scrollbar-track{background:transparent}.login-card::-webkit-scrollbar-thumb{background:#6e8bff59;border-radius:999px}@media (max-width: 768px){.login-screen{align-items:stretch;padding:var(--spacing-4) var(--spacing-3);overflow-x:hidden}.login-card{padding:var(--spacing-4);width:100%;max-width:calc(100vw - 2 * var(--spacing-3));margin:var(--spacing-4) auto}}.play-carousel{display:flex;gap:var(--spacing-3);overflow-x:auto;padding-bottom:var(--spacing-2);scroll-snap-type:x mandatory}.play-carousel__item{flex:0 0 260px;scroll-snap-align:start}.play-carousel::-webkit-scrollbar{height:6px}.play-carousel::-webkit-scrollbar-thumb{background:#6e8bff4d;border-radius:999px}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyber);opacity:.8}.login-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 50%);opacity:.15;pointer-events:none}.login-card__content{position:relative;display:flex;flex-direction:column;z-index:1;gap:var(--spacing-4)}.login-card__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.login-card__title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:var(--gradient-text-cyber);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.login-card__subtitle{font-size:1rem;color:var(--color-text-secondary);max-width:400px}.login-card__toggle{display:flex;justify-content:center}.login-card__form,.login-card__inputs{display:flex;flex-direction:column;gap:var(--spacing-3)}.login-card__actions{display:flex;flex-direction:column;gap:var(--spacing-2)}.login-card__footer{border-radius:var(--radius-card);border:1px solid rgba(34,48,86,.8);background:#0e1420bf;padding:var(--spacing-3);box-shadow:inset 0 1px #6e8bff0f}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-3)}.login-feature{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-weight:500}.login-feature__icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#4169e129;border:1px solid rgba(110,139,255,.24)}.lobby-shell{min-height:100vh;width:100%;display:flex;justify-content:center;padding:0;position:relative}.lobby-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 60% at 50% 0%,rgba(147,51,234,.12) 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 100% 50%,rgba(0,191,255,.06) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 0% 80%,rgba(255,0,255,.04) 0%,transparent 50%);pointer-events:none;z-index:-1}.lobby-container{width:min(1280px,100%);display:flex;flex-direction:column;gap:var(--spacing-4);padding:0 var(--spacing-3);position:relative;z-index:1}.lobby-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-card);background:#0c121cd1;border:1px solid rgba(34,48,86,.85);box-shadow:var(--shadow-card)}.lobby-header__identity{display:flex;flex-direction:column;gap:var(--spacing-1)}.lobby-header__meta{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.pill-stat{padding:12px 20px;border-radius:var(--radius-pill);background:#0e1420d9;border:1px solid rgba(34,48,86,.75);font-size:.95rem;color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:10px}.pill-stat__value{font-weight:700;color:var(--color-text-primary)}.lobby-nav{display:flex;gap:var(--spacing-2);overflow-x:auto;padding:2px;scrollbar-width:none}.lobby-nav::-webkit-scrollbar{display:none}.lobby-main{display:flex;flex-direction:column;gap:var(--spacing-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-3)}.panel-tonal{background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur) var(--glass-saturate);backdrop-filter:var(--glass-blur) var(--glass-saturate);border-radius:var(--radius-card);border:1px solid var(--color-stroke-soft);padding:var(--spacing-4);box-shadow:var(--shadow-card);transition:all var(--transition-default);position:relative}.panel-tonal:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-glow),var(--color-accent-cyan-glow),transparent);opacity:.6}.panel-tonal:hover{border-color:var(--color-stroke-medium);box-shadow:var(--shadow-card-hover)}.panel-tonal:hover:before{opacity:1}.panel-tonal--subtle{background:#0c121c80;border-color:#9333ea1a}.panel-tonal--subtle:before{opacity:.3}.panel-tonal--highlight{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card),0 0 30px var(--color-accent-cyan-glow)}.panel-tonal--highlight:before{background:var(--gradient-cyber);opacity:1}.stack{display:flex;flex-direction:column;gap:var(--spacing-3)}.segmented-collection{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.segmented-option{padding:12px 18px;border-radius:var(--radius-pill);border:1px solid rgba(34,48,86,.85);background:#131a26ad;color:var(--color-text-secondary);font-weight:600;transition:var(--transition-default)}.segmented-option.is-active{border-color:#6e8bffb3;background:#4169e12e;color:var(--color-text-primary);box-shadow:0 10px 24px #4169e138}.segmented-option:hover{border-color:#6e8bff73;color:var(--color-text-primary)}.list-glow{display:flex;flex-direction:column;gap:var(--spacing-2)}.list-glow__item{border-radius:16px;padding:var(--spacing-2) var(--spacing-3);border:1px solid rgba(34,48,86,.65);background:#0f1622d1;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3);transition:var(--transition-default)}.list-glow__item:hover{border-color:#6e8bffd9;box-shadow:0 12px 26px #4169e133}.badge-chip{padding:4px 10px;border-radius:999px;background:#4169e11f;border:1px solid rgba(110,139,255,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.divider-vertical{width:1px;height:100%;background:#1d2533e6}.profile-card{display:grid;gap:var(--spacing-3);background:#0e1420cc;border-radius:var(--radius-card);border:1px solid rgba(34,48,86,.7);padding:var(--spacing-4);box-shadow:var(--shadow-card)}.profile-card__header{display:flex;justify-content:space-between;align-items:center}.profile-card__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-3)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-3)}.table-compact{width:100%;border-collapse:collapse;font-size:.9rem;color:var(--color-text-secondary)}.table-compact thead tr{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:var(--color-text-muted)}.table-compact th,.table-compact td{padding:12px 16px;border-bottom:1px solid rgba(39,48,68,.5)}.table-compact tbody tr:hover{background:#4169e114}.tag-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.tag-status--paid{background:#3bd6b42e;color:#8af0d8;border:1px solid rgba(59,214,180,.6)}.tag-status--pending{background:#6e8bff24;color:var(--color-primary-light);border:1px solid rgba(110,139,255,.5)}.tag-status--rejected{background:#ff6b811f;color:#ff9aa9;border:1px solid rgba(255,107,129,.5)}.qr-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-card);background:#0b1018e0;border:1px solid rgba(34,48,86,.7)}.qr-wrapper img{border-radius:12px;box-shadow:0 12px 28px #0a122073}.copy-button{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;border:1px solid rgba(34,48,86,.8);background:#0e1420d1;color:var(--color-text-primary);font-weight:600;transition:var(--transition-default)}.copy-button:hover{border-color:#6e8bff99;background:#4169e11a}.muted-grid{background:#0c121cb8;border-radius:var(--radius-card);border:1px solid rgba(34,48,86,.65);padding:var(--spacing-3)}.muted-grid__row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(29,37,51,.75)}.muted-grid__row:last-child{border-bottom:none}.empty-state{padding:var(--spacing-4);text-align:center;color:var(--color-text-muted);border-radius:var(--radius-card);border:1px dashed rgba(34,48,86,.7);background:#0a101a99}.field-block{background:#0e1420b8;border-radius:14px;border:1px solid rgba(34,48,86,.7);padding:14px 16px;font-weight:600;color:var(--color-text-primary);transition:var(--transition-default)}.field-block--highlight{border-color:#6e8bffcc;background:#4169e12e;color:var(--color-primary-light);box-shadow:0 10px 24px #4169e133}.field-block:hover{border-color:#6e8bff66}.play-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);text-align:center;padding:var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--color-stroke-soft);background:radial-gradient(ellipse at top,rgba(147,51,234,.15) 0%,transparent 60%),var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);transition:all var(--transition-default);overflow:hidden;cursor:pointer}.play-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--color-accent-cyan-glow) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-default)}.play-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyber);transform:scaleX(0);transition:transform var(--transition-default)}.play-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card-strong),0 0 40px var(--color-accent-cyan-glow)}.play-card:hover:before{opacity:.3}.play-card:hover:after{transform:scaleX(1)}.play-card__icon{width:80px;height:80px;border-radius:var(--radius-xl);display:grid;place-items:center;font-size:2.5rem;background:var(--gradient-glass-strong);border:1px solid var(--color-stroke-medium);box-shadow:0 8px 24px #9333ea33,inset 0 0 20px #ffffff0d;transition:all var(--transition-default)}.play-card:hover .play-card__icon{border-color:var(--color-accent-cyan);box-shadow:0 12px 32px #00bfff4d,0 0 20px var(--color-accent-cyan-glow);transform:scale(1.1)}.play-card__title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-primary)}.play-card__description{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5}.play-card--disabled{opacity:.5;filter:grayscale(.5);pointer-events:none}.play-card--secondary{background:radial-gradient(ellipse at top,rgba(0,191,255,.1) 0%,transparent 60%),var(--color-bg-glass)}.play-card--secondary:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-card-strong),0 0 40px var(--color-primary-glow)}.play-card--premium{border-color:#ffd7004d;background:radial-gradient(ellipse at top,rgba(255,215,0,.1) 0%,transparent 60%),var(--color-bg-glass)}.play-card--premium:after{background:var(--gradient-gold)}.play-card--premium:hover{border-color:var(--color-accent-gold);box-shadow:var(--shadow-card-strong),0 0 40px var(--color-accent-gold-glow)}@media (max-width: 960px){.lobby-header{flex-direction:column;align-items:flex-start}.lobby-header__meta{width:100%}}@media (max-width: 720px){.lobby-shell{padding:var(--spacing-4) var(--spacing-2)}.lobby-container{gap:var(--spacing-3)}.lobby-nav{padding-bottom:6px}.card-grid{grid-template-columns:1fr}}.alert{border-radius:var(--radius-card);padding:16px 20px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:14px;border:1px solid transparent;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:relative;overflow:hidden}.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.alert--error{background:#ff33661a;border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 0 20px var(--color-danger-glow)}.alert--error:before{background:var(--gradient-danger)}.alert--success{background:#00ff881a;border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 20px var(--color-success-glow)}.alert--success:before{background:var(--gradient-success)}.alert--warning{background:#ffd7001a;border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 0 20px var(--color-warning-glow)}.alert--warning:before{background:var(--gradient-gold)}.alert--info{background:#00bfff1a;border-color:var(--color-accent-cyan);color:var(--color-accent-cyan);box-shadow:0 0 20px var(--color-accent-cyan-glow)}.alert--info:before{background:var(--gradient-cyber)}.alert__icon{font-size:1.3rem;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid rgba(34,48,86,.8);background:#0d121bd9;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0f16e6}::-webkit-scrollbar-thumb{background:#273044e6;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#6e8bff8c}.ticket-carousel{width:100%;max-width:500px;margin:0 auto}.ticket-carousel-header{text-align:center;margin-bottom:var(--spacing-4)}.ticket-carousel-header h3{margin:0;font-family:var(--font-heading);color:var(--color-text-primary);font-size:1.3rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ticket-carousel-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.carousel-arrow{background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;width:52px;height:52px;cursor:pointer;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all var(--transition-default);box-shadow:var(--shadow-button-3d);position:relative}.carousel-arrow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-cyber);z-index:-1;opacity:0;transition:opacity var(--transition-default)}.carousel-arrow:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-button-3d-hover)}.carousel-arrow:hover:not(:disabled):before{opacity:1}.carousel-arrow:active:not(:disabled){transform:scale(.95);box-shadow:var(--shadow-button-3d-active)}.carousel-arrow:disabled{background:var(--color-bg-glass);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;border:1px solid var(--color-stroke-soft)}.ticket-option{background:var(--color-bg-glass);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:2px solid var(--color-stroke-medium);color:var(--color-text-primary);padding:var(--spacing-5);border-radius:var(--radius-xl);text-align:center;min-width:260px;box-shadow:var(--shadow-card);transition:all var(--transition-default);position:relative;overflow:hidden}.ticket-option:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:var(--gradient-cyber);opacity:.6}.ticket-option:hover{border-color:var(--color-accent-cyan);box-shadow:var(--shadow-card-hover),0 0 30px var(--color-accent-cyan-glow);transform:scale(1.02)}.ticket-option.insufficient-balance{border-color:var(--color-danger);box-shadow:0 0 30px var(--color-danger-glow)}.ticket-option.insufficient-balance:before{background:var(--gradient-danger)}.ticket-option.disabled{opacity:.5;pointer-events:none;filter:grayscale(.3)}.ticket-value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-2);background:var(--gradient-text-cyber);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em}.ticket-label{font-family:var(--font-heading);font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.15em}.ticket-prize{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-success);text-shadow:0 0 15px var(--color-success-glow)}.insufficient-balance-warning{margin-top:var(--spacing-2);font-size:.85rem;color:var(--color-warning);font-weight:600;text-shadow:0 0 10px var(--color-warning-glow)}.ticket-carousel-indicators{display:flex;justify-content:center;gap:var(--spacing-2)}.indicator{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-stroke-soft);background:var(--color-bg-glass);cursor:pointer;transition:all var(--transition-default)}.indicator.active{background:var(--gradient-cyber);border-color:var(--color-accent-cyan);transform:scale(1.3);box-shadow:0 0 15px var(--color-accent-cyan-glow)}.indicator:hover:not(:disabled):not(.active){background:var(--color-stroke-medium);border-color:var(--color-primary-light);transform:scale(1.1)}.indicator:disabled{cursor:not-allowed;opacity:.4}@media (max-width: 768px){.ticket-carousel-container{gap:var(--spacing-2)}.carousel-arrow{width:42px;height:42px;font-size:18px}.ticket-option{min-width:200px;padding:var(--spacing-3)}.ticket-value{font-size:1.8rem}.ticket-prize{font-size:1.1rem}}.smoke-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}@keyframes smoke-float{0%{transform:translate(0) rotate(0) scale(1);opacity:0}10%{opacity:.6}50%{opacity:.8}90%{opacity:.3}to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(var(--scale));opacity:0}}.smoke-particle{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,0,255,.12) 0%,rgba(0,255,255,.08) 50%,transparent 70%);filter:blur(50px);animation:smoke-float linear infinite}.smoke-particle-1{--tx: 300px;--ty: -500px;--rot: 180deg;--scale: 1.5;left:10%;top:80%;animation-duration:20s;animation-delay:0s}.smoke-particle-2{--tx: -200px;--ty: -600px;--rot: -120deg;--scale: 1.8;right:20%;top:90%;animation-duration:18s;animation-delay:3s}.smoke-particle-3{--tx: 400px;--ty: -550px;--rot: 240deg;--scale: 1.3;left:50%;top:85%;animation-duration:22s;animation-delay:6s}.smoke-particle-4{--tx: -300px;--ty: -520px;--rot: 90deg;--scale: 1.6;right:10%;top:75%;animation-duration:19s;animation-delay:9s}.smoke-particle-5{--tx: 250px;--ty: -580px;--rot: -150deg;--scale: 1.4;left:30%;top:95%;animation-duration:21s;animation-delay:12s}.lobby-header-new{position:relative;z-index:10;margin-bottom:var(--spacing-5);overflow:visible}.logo-header{position:relative;width:100%;overflow:visible}.logo-container{position:relative;width:100%;max-width:1200px;height:300px;margin:0 auto -40px;padding:0 20px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1}.logo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed rgba(110,139,255,.3);border-radius:16px;background:#11172380;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-secondary)}.car-animation-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.user-info-bar{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;background:#111723cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-stroke-soft);border-radius:24px;box-shadow:var(--shadow-card)}.lobby-shell{position:relative;max-width:100vw;overflow-x:hidden}.lobby-container{position:relative;max-width:100%;z-index:1}@media (max-width: 1280px){.logo-container{max-width:900px;height:225px}}@media (max-width: 768px){.logo-container{max-width:100%;height:150px;padding:0 12px}.user-info-bar{flex-direction:column;gap:12px}.room-type-buttons{grid-template-columns:1fr!important}.smoke-particle{width:150px;height:150px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes db-light-1{0%{cx:19;cy:9.5}45%{cx:95;cy:35}55%{cx:100;cy:45}to{cx:100;cy:45}}@keyframes db-light-2{0%{cx:56;cy:9.5}45%{cx:100;cy:30}55%{cx:100;cy:45}to{cx:100;cy:45}}@keyframes db-light-3{0%{cx:100;cy:9.5}45%{cx:100;cy:35}55%{cx:100;cy:45}to{cx:100;cy:45}}@keyframes db-light-4{0%{cx:144;cy:9.5}45%{cx:100;cy:30}55%{cx:100;cy:45}to{cx:100;cy:45}}@keyframes db-light-5{0%{cx:181;cy:9.5}45%{cx:105;cy:35}55%{cx:100;cy:45}to{cx:100;cy:45}}.db-light-1{animation:db-light-1 2s ease-in-out infinite}.db-light-2{animation:db-light-2 2s ease-in-out infinite;animation-delay:.1s}.db-light-3{animation:db-light-3 2s ease-in-out infinite;animation-delay:.2s}.db-light-4{animation:db-light-4 2s ease-in-out infinite;animation-delay:.3s}.db-light-5{animation:db-light-5 2s ease-in-out infinite;animation-delay:.4s}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:1}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:1}to{height:0;opacity:0}}.accordion-content[data-state=open]{animation:accordion-down .2s ease-in-out}.accordion-content[data-state=closed]{animation:accordion-up .2s ease-in-out}.accordion-trigger[data-state=open] .accordion-chevron{transform:rotate(180deg)}.accordion-trigger[data-state=open]{border-bottom:2px solid rgba(147,51,234,.3)!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.expandable-tabs{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.expandable-tab{position:relative;font-family:Inter,Manrope,sans-serif;outline:none;-webkit-tap-highlight-color:transparent}.expandable-tab:focus-visible{box-shadow:0 0 0 3px #9333ea80;outline:2px solid transparent;outline-offset:2px}.expandable-tab:hover{box-shadow:0 4px 16px #9333ea4d}.active-indicator{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.tab-separator{flex-shrink:0}@media (max-width: 768px){.expandable-tabs{max-width:100%;overflow-x:auto;overflow-y:visible;padding:6px;gap:6px;scrollbar-width:none;-ms-overflow-style:none}.expandable-tabs::-webkit-scrollbar{display:none}.expandable-tab{height:44px;padding:10px!important}.expandable-tabs--horizontal{flex-wrap:nowrap}}@media (max-width: 480px){.expandable-tabs{padding:4px;gap:4px}.expandable-tab{height:40px;padding:8px!important;font-size:.85rem}.tab-separator{margin:0 2px!important}}@media (prefers-color-scheme: dark){.expandable-tabs{background:#0a0a0f99;border-color:#9333ea33}.expandable-tab{color:var(--color-text-primary)}}@media (prefers-contrast: high){.expandable-tabs,.expandable-tab{border-width:2px}}@media (prefers-reduced-motion: reduce){.expandable-tab,.active-indicator{animation:none;transition:none}}@media (hover: none) and (pointer: coarse){.expandable-tab{min-height:48px;min-width:48px}.expandable-tab:active{transform:scale(.95)}}.expandable-tab:focus-visible:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid rgba(147,51,234,.8);border-radius:14px;pointer-events:none;animation:focus-pulse 1s ease-in-out infinite}@keyframes focus-pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-nav{mask-image:none;-webkit-mask-image:none;overflow:visible}.neon-text-primary{color:var(--color-primary-light);text-shadow:0 0 5px var(--color-primary-glow),0 0 15px var(--color-primary-glow),0 0 30px var(--color-primary-glow)}.neon-text-cyan{color:var(--color-accent-cyan);text-shadow:0 0 5px var(--color-accent-cyan-glow),0 0 15px var(--color-accent-cyan-glow),0 0 30px var(--color-accent-cyan-glow)}.neon-text-gold{color:var(--color-accent-gold);text-shadow:0 0 5px var(--color-accent-gold-glow),0 0 15px var(--color-accent-gold-glow),0 0 30px var(--color-accent-gold-glow)}.gradient-border{position:relative;background:var(--color-bg-glass);z-index:0}.gradient-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:var(--gradient-cyber);z-index:-1;animation:gradient-rotate 3s linear infinite}@keyframes gradient-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.pulse{animation:pulse-animation 2s ease-in-out infinite}@keyframes pulse-animation{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.float{animation:float-animation 3s ease-in-out infinite}@keyframes float-animation{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer-animation 2s infinite}@keyframes shimmer-animation{0%{left:-100%}to{left:100%}}.glow-box{box-shadow:0 0 20px var(--color-primary-glow),inset 0 0 20px #9333ea0d}.glow-box--cyan{box-shadow:0 0 20px var(--color-accent-cyan-glow),inset 0 0 20px #00bfff0d}.glow-box--gold{box-shadow:0 0 20px var(--color-accent-gold-glow),inset 0 0 20px #ffd7000d}.hover-lift{transition:all var(--transition-default)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.stagger-fade-in>*{opacity:0;animation:stagger-fade .5s ease forwards}.stagger-fade-in>*:nth-child(1){animation-delay:.1s}.stagger-fade-in>*:nth-child(2){animation-delay:.2s}.stagger-fade-in>*:nth-child(3){animation-delay:.3s}.stagger-fade-in>*:nth-child(4){animation-delay:.4s}.stagger-fade-in>*:nth-child(5){animation-delay:.5s}.stagger-fade-in>*:nth-child(6){animation-delay:.6s}.stagger-fade-in>*:nth-child(7){animation-delay:.7s}.stagger-fade-in>*:nth-child(8){animation-delay:.8s}@keyframes stagger-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.divider-neon{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-glow),var(--color-accent-cyan-glow),transparent);border:none;margin:var(--spacing-4) 0}.scrollbar-premium::-webkit-scrollbar{width:8px;height:8px}.scrollbar-premium::-webkit-scrollbar-track{background:var(--color-bg-glass);border-radius:var(--radius-pill)}.scrollbar-premium::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-pill);border:2px solid var(--color-bg-root)}.scrollbar-premium::-webkit-scrollbar-thumb:hover{background:var(--gradient-cyber)}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--gradient-gold);color:#1a1a2e;font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 15px var(--color-accent-gold-glow)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot--online{background:var(--color-success);box-shadow:0 0 10px var(--color-success-glow);animation:status-pulse 2s infinite}.status-dot--offline{background:var(--color-text-muted)}.status-dot--busy{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning-glow)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.progress-bar-premium{width:100%;height:8px;background:var(--color-bg-glass);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--color-stroke-soft)}.progress-bar-premium__fill{height:100%;background:var(--gradient-cyber);border-radius:var(--radius-pill);transition:width var(--transition-slow);position:relative}.progress-bar-premium__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-animation 1.5s infinite}.cyber-grid-bg{position:relative}.cyber-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--color-stroke-soft) 1px,transparent 1px),linear-gradient(90deg,var(--color-stroke-soft) 1px,transparent 1px);background-size:40px 40px;opacity:.1;pointer-events:none}.display-number{font-family:var(--font-display);font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums}.display-number--lg{font-size:2.5rem}.display-number--xl{font-size:3.5rem}@media (max-width: 768px){.display-number--lg{font-size:2rem}.display-number--xl{font-size:2.5rem}.button-cta{min-height:50px;padding:0 24px;font-size:.9rem}.button-secondary{min-height:48px;padding:0 20px}.panel-tonal{padding:var(--spacing-3)}.ticket-option{min-width:220px;padding:var(--spacing-4)}.ticket-value{font-size:2rem}}@media (max-width: 480px){.display-number--lg{font-size:1.5rem}.display-number--xl{font-size:2rem}.button-cta{min-height:48px;padding:0 20px;font-size:.85rem}.fixed-top-bar{height:56px;padding:0 12px;gap:8px}.top-bar-username{font-size:.95rem}.top-bar-balance{font-size:1rem}}