.home,body{background-color:#000;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}.header{align-items:center;background-color:#22c55e;border-bottom:1px solid #1f2937;display:flex;justify-content:space-between;padding:20px 40px}.logo{color:#16a34a;color:rgb(22 163 74/var(--tw-bg-opacity,1));display:flex;font-size:1.5rem;margin-right:10px;text-decoration:none}.header .logo-img{background:#000;border-radius:10px;height:40px;padding:2px;width:auto}.nav-links{align-items:center;display:flex}.nav-links .btn-header-sign-up,.nav-links .btn-logout,.nav-links a{align-items:center;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;margin-left:20px;text-decoration:none}.btn-header-logout,.btn-header-sign-up{background-color:#1f2937;border-radius:8px;padding:12px 24px}.btn-header-logout,.btn-header-sign-up,.btn-logout{border:none;color:#fff;cursor:pointer;margin-left:20px}.btn-logout{background:none;font-weight:700}.placeholder-link{display:none}.soon-text{color:#cbd5e0;font-size:.85rem;font-style:italic;margin-left:6px}.hero{align-items:center;background:linear-gradient(90deg,#000,#111827);display:flex;flex-direction:column;justify-content:center;min-height:35vh;padding:60px 20px;text-align:center}.hero-title{font-size:3.7rem;font-weight:700;margin-bottom:16px}.hero-subtitle{color:#d1d5db;font-size:1.35rem;margin-bottom:24px}.btn{border-radius:8px;display:inline-block;font-weight:700;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.btn-green{background-color:#22c55e;color:#fff;cursor:pointer}.btn-green:hover{background-color:#16a34acc;background-color:rgb(22 163 74/var(--tw-bg-opacity,.8))}.btn-white{background-color:#fff;color:#000;cursor:pointer}.btn-white:hover{background-color:#dfdfdf}.section{padding:60px 20px;text-align:center}.section.dark{background-color:#000;display:flex;flex-direction:column}.section.darker{background-color:#111827}.section-title{color:#22c55e}.section-title,.section-title-white{font-size:2rem;font-weight:700;margin-bottom:32px}.section-title-white{color:#fff}.section-text{color:#d1d5db;margin:0 auto 32px;max-width:700px}.steps{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.step{background-color:#1f2937;border-radius:9px;max-width:250px;padding:10px}.step img{height:80px;margin-bottom:16px;width:80px}.currency-dropdown{background-color:#1f2937;border:1px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:12px;padding:6px 10px}@media (max-width:768px){.currency-dropdown{font-size:.85rem;margin-left:90px;margin-top:-4px;padding:4px 8px}}.header-logo-text{align-items:center;display:flex;flex-direction:row}.step h3{color:#fff;font-size:1.2rem;margin-bottom:8px}.step p{color:#9ca3af;font-size:.95rem}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:20px}.footer{background-color:#000;border-top:1px solid #1f2937;color:#6b7280;font-size:.875rem;padding:20px;text-align:center}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.8rem}.logo-text{color:#000;font-size:22px;margin-left:10px}@media (max-width:768px){.header{flex-direction:row;height:30px;justify-content:space-between;padding:16px 20px}.menu-toggle{display:block}.logo-text{font-size:16px;margin-left:5px}.nav-links{align-items:flex-start;background-color:#111827;border-top:1px solid #1f2937;display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:absolute;right:0;top:64px;z-index:10}.nav-links.open{display:flex}.nav-links .btn-header-sign-up,.nav-links .btn-logout,.nav-links .placeholder-link,.nav-links a{align-items:center;border-bottom:1px solid #2d3748;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;margin-left:0;padding:8px 0;text-decoration:none;width:100%}.header .logo-img{height:30px}.placeholder-link{display:flex;justify-content:space-between;margin-top:8px}.cta-buttons{flex-direction:column;gap:12px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.steps{gap:20px}.step{max-width:none;width:100%}.section{padding:40px 16px}.section-title,.section-title-white{font-size:2rem;margin-bottom:24px}.section-text{font-size:1.2rem;padding:0 10px}.btn,.btn-green,.btn-white{font-size:1rem;padding:12px;text-align:center;width:100%}.btn-green,.btn-white{width:50%}.hero{padding:40px 16px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.5rem;padding:0 30px}.footer{font-size:.75rem;padding:16px}.btn-header-logout{margin-left:0}}.auth-container{align-items:center;background-color:#0d0d14;display:flex;justify-content:center;min-height:70vh}.auth-box{background-color:#14141f;border-radius:12px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;max-width:400px;padding:2rem;width:100%}.auth-title{color:#22c55e;margin-bottom:1.5rem;text-align:center}.auth-box input{background-color:#1e1e2d;border:none;border-radius:6px;color:#fff;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-box input::placeholder{color:#777}.auth-box button{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s ease-in-out}.auth-box button:hover{background-color:#2fbd5b}.auth-footer{color:#999;margin-top:1rem;text-align:center}.auth-footer a{color:#22c55e;text-decoration:none}.error{color:red;margin-top:1rem;text-align:center}.auth-label{color:#ccc;font-size:.95rem;margin-bottom:4px}.required{color:red;margin-left:4px}.password-wrapper{position:relative}.password-wrapper input{background-color:#1e1e2d;border:none;border-radius:6px;color:#fff;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:92%}.eye-icon{color:#aaa;cursor:pointer;font-size:1.1rem;position:absolute;right:14px;top:40%;transform:translateY(-50%)}@media (max-width:480px){.password-wrapper input{width:90%}}.login-container{align-items:center;background-color:#0f111a;display:flex;justify-content:center;min-height:70vh;padding:1rem}.login-card{background-color:#131620;border-radius:12px;box-shadow:0 10px 25px #0006;max-width:400px;padding:2rem;width:100%}.login-title{color:#22c55e;font-size:24px;font-weight:700;margin-bottom:1.5rem;text-align:center}.login-input{background-color:#2a2e3b;border:none;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:1rem;padding:12px 14px;width:100%}.login-input:focus{outline:2px solid #22c55e}.login-button{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}.login-button:hover{background-color:#16a34a}.login-footer{color:#ccc;font-size:14px;margin-top:1rem;text-align:center}.login-link{color:#22c55e;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.login-error{color:#f87171;font-size:14px;margin-bottom:1rem;text-align:center}.input-wrapper{position:relative}.clear-icon{color:#aaa;cursor:pointer;font-size:1.1rem;position:absolute;right:14px;top:40%;transform:translateY(-50%)}@media (max-width:480px){.login-card{padding:1.5rem}.login-title{font-size:20px}.login-input{font-size:16px;padding:10px 12px}.login-button{font-size:15px;padding:10px}.login-footer{font-size:13px}}.profile-container{background-color:#0f111a;color:#fff;font-family:Arial,sans-serif;margin:2rem auto;max-width:500px;padding:1rem}.profile-avatar-section{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:2rem}.lifetime-profil{color:#22c55e;font-weight:700}.profile-avatar-wrapper{height:140px;margin-bottom:1rem;position:relative;width:140px}.profile-avatar-image{background-color:#2a3145;border:4px solid #1e2636;border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-upload-label{align-items:center;background:none;border:2px solid #ccc;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:-15px;width:35px}.user-info h2{font-size:1.4rem;margin:0}.user-info p{color:#aaa;font-size:.95rem;margin-top:.25rem}.profile-form{display:flex;flex-direction:column;gap:1rem}.profile-form label{font-size:.9rem;font-weight:600}.profile-form input{background-color:#2a3145;border:none;border-radius:6px;color:#fff;font-size:16px;padding:.75rem}.avatar-remove-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:24px;position:absolute;right:-25px;top:70px;width:24px}.profile-form input:focus{border:2px solid #22c55e;outline:none}.save-button{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem;transition:background-color .3s ease}.save-button:hover{background-color:#16a34a}@media (max-width:480px){.profile-avatar-wrapper{height:110px;width:110px}.user-info h2{font-size:1.2rem}.profile-container{padding:1rem .5rem}.avatar-upload-label{height:30px;width:30px}.avatar-remove-button{top:40px}}.djs-page{background:#0a0f1f;min-height:100vh;padding:2rem}.title{color:#22c55e;font-size:2rem;margin-bottom:2rem;text-align:center}.search-input{background:#19233b;border:none;border-radius:4px;color:#fff;display:block;margin:0 auto 2rem;padding:.5rem 1rem;width:300px}.search-input::placeholder{color:#555}.djs-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;margin-left:auto;margin-right:auto;margin-top:50px;max-width:1200px}.dj-card{background:#111827;border-radius:8px;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;width:350px}.dj-card:hover{box-shadow:0 8px 24px #0003;transform:translateY(-4px)}.card-image-wrapper{background:#1f2937;display:flex;height:180px;justify-content:center;overflow:hidden;width:100%}.card-image{border-radius:50%;height:100%;height:150px;object-fit:cover;padding:15px;width:150px}.card-content{padding:1rem}.dj-name{color:#fff;font-size:1.25rem;margin:0}.dj-email{color:#ccc;font-size:.9rem;margin:.25rem 0}.dj-price{color:#22c55e;font-size:1rem;margin-top:.5rem}.pagination{display:flex;justify-content:center;margin-top:2rem}.pagination button{background:#19233b;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:0 .5rem;padding:.5rem .75rem}.pagination button.active{background:#53ff8a;color:#0a0f1f}.card-placeholder{align-items:center;background-color:#d1d5db;color:#4b5563;display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;text-transform:uppercase;width:100%}@media (max-width:768px){.djs-grid{grid-template-columns:none}}.dj-public-container{align-items:center;background:#0a0f1f;display:flex;justify-content:center;min-height:70vh;padding:2rem}.dj-card-public{background-color:#1c253a;border-radius:12px;max-width:400px;padding:2rem;text-align:center;width:100%}.dj-avatar{border:4px solid #2e3c5c;height:100px;margin-bottom:1rem;object-fit:cover;width:100px}.avatar-placeholder{background-color:#d1d5db;border:4px solid #2e3c5c;border-radius:50%;color:#4b5563;font-size:3rem;height:100px;margin:0 auto 1rem;width:100px}.dj-name-public{color:#53ff8a;font-size:1.8rem;margin-bottom:.5rem}.dj-email-public{color:#c7c7c7;margin:.5rem 0}.dj-price-public{color:#53ff8a;font-weight:700;margin-bottom:1rem}.instagram-link{color:#5ea9ff;display:inline-block;margin-bottom:1.5rem;text-decoration:underline}.request-button{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;width:100%}.request-button:hover{background-color:#1aad53}.instagram-icon-link{color:#e1306c;display:inline-block;margin-bottom:1.5rem;margin-top:1rem;transition:transform .2s ease}.instagram-icon-link:hover{color:#ff5ca8;transform:scale(1.1)}.rqp-container{align-items:center;background:#0a0f1f;display:flex;justify-content:center;min-height:70vh;padding:2rem}.rqp-card{background-color:#1c2333;border-radius:12px;box-sizing:border-box;color:#fff;max-width:420px;padding:2rem;position:relative;width:100%}.rqp-avatar{border-radius:50%;height:72px;object-fit:cover;width:72px}.rqp-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.rqp-header-text{align-items:flex-start;display:flex;flex-direction:column}.rqp-name{color:#53ff8a;font-size:1.5rem;margin-bottom:.25rem}.rqp-title{color:#53ff8a;font-size:1.25rem;text-align:left}.rqp-price{font-size:1rem;margin-bottom:1rem}.rqp-card input{background:#2a3145;border:none;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:1rem;padding:.75rem .75rem .75rem 1.5rem;transition:border .2s ease;width:100%}.message-down-confirm-pay{color:#a3a3a3;font-size:16px}.rqp-card input:focus{border:2px solid #53ff8a;outline:none}.rqp-card input::placeholder{color:#888}.rqp-submit-button{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:1rem;margin-top:.5rem;padding:.75rem;transition:background .3s ease;width:100%}.rqp-input-wrapper{margin-bottom:1rem;position:relative;width:100%}.rqp-search-icon{color:#888;font-size:1rem;left:12px;pointer-events:none;position:absolute;top:37%;transform:translateY(-50%)}.rqp-input-wrapper input{padding-left:2.5rem}.rqp-instagram-link{color:#e1306c}.rqp-clear{color:#fff;cursor:pointer;font-size:18px;line-height:1;position:absolute;right:10px;top:40%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.rqp-selected-track{background:#f9f9f9;border-left:4px solid #4caf50;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;margin-bottom:10px;margin-top:10px;padding:1px 2rem 1px 3px;position:relative;width:100%}.rqp-clear-track{color:#000;right:8px}.rqp-search-results{background:#374151;background:rgb(55 65 81/var(--tw-bg-opacity,1));border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1));list-style:none;margin-top:4px;max-height:300px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:10}.rqp-search-results li{border-bottom:1px solid #4b5563;border-bottom:1px solid rgb(75 85 99/var(--tw-border-opacity,1));cursor:pointer;padding:10px 14px;transition:background .2s ease}.rqp-search-results li:hover{background-color:#f0f0f0}.rqp-amount-wrapper{margin-bottom:1rem;position:relative;width:100%}.rqp-dollar-symbol{color:#aaa;font-size:16px;left:12px;pointer-events:none;position:absolute;top:35%;transform:translateY(-50%);z-index:1}.rqp-amount-input{background:#2a3145;border:none;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;margin-bottom:0;padding:.75rem .75rem .75rem 2rem;width:100%}.rqp-amount-input:focus{border:2px solid #53ff8a;outline:none}@media (max-width:480px){.rqp-card{padding:1rem}.rqp-card input,.rqp-submit-button{font-size:16px}.rqp-header{align-items:center;flex-direction:column;text-align:center}.rqp-avatar{margin-bottom:1rem;margin-right:0}.rqp-header-text{align-items:center}.rqp-selected-track{font-size:13px}}@media (max-width:360px){.rqp-name{font-size:1.25rem}.rqp-card input,.rqp-submit-button,.rqp-title{font-size:1rem}}.qr-container{background:linear-gradient(90deg,#000,#111827);margin-top:2rem;min-height:100vh;text-align:center}.qr-image{border-radius:8px;margin-bottom:1rem;max-width:200px}.qr-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.qr-btn{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:25px;font-weight:700;padding:10px 16px;text-decoration:none;transition:background .3s ease}.donwload-block,.link-block-wrap{display:flex;flex-direction:column}.down-down-text,.link-down-text{font-size:12px}.stripe-callback-container{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:20px}.stripe-box{background-color:#131620;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:40px 30px;text-align:center;width:100%}.stripe-status{color:#555;font-size:1.1rem;margin-top:50px;text-align:center}.stripe-title{color:#fff;font-size:1.75rem;margin-bottom:16px}.stripe-message{color:#fff;font-size:1rem;margin-bottom:24px}.stripe-link{background-color:#22c55e;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.stripe-link:hover{background-color:#1dad52}.stripe-error{color:#22c55e;font-size:1.5rem;margin-bottom:12px}.stripe-error-msg{color:#555;font-size:1rem;margin-bottom:20px}.stripe-incomplete-title{color:#22c55e;font-size:1.5rem;margin-bottom:12px}.stripe-incomplete-message{color:#555;font-size:1rem;line-height:1.4;margin-bottom:24px}.stripe-return-button{background-color:#22c55e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.stripe-return-button:hover{background-color:#1dad52}@media (max-width:480px){.stripe-box{padding:30px 20px}.stripe-error,.stripe-incomplete-title,.stripe-title{font-size:1.4rem}.stripe-error-msg,.stripe-incomplete-message,.stripe-message{font-size:.95rem}.stripe-link,.stripe-return-button{font-size:1rem;padding:14px;width:100%}}:root{--color-bg:#0e111a;--color-card:#12202f;--color-primary:#4af699;--color-primary-light:#1f9058;--color-text-light:#cdd1d8;--color-text-bright:#fff;--color-gray:#57606e;--color-declined:#e74c3c}.success-container{align-items:center;background-color:#0e111a;background-color:var(--color-bg);display:flex;flex-direction:column;min-height:60vh;padding:40px 20px}.success-heading{color:#4af699;color:var(--color-primary);font-size:2rem;font-weight:600;margin-bottom:24px}.card{background-color:#12202f;background-color:var(--color-card);border-radius:12px;max-width:420px;padding:30px 20px 40px;position:relative;text-align:center;width:100%}.track-image-wrapper{background-color:#57606e;background-color:var(--color-gray);border-radius:12px;height:140px;margin:0 auto 16px;overflow:hidden;width:140px}.track-image{height:100%;object-fit:cover;width:100%}.track-image-placeholder{background-color:#2f3b4b;height:100%;width:100%}.track-info{margin-bottom:32px}.track-title{color:#fff;color:var(--color-text-bright);font-size:1.2rem;margin:8px 0 4px}.track-artists{color:#4af699;color:var(--color-primary);font-size:1rem;margin:4px 0}.track-album{font-size:.9rem;margin:4px 0 8px}.track-album,.track-artist{color:#cdd1d8;color:var(--color-text-light)}.track-artist{font-size:1rem;margin-bottom:32px}.progress-container{margin:32px 0;padding-bottom:40px;position:relative;width:100%}.progress-bar-bg{background-color:#57606e;background-color:var(--color-gray);right:12px}.progress-bar-bg,.progress-bar-fill{border-radius:4px;height:8px;left:12px;position:absolute;top:12px}.progress-bar-fill{transition:width .5s ease;z-index:1}.progress-bar-fill,.progress-bar-fill.green-half{background-color:#4af699;background-color:var(--color-primary)}.progress-bar-fill.green-half{left:12px}.progress-bar-fill.red-half{background-color:#e74c3c;background-color:var(--color-declined);border-radius:4px;height:8px;left:calc(50% + 12px);position:absolute;top:12px}.progress-nodes{justify-content:space-between;margin:0;width:100%;z-index:2}.node,.progress-nodes{align-items:center;display:flex;position:relative}.node{flex-direction:column}.node,.node:before{width:24px;z-index:1}.node:before{background-color:#12202f;background-color:var(--color-card);border:2px solid #57606e;border:2px solid var(--color-gray);border-radius:50%;content:"";height:24px;position:relative;transition:background-color .3s ease,border-color .3s ease}.progress-bar-bg,.progress-bar-fill,.progress-bar-fill.green-half,.progress-bar-fill.red-half{position:absolute;z-index:0}.node-label{color:#cdd1d8;color:var(--color-text-light);font-size:.85rem;margin-top:6px;text-align:center;white-space:nowrap}.node.active:before{background-color:#4af699;background-color:var(--color-primary);border-color:#4af699;border-color:var(--color-primary)}.node.active .node-label{color:#fff;color:var(--color-text-bright)}.node.active:not(.declined-node):after{color:#12202f;content:"✓";font-size:1rem;left:4px;position:absolute;top:4px;z-index:2}.node.declined-node:before{background-color:#e74c3c;background-color:var(--color-declined);border-color:#e74c3c;border-color:var(--color-declined)}.node.declined-node .node-label{color:#fff;color:var(--color-text-bright)}.node.declined-node:after{color:#12202f;content:"✕";font-size:1rem;left:4px;position:absolute;top:4px;z-index:2}.button-group{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:12px}.priority-banner{background-color:gold;border-radius:6px;color:#000;font-weight:700;margin-bottom:12px;padding:6px 12px;text-align:center}.btn-make-another{background-color:#9333ea;border:none;border-radius:6px;color:#fff;color:var(--color-text-bright);cursor:pointer;font-size:1rem;font-weight:500;max-width:350px;padding:12px 24px;transition:background-color .2s ease;width:60%}.btn-make-another:hover{background-color:#1f9058;background-color:var(--color-primary-light)}.music-accept-node{margin-right:45px}.btn-priority{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;max-width:350px;padding:12px 24px;transition:background-color .2s ease;width:60%}.btn-priority:hover{background-color:#1f9058;background-color:var(--color-primary-light)}.coming-soon-text{color:#4af699;color:var(--color-primary);font-size:.9rem;margin-bottom:12px;margin-top:8px}.priority-note{color:#57606e;color:var(--color-gray);font-size:.85rem;margin-bottom:24px}.status-text{color:#cdd1d8;color:var(--color-text-light);font-size:1.1rem;margin-top:100px}.status-text.error{color:#e74c3c;color:var(--color-declined)}.req-made{margin-left:40px}.req-dec{margin-right:80px}.node-loading:before{align-items:center;background-color:#12202f;background-color:var(--color-card);border:2px solid #57606e;border:2px solid var(--color-gray);border-radius:50%;content:"";display:flex;height:24px;justify-content:center;position:relative;width:24px}.node-loading:after{animation:dots-bounce 1.2s ease-in-out infinite;background-color:#cdd1d8;background-color:var(--color-text-light);border-radius:50%;box-shadow:6px 0 0 #cdd1d8,12px 0 0 #cdd1d8;box-shadow:6px 0 0 var(--color-text-light),12px 0 0 var(--color-text-light);content:"";height:4px;margin-right:12px;margin-top:13px;position:absolute;width:4px;z-index:2}.node.active.priority-active:after{color:#000;content:"★";font-size:1.1rem;left:3px;position:absolute;top:2px;z-index:2}.node.active.priority-active:before{background-color:gold;border-color:gold}@keyframes dots-bounce{0%{box-shadow:6px 0 0 #cdd1d8,12px 0 0 #cdd1d8;box-shadow:6px 0 0 var(--color-text-light),12px 0 0 var(--color-text-light)}33%{box-shadow:6px 0 0 #cdd1d8,12px 0 0 #0000;box-shadow:6px 0 0 var(--color-text-light),12px 0 0 #0000}66%{box-shadow:6px 0 0 #0000,12px 0 0 #0000}to{box-shadow:6px 0 0 #cdd1d8,12px 0 0 #cdd1d8;box-shadow:6px 0 0 var(--color-text-light),12px 0 0 var(--color-text-light)}}@media (max-width:480px){.card{padding:20px 12px 32px}.track-image-wrapper{height:100px;margin-bottom:12px;width:100px}.track-title{font-size:1.3rem}.track-artist{font-size:.9rem;margin-bottom:24px}.progress-container{margin:24px 0;padding-bottom:32px}.node-label{font-size:.75rem}.btn-make-another,.btn-priority{font-size:.95rem;padding:10px 20px}.coming-soon-text{font-size:.85rem;margin-bottom:10px}.priority-note{font-size:.8rem;margin-bottom:16px}}.modal-overlay{background:#0009}.modal-content{background:#1f2937;border-radius:16px;box-shadow:0 0 12px #00000080;color:#fff;max-height:80vh;max-width:580px;overflow-y:auto;padding:2rem;position:relative;scrollbar-width:thin;width:90%}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.modal-close{background:#0000;border:none;color:#e5e7eb;cursor:pointer;font-size:1.2rem;position:absolute;right:14px;top:14px;transition:color .2s ease}.modal-close:hover{color:#fff}.history-section{margin-bottom:30px}.section-title{color:#a1a1aa;font-size:1.1rem;margin-bottom:10px}.empty-state{color:#9ca3af;font-size:.95rem;padding-left:4px}.mini-offer-card{align-items:center;background-color:#1f2937;border-radius:10px;display:flex;margin:5px 0;padding:5px;transition:transform .2s}.mini-offer-card.played{border-left:4px solid #34d399}.mini-offer-card.declined{border-left:4px solid #f87171}.mini-track-img{border-radius:6px;height:38px;margin-right:10px;width:38px}.mini-details{color:#fff;display:flex;flex-direction:column}.mini-title{font-size:.8em;font-weight:700}.mini-artist{color:#9ca3af;font-size:.8em}.mini-amount{color:#cbd5e0;font-size:.8rem;margin-top:2px}.priority-star{color:gold;cursor:pointer;font-size:20px;margin-left:2px;margin-right:6px;position:relative}.priority-popup{background:#1e2636;border-radius:6px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:12px;left:950%;padding:6px 10px;position:absolute;top:30px;transform:translateX(-50%);white-space:nowrap;z-index:10}.song-amount.priority-dup{color:gold;font-size:11px;margin-top:2px}.offer-card{background:#1e2636;border:1px solid #22c55e;border-radius:12px;box-shadow:0 0 10px 3px #5eff004d;height:70px;margin:8px auto;max-width:100%;overflow:hidden;position:relative;width:500px}.offer-left{align-items:center;display:flex;gap:12px;margin-top:-14px}.song-avatar{border-radius:8px;height:40px;object-fit:cover;width:40px}.song-details{display:flex;flex-direction:column;justify-content:center}.comment-text{color:#999;display:inline-block;font-style:italic;max-width:220px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.song-author{color:#22c55e;font-size:14px;font-weight:700}.song-title{color:#ccc;font-size:12px}.song-amount{color:#aaa;font-size:12px}.play-button{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:-16px;padding:5px 12px}.actions-layer{align-items:center;bottom:0;display:flex;gap:8px;padding-right:12px;position:absolute;right:0;top:0;z-index:0}.accept-btn,.decline-btn{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;height:34px;padding:6px 10px}.decline-btn{background:#ef4444}.card-inner{align-items:center;background:#1e2636;border-radius:12px;box-shadow:0 2px 8px #0003;display:flex;height:100%;justify-content:space-between;padding:8px 12px;position:relative;transition:transform .2s ease;z-index:1}.requests-container{background:#0f111a;color:#fff;font-family:Arial,sans-serif;min-height:90vh;padding:1rem}.dj-avatar{border-radius:50%;height:50px;width:50px}.dj-info h1{display:none}.dj-info p{color:#d6f5e9;font-size:14px;margin:0}.status-bar{align-items:center;background:#1e2636;border-radius:12px;display:flex;justify-content:center;margin:1rem 0;padding:.75rem 1rem}.connected{color:#38bdf8;font-size:14px}.pending,.queued{margin-bottom:1.5rem}.pending h2,.queued h2{font-size:18px}.history-btn{background:none;border:none;color:#22c55e;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:background .2s ease}.history-btn:hover{background:#22c55e1a}.cashout-success-message{animation:fadeInOut 3s ease-in-out forwards;background-color:#22c55e;border-radius:6px;bottom:80px;color:#fff;font-size:14px;left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}10%,90%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.cashout-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.cashout-modal{background:#1e2636;border-radius:12px;box-shadow:0 4px 20px #0006;box-sizing:border-box;color:#fff;font-family:Arial,sans-serif;max-width:400px;padding:24px;width:90%}.cashout-modal-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.cashout-modal-icon{color:#f59e0b}.cashout-modal-title{font-size:20px;margin:0}.cashout-modal-body{margin-bottom:20px}.cashout-modal-info{display:flex;font-size:16px;justify-content:space-between;margin:6px 0}.cashout-modal-info span{color:#cdd1d8}.cashout-modal-note{color:#888;font-size:12px;margin-top:12px}.cashout-modal-actions{display:flex;gap:12px;justify-content:space-between}.cashout-cancel-btn,.cashout-confirm-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:10px 0;transition:background .2s ease}.price-check-icon{margin-left:.5rem;transition:transform .15s ease}.price-check-icon:hover{transform:scale(1.1)}.cashout-cancel-btn{background:#333;color:#fff}.cashout-cancel-btn:hover{background:#444}.cashout-confirm-btn{background:#9333ea;color:#fff}.cashout-confirm-btn:hover{background:#a86afb}.earnings-bar{align-items:center;background:#0f111a;border-top:1px solid #1e2636;bottom:0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;left:0;padding:12px 20px;position:fixed;right:0;z-index:999}.earnings-bar button,.earnings-bar span{flex:1 1;text-align:center}.btn-req-head-a{align-items:center;display:flex;flex-direction:row;gap:8px;margin-top:10px}.user-namen-rq{font-size:18px;margin:0}.cashout-btn{background:#9333ea;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 16px}.cashout-btn,.earnings{color:#fff;font-size:14px}.avatar-placeholder,.request-avatar-image{border:6px solid #0f111a;border-radius:50%;height:80px;width:80px}.avatar-placeholder{background-color:#ccc;color:#333;font-size:36px;font-weight:700}.avatar-placeholder,.req-av-block{align-items:center;display:flex;justify-content:center}.req-av-block{flex-direction:column;margin-top:-75px}.pending-instruction{color:#cdd1d8;font-size:.9rem;margin:8px 0 12px;text-align:center}.qr-icon{background:none;border:none;color:#fff;position:absolute;right:670px;top:100px}.price-edit-wrapper{align-items:center;display:flex;flex-direction:column;gap:8px}.price-display-btn{border:1px solid #22c55e;border-radius:6px;height:40px;line-height:40px;text-align:center}.connected-btn,.price-display-btn{background:none;color:#fff;cursor:pointer;font-size:14px;width:130px}.connected-btn{align-items:center;border:1px solid #1d86bf;border-radius:6px;gap:4px;height:45px;justify-content:center}.price-input-container{display:inline-block;position:relative}.dollar-sign{color:#fff;font-size:16px;left:8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.price-input-inline{background:#2c3446;border:1px solid #22c55e;border-radius:6px;box-sizing:border-box;color:#fff;font-size:16px;height:40px;outline:none;padding-left:24px;padding-right:8px;width:130px}.price-input-inline[type=text]{-moz-appearance:none}.price-input-inline::-webkit-inner-spin-button,.price-input-inline::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input-inline:focus{border-color:#53ff8a}.price-update-btn{background-color:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 16px}.price-display{background:#2c3446;border:1px solid #22c55e;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;height:40px;padding:8px;width:130px}.modal-overlay,.price-display{align-items:center;justify-content:center}.modal-overlay{background-color:#0009;display:flex;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal{background:#1e2636;border-radius:20px;box-shadow:0 4px 20px #0006;color:#fff;max-width:90%;padding:24px;text-align:center;width:350px}.modal h3{color:#22c55e;font-size:20px;margin-bottom:16px}.modal-buttons{display:flex;gap:12px;justify-content:space-between}.modal-buttons button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;padding:10px 0;transition:background .3s}.modal-buttons button:first-child{background:#4b5563;color:#fff}.modal-buttons button:last-child{background:#22c55e;color:#fff}.modal-buttons button:hover{opacity:.9}.req-head-btns{display:flex;flex-direction:row}.soon-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1002}.soon-modal{background:#1e2636;border-radius:12px;box-shadow:0 4px 20px #00000080;color:#fff;max-width:320px;padding:20px 24px;text-align:center}.soon-modal h3{color:#22c55e;font-size:18px;margin-top:0}.soon-modal p{color:#ccc;font-size:14px;margin:10px 0 20px}.soon-modal button{background:#9333ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}@media (max-width:768px){.dj-info h1{color:#000;display:block;font-size:23px;margin-left:180px}.qr-icon{background:none;border:none;color:#fff;position:absolute;right:155px;top:60px}.price-input-inline{font-size:16px;height:36px;padding:6px 24px 6px 6px;width:110px}.connected-btn,.price-display-btn{font-size:13px;height:36px;padding:0;width:110px}.dollar-sign{font-size:14px;left:auto;right:10px}.avatar-placeholder,.request-avatar-image{height:70px;width:70px}.price-display{height:35px;width:110px}}.notfound-container{align-items:center;background-color:#0f111a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.notfound-box{color:#fff;text-align:center}.notfound-title{color:#ef4444;font-size:96px;font-weight:700;margin-bottom:1rem}.notfound-message{color:#ccc;font-size:20px;margin-bottom:2rem}.notfound-button{background-color:#22c55e;border-radius:6px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.notfound-button:hover{background-color:#16a34a}@media (max-width:480px){.notfound-title{font-size:64px}.notfound-message{font-size:16px}.notfound-button{font-size:14px;padding:10px 20px}}.loader-overlay{align-items:center;background-color:#0f111a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-logo{animation:pulse 1.6s ease-in-out infinite;color:#22c55e;font-size:48px}@keyframes pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(1)}}#adm-login-root{align-items:center;background:#111827;display:flex;height:100vh;justify-content:center}#adm-login-box{background:#1f2937;border-radius:8px;box-shadow:0 4px 12px #0000004d;max-width:360px;padding:40px;width:100%}#adm-login-title{color:#22c55e;font-size:1.8rem;margin-bottom:24px;text-align:center}#adm-login-box input{border-radius:4px;margin-bottom:16px}#adm-login-box input,#adm-login-btn{border:none;font-size:1rem;padding:12px;width:100%}#adm-login-btn{background:#22c55e;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s ease;width:385px}#adm-login-btn:hover{background:#16a34a}#adm-login-error{color:#f87171;margin-top:12px;text-align:center}#adm-root{background:#f4f6f8;display:flex;font-family:Inter,sans-serif;height:100vh}#adm-sidebar{background:#1f2937;color:#fff;display:flex;flex-direction:column;padding:20px;width:240px}.adm-logo{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.adm-menu{display:flex;flex-direction:column;gap:8px}.adm-menu-btn{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1rem;padding:10px;text-align:left}.adm-menu-btn.active,.adm-menu-btn:hover{background:#374151;color:#fff}.adm-spacer{flex-grow:1}.adm-logout-btn{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.adm-logout-btn:hover{background:#b91c1c}#adm-main{flex-grow:1;overflow-y:auto;padding:30px}#adm-header{margin-bottom:20px}.adm-heading{color:#111827;font-size:2rem}.adm-section-title{color:#374151;font-size:1.5rem;margin-bottom:12px}.adm-table-wrapper{background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;overflow:hidden}.adm-table{border-collapse:collapse;width:100%}.adm-table td,.adm-table th{border-bottom:1px solid #e5e7eb;color:#111827;padding:12px 16px}.adm-table th{background:#f9fafb;color:#6b7280;font-weight:600;text-align:left}.adm-table tr:hover{background:#f3f4f6}.adm-btn{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:6px;padding:6px 10px}.adm-edit-btn{background:#3b82f6;color:#fff}.adm-edit-btn:hover{background:#2563eb}.adm-delete-btn{background:#ef4444;color:#fff}.adm-delete-btn:hover{background:#dc2626}.adm-scrollable{max-height:300px;overflow-y:auto}.adm-scrollable::-webkit-scrollbar{width:6px}.adm-scrollable::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:3px}.adm-modal-backdrop{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.adm-modal-box{background:#fff;border-radius:6px;box-shadow:0 5px 20px #0000004d;max-width:400px;padding:20px;width:100%}.adm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.adm-modal-box input{border:1px solid #ccc;border-radius:4px;margin-bottom:4px;margin-top:8px;padding:8px;width:100%}
/*# sourceMappingURL=main.28403227.css.map*/