body{margin:0;padding:0;background:#ebebeb;background-attachment:fixed;font-family:"Inter","Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;letter-spacing:-.01em;line-height:1.6;color:#2d3748}#container,body{min-height:100vh}#container{position:relative;pointer-events:auto;z-index:1}.btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info){background:#f8f9fa!important;border:1px solid rgba(0,0,0,.15)!important;color:#4a5568!important;font-family:"Inter",sans-serif;font-weight:500!important;letter-spacing:-.01em;text-shadow:none!important;transition:all .3s ease!important}.btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-warning):not(.btn-info):hover{background:#e9ecef!important;border-color:rgba(0,0,0,.2)!important;color:#2d3748!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.btn-primary{font-family:"Inter",sans-serif;font-weight:600!important;letter-spacing:-.01em;text-shadow:none!important}.btn-primary:hover{box-shadow:0 4px 12px rgba(13,110,253,.3)!important;transform:translateY(-1px)!important}.form-control,.form-select{background:#fff!important;border:1px solid rgba(0,0,0,.15)!important;color:#2d3748!important;font-family:"Inter",sans-serif;font-weight:400!important;letter-spacing:-.01em;text-shadow:none!important}.form-control::placeholder,.form-select::placeholder{color:#a0aec0!important;font-weight:400!important}.form-control:focus,.form-select:focus{background:#fff!important;border-color:#0d6efd!important;color:#2d3748!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)!important;outline:none!important}.badge:not(.bg-primary):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info){background:#e9ecef!important;border:1px solid rgba(0,0,0,.1)!important;color:#4a5568!important;font-family:"Inter",sans-serif;font-weight:500!important;letter-spacing:-.01em;text-shadow:none!important;border-radius:12px!important}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{font-family:"Poppins","Inter",sans-serif;color:#1a202c!important;text-shadow:none!important;font-weight:600;letter-spacing:-.02em;line-height:1.3}.main-content h1{font-size:2.5rem;font-weight:700;letter-spacing:-.03em}.main-content h2{font-size:2rem;font-weight:600}.main-content h3{font-size:1.5rem;font-weight:600}.main-content h4{font-size:1.25rem;font-weight:600}.main-content h5{font-size:1.1rem;font-weight:600}.main-content h6{font-size:1rem;font-weight:600}.main-content label:not(.form-check-label),.main-content p:not(.text-muted):not(a p){color:#4a5568!important;font-weight:400;letter-spacing:-.01em;line-height:1.7}.text-muted{color:#718096!important;font-weight:400}.main-content{margin-left:100px;padding-top:60px;min-height:100vh;position:relative;font-family:"Inter",sans-serif}a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}a:hover{color:#5568d3}b,strong{font-weight:600;color:#2d3748}small{font-size:.875rem;color:#718096;font-weight:400}code{font-family:"Inter","Courier New",monospace;font-size:.9em;color:#2d3748;background:rgba(102,126,234,.1);padding:2px 6px;border-radius:4px}@media (max-width:768px){.main-content{margin-left:0;padding-top:0}}@media (max-width:768px){body{font-size:14px}.btn,a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}body,html{overflow-x:hidden}input,select,textarea{font-size:16px}.container{padding:0 15px}}@media (max-width:480px){body{font-size:13px;padding-top:56px}.btn,button,input[type=button],input[type=submit]{min-height:40px;min-width:40px}.container{padding:0 10px}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2.5rem 2rem;box-sizing:border-box;background:transparent}#login-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(120deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.login-inputs{display:flex;width:100%;max-width:400px;height:48px;box-sizing:border-box;border-radius:12px;border:2px solid rgba(102,126,234,.3);padding:0 16px;font-size:16px;margin-bottom:1rem;transition:all .3s ease;background:hsla(0,0%,100%,.9);color:#333}.login-inputs:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.login-inputs::placeholder{color:#999}.loginFormBtns{font-size:16px;font-weight:600;padding:12px 24px;height:48px;width:100%;max-width:400px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;transition:all .3s ease;margin-top:.5rem;box-shadow:0 4px 15px rgba(102,126,234,.3)}.loginFormBtns:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#764ba2,#f093fb)}.loginFormBtns:active{transform:translateY(0)}#demoBtn{background:linear-gradient(135deg,#333,#222);margin-bottom:1rem}#demoBtn:hover{background:linear-gradient(135deg,#222,#111)}.login-or{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;width:100%;max-width:400px;font-size:14px;color:#999;position:relative}.login-or:after,.login-or:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.login-or>div:not(.before-or):not(.after-or){padding:0 1rem;font-weight:500}.form2-errors{color:#e74c3c;font-size:14px;list-style:none;padding:0;margin:1rem 0 0;text-align:center;width:100%;max-width:400px}.form2-errors li{margin:.5rem 0;padding:.5rem;background:rgba(231,76,60,.1);border-radius:8px;border-left:3px solid #e74c3c}.forgot-password-link-container{width:100%;max-width:400px;text-align:center;margin-top:1rem}.forgot-password-link{background:none;border:none;color:#667eea;font-size:14px;cursor:pointer;text-decoration:underline;padding:.5rem;transition:color .3s ease}.forgot-password-link:hover{color:#764ba2}@media (max-width:768px){.login-container{padding:2rem 1.5rem}#login-title{font-size:1.75rem;margin-bottom:1.25rem}.login-inputs,.loginFormBtns{max-width:100%;font-size:15px}}@media (max-width:480px){.login-container{padding:1.5rem 1rem}#login-title{font-size:1.5rem;margin-bottom:1rem}.login-inputs,.loginFormBtns{height:44px;font-size:14px}}.signup-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2.5rem 2rem;box-sizing:border-box;background:transparent}#signup-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(120deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.signup-inputs{display:flex;width:100%;max-width:400px;height:48px;box-sizing:border-box;border-radius:12px;border:2px solid rgba(102,126,234,.3);padding:0 16px;font-size:16px;margin-bottom:1rem;transition:all .3s ease;background:hsla(0,0%,100%,.9);color:#333}.signup-inputs:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.signup-inputs::placeholder{color:#999}.signupdemoBtn{font-size:16px;font-weight:600;padding:12px 24px;height:48px;width:100%;max-width:400px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#333,#222);cursor:pointer;border:none;transition:all .3s ease;margin-bottom:1rem;box-shadow:0 4px 15px rgba(0,0,0,.2)}.signupdemoBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);background:linear-gradient(135deg,#222,#111)}.signup-button{font-size:16px;font-weight:600;padding:12px 24px;height:48px;width:100%;max-width:400px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;transition:all .3s ease;margin-top:.5rem;box-shadow:0 4px 15px rgba(102,126,234,.3)}.signup-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#764ba2,#f093fb)}.signup-button:active{transform:translateY(0)}.signup-or{display:flex;align-items:center;justify-content:center;margin:1.5rem 0;width:100%;max-width:400px;font-size:14px;color:#999;position:relative}.signup-or:after,.signup-or:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.signup-or>div:not(.before-or):not(.after-or){padding:0 1rem;font-weight:500}.after-or,.before-or{display:none}.signup-form{display:flex;flex-direction:column;align-items:center}.form-errors,.signup-form{width:100%;max-width:400px}.form-errors{color:#e74c3c;font-size:14px;list-style:none;padding:0;margin:1rem 0 0;text-align:center}.form-errors li{margin:.5rem 0;padding:.5rem;background:rgba(231,76,60,.1);border-radius:8px;border-left:3px solid #e74c3c}#demoBtn2{background:linear-gradient(135deg,#333,#222)}#demoBtn2:hover{background:linear-gradient(135deg,#222,#111)}@media (max-width:768px){.signup-container{padding:2rem 1.5rem}#signup-title{font-size:1.75rem;margin-bottom:1.25rem}.signup-button,.signup-inputs,.signupdemoBtn{max-width:100%;font-size:15px}}@media (max-width:480px){.signup-container{padding:1.5rem 1rem}#signup-title{font-size:1.5rem;margin-bottom:1rem}.signup-button,.signup-inputs,.signupdemoBtn{height:44px;font-size:14px}}.forgot-password-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:2.5rem 2rem;box-sizing:border-box;background:transparent}#forgot-password-title{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(120deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.forgot-password-description{color:#666;margin-bottom:1.5rem;font-size:14px}.forgot-password-description,.forgot-password-success{text-align:center;max-width:400px}.forgot-password-success p{color:#333;margin-bottom:1rem;line-height:1.6}.forgot-password-success-note{color:#666;font-size:14px;margin-bottom:1.5rem!important}@media (max-width:768px){.forgot-password-container{padding:2rem 1.5rem}#forgot-password-title{font-size:1.75rem;margin-bottom:.75rem}}@media (max-width:480px){.forgot-password-container{padding:1.5rem 1rem}#forgot-password-title{font-size:1.5rem;margin-bottom:.5rem}}.top-navbar{position:fixed;top:0;left:100px;right:0;height:60px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid rgba(13,110,253,.2);z-index:100;display:flex;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.05)}.top-navbar-content{display:flex;align-items:center;justify-content:center;width:100%;padding:0 30px;height:100%;position:relative}.search-container{position:relative;width:100%;max-width:500px}.search-form{display:flex;align-items:center;background-color:rgba(248,249,250,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:25px;padding:8px 15px;transition:all .3s ease;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.05)}.search-form:focus-within{background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 3px rgba(13,110,253,.1),0 2px 8px rgba(0,0,0,.1);border-color:#0d6efd;transform:translateY(-1px)}.search-input{background:none;border:none;outline:none;color:#333;font-size:14px;width:100%;padding:0 10px;font-weight:400;text-shadow:none}.search-input::placeholder{color:rgba(0,0,0,.5);font-weight:400}.search-button{background:none;border:none;color:#6c757d;cursor:pointer;padding:5px;transition:color .3s ease}.search-button:hover{color:#1db954}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background-color:hsla(0,0%,100%,.98);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);margin-top:8px;z-index:1000;max-height:400px;overflow-y:auto;border:1px solid hsla(0,0%,100%,.3)}.search-result-item{padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.search-result-item:last-child{border-bottom:none}.search-result-content{display:flex;align-items:center}.search-result-image{width:40px;height:40px;object-fit:cover;border-radius:4px;margin-right:12px}.search-result-info{flex:1 1}.search-result-title{font-weight:600;color:#333;font-size:14px;margin-bottom:2px}.search-result-meta{color:#666;font-size:12px}.search-result-footer{padding:10px 15px;text-align:center;border-top:1px solid #f0f0f0}.view-all-button{background:none;border:none;color:#1db954;cursor:pointer;font-size:12px;font-weight:500;padding:0}.view-all-button:hover{text-decoration:underline}.search-no-results{padding:20px;text-align:center;color:#666;font-size:14px}.user-section{position:absolute;right:30px;top:50%;transform:translateY(-50%);grid-gap:15px;gap:15px}.messages-link,.user-section{display:flex;align-items:center}.messages-link{position:relative;color:#495057;font-size:20px;padding:8px;text-decoration:none;transition:color .2s ease;justify-content:center}.messages-link:hover{color:#0d6efd}.messages-unread-badge{position:absolute;top:4px;right:4px;background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;min-width:18px;text-align:center;line-height:1.2}#profileDropdown{background:transparent!important;border:none!important;box-shadow:none!important;color:#495057;padding:6px 10px}#profileDropdown.show,#profileDropdown:active,#profileDropdown:focus,#profileDropdown:hover,button#profileDropdown.dropdown-toggle:focus{background:transparent!important;border:none!important;box-shadow:none!important;color:#212529}.dropdown-menu[aria-labelledby=profileDropdown]{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 16px rgba(0,0,0,.15);border-radius:12px;padding:8px;min-width:220px;color:#212529}.dropdown-menu[aria-labelledby=profileDropdown] .dropdown-item,.dropdown-menu[aria-labelledby=profileDropdown] .dropdown-item-text{color:#495057!important}.dropdown-menu[aria-labelledby=profileDropdown] .dropdown-item:focus,.dropdown-menu[aria-labelledby=profileDropdown] .dropdown-item:hover{background:#f8f9fa!important;color:#212529!important;border-radius:8px;transform:translateX(2px)}.dropdown-menu[aria-labelledby=profileDropdown] .dropdown-divider{border-top-color:rgba(0,0,0,.1)!important}@media (max-width:768px){.top-navbar{left:0;right:0;height:60px}.top-navbar-content{padding:0 15px;justify-content:space-between}.search-container{max-width:300px;flex:1 1;margin:0 15px}.search-form{padding:6px 12px}.search-input{font-size:13px}.user-section{position:static;transform:none;grid-gap:10px;gap:10px}}@media (max-width:480px){.top-navbar{height:56px}.top-navbar-content{padding:0 10px;justify-content:space-between}.search-container{max-width:200px;flex:1 1;margin:0 10px}.search-form{padding:5px 10px}.search-input,.search-input::placeholder{font-size:12px}}.vertical-navbar{position:fixed;top:0;left:0;width:100px;height:100vh;background:hsla(0,0%,100%,.85);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-right:1px solid rgba(13,110,253,.2);z-index:1000;display:flex;flex-direction:column;transition:transform .3s ease-in-out;box-shadow:2px 0 8px rgba(0,0,0,.05)}.vertical-navbar-content{display:flex;flex-direction:column;height:100%;padding:20px 0}.vertical-navbar-brand{padding:15px 10px 20px;border-bottom:1px solid rgba(13,110,253,.2);margin-bottom:20px;text-align:center}.brand-link{display:flex;flex-direction:column;align-items:center;color:#212529;font-size:12px;font-weight:700;transition:all .3s ease}.brand-link,.brand-link:hover{text-decoration:none;text-shadow:none}.brand-link:hover{color:#0d6efd;transform:scale(1.05)}.brand-link i{font-size:24px;margin-bottom:4px}.brand-text{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.5px;font-size:10px;line-height:1}.vertical-navbar-nav{flex:1 1;padding:0 10px}.vertical-nav-link{display:flex;flex-direction:column;align-items:center;padding:12px 8px;margin-bottom:8px;color:#495057;text-decoration:none;border-radius:10px;transition:all .3s ease;font-size:10px;font-weight:500;text-align:center;text-shadow:none}.vertical-nav-link:hover{background-color:#f8f9fa;color:#212529;text-decoration:none;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.vertical-nav-link.active{background:linear-gradient(135deg,#0d6efd,#0a58ca 50%,#0d6efd);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(13,110,253,.3);border:1px solid rgba(13,110,253,.3)}.vertical-nav-link.active:hover{background:linear-gradient(135deg,#0b5ed7,#084298 50%,#0b5ed7);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,110,253,.5)}.vertical-nav-link i{font-size:20px;margin-bottom:4px;width:20px;text-align:center}.vertical-nav-link span{font-size:9px;line-height:1;text-align:center}.vertical-navbar-user{padding:15px 10px;border-top:1px solid rgba(13,110,253,.2);margin-top:auto;text-align:center}.user-info{align-items:center;color:#495057;font-size:10px}.user-info i{font-size:18px;color:#6c757d;margin-bottom:4px;text-shadow:none}.username{color:#212529;font-size:9px;line-height:1;text-align:center;text-shadow:none}.mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1001;background-color:#fff;border:1px solid rgba(0,0,0,.1);color:#495057;padding:10px;border-radius:6px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1);font-size:16px;transition:all .3s ease}.mobile-menu-toggle:hover{background-color:rgba(29,185,84,.2);border-color:#1db954}@media (max-width:768px){.mobile-menu-toggle{display:block}.vertical-navbar{width:200px;transform:translateX(-100%)}.vertical-navbar.open{transform:translateX(0)}.vertical-navbar-brand{padding:15px 20px 20px}.brand-link{font-size:16px;flex-direction:row}.brand-link i{font-size:20px;margin-right:8px;margin-bottom:0}.brand-text{font-size:12px}.vertical-navbar-nav{padding:0 15px}.vertical-nav-link{padding:15px 12px;font-size:12px;flex-direction:row;text-align:left}.vertical-nav-link i{margin-right:12px;margin-bottom:0;font-size:16px;width:18px}.vertical-nav-link span{font-size:12px}.vertical-navbar-user{padding:15px 20px}.user-info{font-size:12px;flex-direction:row}.user-info i{margin-right:8px;margin-bottom:0}.username{font-size:12px}}@media (max-width:480px){.vertical-navbar{width:180px}.vertical-navbar-brand{padding:0 12px 15px}.brand-link{font-size:18px}.vertical-nav-link{padding:10px 12px;font-size:13px}.vertical-navbar-user{padding:12px}}.vertical-navbar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:none}.vertical-navbar-overlay.open{display:block}@media (min-width:769px){.vertical-navbar-overlay{display:none!important}}.magical-footer{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:5;width:100%}.magical-footer,.magical-footer-links{display:flex;justify-content:center;align-items:center}.magical-footer-links{flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.magical-footer-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:.9rem;transition:all .3s ease;padding:.25rem .5rem}.magical-footer-link:hover{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.magical-footer-separator{color:hsla(0,0%,100%,.6);font-size:.9rem}@media (max-width:768px){.magical-footer{bottom:1rem}.magical-footer-link{font-size:.8rem}.magical-footer-links{grid-gap:.25rem;gap:.25rem}}@media (max-width:480px){.magical-footer{bottom:.5rem}.magical-footer-link{font-size:.75rem;padding:.2rem .4rem}}.magical-landing{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;animation:magicalGradient 15s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.magical-canvas{width:100%;height:100%;z-index:1;pointer-events:none}.magical-canvas,.magical-nav{position:absolute;top:0;left:0}.magical-nav{right:0;display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;z-index:10}.magical-logo{font-size:2rem;font-weight:700;letter-spacing:2px;text-shadow:0 0 20px hsla(0,0%,100%,.5);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 20px hsla(0,0%,100%,.5)}to{text-shadow:0 0 30px hsla(0,0%,100%,.8),0 0 40px hsla(0,0%,100%,.5)}}.magical-nav-buttons{display:flex;grid-gap:1rem;gap:1rem}.magical-btn-primary,.magical-btn-secondary{padding:.75rem 1.5rem;border:2px solid hsla(0,0%,100%,.8);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.magical-btn-primary{background:hsla(0,0%,100%,.2);border-color:#fff}.magical-btn-primary:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 10px 30px hsla(0,0%,100%,.3)}.magical-btn-secondary:hover{background:hsla(0,0%,100%,.1);transform:translateY(-2px)}.magical-content{position:relative;z-index:2;text-align:center;padding:2rem;max-width:800px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.magical-title{font-size:5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-2px}.magical-title-glow{display:block;font-size:3rem;font-weight:300;opacity:.9;text-shadow:0 0 30px hsla(0,0%,100%,.6)}.magical-title-main{display:block;background:linear-gradient(120deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px hsla(0,0%,100%,.8);position:relative}.magical-subtitle{font-size:1.5rem;font-weight:300;line-height:1.6;margin-bottom:3rem;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.2)}.magical-cta{margin-bottom:2rem}.magical-btn-hero{padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;border:none;border-radius:50px;background:hsla(0,0%,100%,.95);color:#667eea;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:1px}.magical-btn-hero:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 50px rgba(0,0,0,.3);background:#fff}.magical-btn-hero:active{transform:translateY(-1px) scale(1.02)}.magical-footer-text{margin-top:2rem;font-size:1rem;opacity:.9}.magical-link{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:0;transition:opacity .3s ease}.magical-link:hover{opacity:.8}.OuterModal{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.8)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100vh!important;width:100vw!important;position:fixed!important;top:0!important;left:0!important;border:none;z-index:9999!important}.InnerModal{text-decoration:none;background:linear-gradient(135deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.98))!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:30px;box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 40px rgba(102,126,234,.3);padding:0;max-width:500px;width:90%;position:relative;overflow:hidden;z-index:10000!important}.InnerModal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;animation:magicalGradient 3s ease infinite}.InnerModal:focus{outline:0}.InnerModal .modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;z-index:10}.InnerModal .modal-close-btn:hover{background:rgba(102,126,234,.1);color:#667eea;transform:rotate(90deg)}.ReactModal__Overlay{opacity:0;transform:translateY(-100px);transition:all .5s ease-in-out;z-index:9999!important}.ReactModal__Overlay--after-open{opacity:1!important;transform:translateY(0);z-index:9999!important}.ReactModal__Overlay--before-close{opacity:0;transform:translateY(-100px)}@media (max-width:768px){.magical-nav{padding:1.5rem 2rem}.magical-logo{font-size:1.5rem}.magical-nav-buttons{grid-gap:.5rem;gap:.5rem}.magical-btn-primary,.magical-btn-secondary{padding:.5rem 1rem;font-size:.9rem}.magical-title{font-size:3rem}.magical-title-glow{font-size:2rem}.magical-subtitle{font-size:1.2rem}.magical-btn-hero{padding:1rem 2rem;font-size:1.1rem}}@media (max-width:480px){.magical-nav{padding:1rem;flex-direction:column;grid-gap:1rem;gap:1rem}.magical-nav-buttons{width:100%;justify-content:center}.magical-title{font-size:2.5rem}.magical-title-glow{font-size:1.5rem}.magical-subtitle{font-size:1rem;padding:0 1rem}.magical-content{padding:1rem}}#music-player{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:80px;min-width:1240px;border-top:1px solid rgba(0,0,0,.1);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:"Open Sans",sans-serif;z-index:1001;padding:10px 20px;box-sizing:border-box;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.player-content{display:flex;width:100%;align-items:center;grid-gap:20px;gap:20px}.song-info{max-width:250px}.song-title{font-weight:700;font-size:14px;color:#1a1a1a!important}.song-artist,.song-title{text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.song-artist{font-size:12px;color:#4a4a4a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-info{margin-top:2px}.playlist-track{font-size:10px}.no-song,.playlist-track{color:#666!important;font-style:italic;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.no-song{font-size:14px}.player-controls{flex:1 1}.progress-container{flex:1 1;height:60px;cursor:pointer;display:flex;align-items:center;background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%);border-radius:8px;padding:5px 10px;border:1px solid #ddd;transition:border-color .2s;position:relative}.progress-container:hover{border-color:#4f4a85}.progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;position:relative;overflow:hidden}.progress-fill{height:100%;background:#4f4a85;border-radius:2px;transition:width .1s ease}.error-indicator,.loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:12px;color:#666;background:hsla(0,0%,100%,.9);padding:4px 8px;border-radius:4px;z-index:10}.error-indicator{color:#e74c3c}.loading-indicator i{animation:spin 1s linear infinite}.control-buttons{display:flex;align-items:center;grid-gap:10px;gap:10px}.next-btn,.play-pause-btn,.prev-btn{background:#4f4a85;border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.next-btn:hover:not(:disabled),.play-pause-btn:hover:not(:disabled),.prev-btn:hover:not(:disabled){background:#383351}.next-btn:disabled,.play-pause-btn:disabled,.prev-btn:disabled{background:#ccc;cursor:not-allowed}.next-btn,.prev-btn{width:35px;height:35px;font-size:14px}.time-info{display:flex;align-items:center;grid-gap:2px;gap:2px;font-size:12px;min-width:80px;font-family:monospace;color:#2d3748!important;font-weight:500}@media (max-width:768px){#music-player{height:auto;min-height:100px;padding:10px;min-width:auto}.player-content{flex-direction:column;grid-gap:10px;gap:10px}.song-info{min-width:auto;max-width:none;text-align:center;order:1}.player-controls{width:100%;grid-gap:10px;gap:10px;order:2}.progress-container{height:40px;order:3}.control-buttons{justify-content:center;grid-gap:15px;gap:15px}.next-btn,.play-pause-btn,.prev-btn{width:45px;height:45px;font-size:18px}.next-btn,.prev-btn{width:40px;height:40px;font-size:16px}.time-info{font-size:11px;min-width:70px}}@media (max-width:480px){#music-player{padding:8px;min-height:90px}.player-content{grid-gap:8px;gap:8px}.song-title{font-size:13px}.song-artist{font-size:11px}.control-buttons{grid-gap:12px;gap:12px}.next-btn,.play-pause-btn,.prev-btn{width:40px;height:40px;font-size:16px}.next-btn,.prev-btn{width:35px;height:35px;font-size:14px}.progress-container{height:35px;padding:3px 8px}.time-info{font-size:10px;min-width:60px}}.playlist-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:3000}.playlist-modal-content{background:#fff;border-radius:8px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15);color:#333;position:relative;z-index:3001;pointer-events:auto}.playlist-modal-content .form-text,.playlist-modal-content .text-muted,.playlist-modal-content h1,.playlist-modal-content h2,.playlist-modal-content h3,.playlist-modal-content h4,.playlist-modal-content h5,.playlist-modal-content h6,.playlist-modal-content label,.playlist-modal-content li,.playlist-modal-content p,.playlist-modal-content span{color:#333!important;text-shadow:none!important}.playlist-modal-content .form-group input,.playlist-modal-content .form-group textarea{color:#333!important;background:#fff}.playlist-modal-content .form-group input::placeholder,.playlist-modal-content .form-group textarea::placeholder{color:#666!important}.playlist-modal-content .checkbox-label{color:#333!important}.playlist-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e5e5}.playlist-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#333}.playlist-modal-close{background:none;border:none;font-size:1.2rem;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.playlist-modal-close:hover{background-color:#f5f5f5}.playlist-modal-form{padding:24px}.form-group label{color:#333}.form-group input,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.checkbox-label{display:flex!important;margin-bottom:0!important}.checkbox-label input[type=checkbox]{width:auto!important;margin-right:12px;margin-bottom:0}.checkmark{margin-left:8px}.playlist-modal-actions{display:flex;justify-content:flex-end;grid-gap:12px;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e5e5}.btn{border-radius:6px;font-weight:500}.btn-secondary{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.btn-secondary:hover:not(:disabled){background-color:#e9ecef}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}@media (max-width:576px){.playlist-modal-content{width:95%;margin:20px}.playlist-modal-actions{flex-direction:column}.btn{width:100%}}.playlist-dropdown{position:absolute;top:100%;left:0;background:hsla(0,0%,100%,.98);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);min-width:280px;max-width:320px;z-index:2000;overflow:hidden;margin-top:5px}.playlist-dropdown-portal{position:relative;z-index:2000}.playlist-dropdown-portal-overlay{position:fixed;inset:0;background:transparent}.playlist-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.1);background-color:rgba(248,249,250,.8)}.playlist-dropdown-header h4{margin:0;font-size:14px;font-weight:600;color:#1a1a1a}.playlist-dropdown-close{background:none;border:none;color:#4a4a4a;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.playlist-dropdown-close:hover{background-color:rgba(0,0,0,.08);color:#1a1a1a}.playlist-dropdown-content{max-height:300px;overflow-y:auto}.playlist-dropdown-item{display:flex;align-items:center;width:100%;padding:12px 16px;background:transparent;text-align:left;cursor:pointer;transition:background-color .2s;border:none;border-bottom:1px solid rgba(0,0,0,.08);position:relative;color:#2d3748}.playlist-dropdown-item.added{background-color:rgba(40,167,69,.08);cursor:default}.playlist-dropdown-item:last-child{border-bottom:none}.playlist-dropdown-item:hover:not(:disabled){background-color:rgba(0,0,0,.05)}.playlist-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.playlist-dropdown-item.create-playlist{color:#0d6efd;font-weight:500;border-bottom:1px solid rgba(0,0,0,.12)}.playlist-dropdown-item.create-playlist:hover{background-color:rgba(13,110,253,.1);color:#0b5ed7}.playlist-dropdown-item.no-playlists{color:#6c757d;font-style:italic;justify-content:center}.playlist-dropdown-item i{margin-right:12px;width:16px;text-align:center;color:#4a5568}.playlist-info{display:flex;flex-direction:column;align-items:flex-start}.playlist-name{font-weight:500;color:#1a1a1a;margin-bottom:2px}.playlist-count{font-size:12px;color:#6c757d}.playlist-dropdown-item .fa-spinner{margin-left:8px;margin-right:0;color:#0d6efd}.added-badge{display:flex;align-items:center;grid-gap:4px;gap:4px;background-color:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;margin-left:auto}.added-badge i{font-size:10px}.add-to-playlist-btn{background:none;border:1px solid #0d6efd;color:#0d6efd;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .2s;margin-left:auto;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-weight:500}.add-to-playlist-btn i{margin-right:0}.add-to-playlist-btn:hover:not(:disabled){background-color:#0d6efd;color:#fff;transform:scale(1.05)}.add-to-playlist-btn:disabled{opacity:.6;cursor:not-allowed}.playlist-dropdown-item span{color:inherit}@media (max-width:576px){.playlist-dropdown{min-width:250px;max-width:280px}}#top-dashboard{margin-top:100px;display:block;overflow:auto;height:100vh}#dashboard-title{position:relative;right:220px;top:20px}.dashboard-songs{flex-wrap:wrap;height:515px;width:900px;overflow:none}.dashboard-tracks-container{position:relative;top:50px;right:150px;height:700px;width:900px;justify-content:center;box-sizing:border-box}#side-dashboard{position:fixed;top:56px;right:350px;height:100%;width:350px;border-left:1px solid #ccc}#side-top-border{position:fixed;top:76px;right:365px;width:300px;border-top:1px solid #ccc}.dashboard-cover-container{height:490px;width:370px;padding-top:20px;margin-left:25px;margin-bottom:20px;box-sizing:border-box;align-items:center;border-radius:100px;border:5px solid #000;background-color:#15883e;cursor:pointer}.dashboard-cover-container:hover{border:5px solid #15883e;background:#000}.dashboard-cover{height:300px;width:300px;border-radius:100px;margin-bottom:20px}.dashboard-cover-title{font-size:22px;text-decoration:none;color:#495057!important;margin-bottom:10px}.dashboard-cover-artist{margin-top:10px;color:#6c757d!important;text-decoration:none;font-size:18px}#top-dashboard{display:flex;flex-direction:column;align-items:center}.card{border-radius:16px!important;overflow:hidden}.card-title{font-weight:600!important;font-size:1.1rem!important}.card-text{font-weight:400!important}.card-text,.display-6,.text-muted{text-shadow:none!important}.display-6{color:#212529!important;font-weight:700!important;letter-spacing:-.5px!important}.song-card-horizontal,.song-card-horizontal .card-body,.songs-horizontal-container{overflow:visible}.song-card-horizontal .card{overflow:visible;position:relative;z-index:2;background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important}.song-card-horizontal .card:hover{background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid rgba(13,110,253,.3)!important}.song-card-horizontal .d-flex.gap-2{overflow:visible}.song-card-horizontal .btn-sm{width:32px;height:32px;padding:0!important;font-size:.75rem!important;background:#f8f9fa!important;border:1px solid rgba(0,0,0,.1)!important;color:#495057!important;font-weight:500!important;transition:all .3s ease!important;text-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important}.song-card-horizontal .btn-sm i{font-size:.75rem!important;line-height:1!important;margin:0!important;padding:0!important}.song-card-horizontal .btn-sm.btn-danger,.song-card-horizontal .btn-sm.btn-outline-primary,.song-card-horizontal .btn-sm.btn-outline-secondary{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.song-card-horizontal .btn-sm.btn-danger i,.song-card-horizontal .btn-sm.btn-outline-primary i,.song-card-horizontal .btn-sm.btn-outline-secondary i{font-size:.75rem!important;line-height:1!important;margin:0!important;padding:0!important}.song-card-horizontal .btn-sm:hover{background:#e9ecef!important;border-color:rgba(0,0,0,.15)!important;color:#212529!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.song-card-horizontal .btn-sm.btn-primary,.song-card-horizontal .btn-sm.btn-success{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.song-card-horizontal .btn-sm.btn-primary i,.song-card-horizontal .btn-sm.btn-success i{font-size:.75rem!important;line-height:1!important;margin:0!important;padding:0!important}.song-card-horizontal .btn-sm.btn-primary:hover,.song-card-horizontal .btn-sm.btn-success:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.song-card-horizontal .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px rgba(102,126,234,.3)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.song-card-horizontal .btn-primary i{font-size:.75rem!important;line-height:1!important;margin:0!important;padding:0!important}.song-card-horizontal .btn-primary:hover{transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.song-card-horizontal .btn-primary:hover,.song-card-horizontal .btn-success{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.song-card-horizontal .btn-success{box-shadow:0 2px 8px rgba(102,126,234,.3)!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.song-card-horizontal .btn-success i{font-size:.75rem!important;line-height:1!important;margin:0!important;padding:0!important}.song-card-horizontal .btn-success:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}@media (max-width:1200px){.song-card-horizontal{width:260px;min-width:260px}.song-card-horizontal .btn-sm{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;font-size:.7rem!important}.song-card-horizontal .btn-sm i{font-size:.7rem!important}}@media (max-width:992px){.song-card-horizontal{width:240px;min-width:240px}.song-card-horizontal .d-flex.gap-2{grid-gap:.2rem!important;gap:.2rem!important}.song-card-horizontal .btn-sm{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;font-size:.65rem!important}.song-card-horizontal .btn-sm i{font-size:.65rem!important}}@media (max-width:768px){.songs-horizontal-container{flex-direction:column;align-items:center}.song-card-horizontal{width:100%;max-width:400px;min-width:auto}.song-card-horizontal .d-flex.gap-2{grid-gap:.3rem!important;gap:.3rem!important;justify-content:center}.song-card-horizontal .btn-sm{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important;font-size:.75rem!important}.song-card-horizontal .btn-sm i{font-size:.75rem!important}}@media (max-width:768px){#top-dashboard{margin-top:80px;padding:0 15px}#dashboard-title{position:static;right:auto;top:auto;margin-bottom:20px;text-align:center}.dashboard-tracks-container{position:static;top:auto;right:auto;width:100%;max-width:100%;height:auto;margin:0}.dashboard-songs{width:100%;height:auto;overflow:visible}#side-dashboard{position:static;top:auto;right:auto;height:auto;width:100%;border-left:none;border-top:1px solid #ccc;margin-top:30px;padding-top:20px}#side-top-border{display:none}.dashboard-cover-container{width:100%;max-width:300px;height:auto;margin:0 auto 20px;padding:20px;border-radius:20px}.dashboard-cover{width:100%;max-width:200px;height:200px;margin:0 auto 15px}.dashboard-cover-title{font-size:18px;text-align:center}.dashboard-cover-artist{font-size:16px;text-align:center}}@media (max-width:480px){#top-dashboard{margin-top:70px;padding:0 10px}.dashboard-cover-container{max-width:250px;padding:15px}.dashboard-cover{max-width:150px;height:150px}.dashboard-cover-title{font-size:16px}.dashboard-cover-artist{font-size:14px}}.com__c{margin-top:1.5rem;background:hsla(0,0%,100%,.8)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border:1px solid rgba(13,110,253,.15)!important;border-radius:12px;padding:16px 20px;min-height:5rem;position:relative;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.com__c:hover{background:hsla(0,0%,100%,.9)!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:rgba(13,110,253,.25)!important;box-shadow:0 4px 12px rgba(13,110,253,.15);transform:translateY(-1px)}.com__un{font-weight:600;color:#0d6efd!important;display:block}.com__msg,.com__un{font-size:15px;margin-bottom:8px}.com__msg{color:#333!important;line-height:1.6;word-wrap:break-word}.com__btns{position:absolute;top:16px;right:16px;display:flex;grid-gap:12px;gap:12px}.com__btns .delete__btn,.com__btns .edit__btn,.com__btns i.delete__btn,.com__btns i.edit__btn,.delete__btn,.edit__btn,i.delete__btn,i.edit__btn{cursor:pointer!important;font-size:16px!important;padding:8px 12px!important;border-radius:8px!important;transition:all .2s ease!important;font-weight:500!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;text-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:36px!important;min-height:36px!important;-webkit-appearance:none!important;appearance:none!important}.com__btns .edit__btn,.com__btns i.edit__btn,.edit__btn,i.edit__btn{background:#0d6efd!important;background-color:#0d6efd!important;border:2px solid #0d6efd!important;color:#fff!important}.com__btns .edit__btn:hover,.com__btns i.edit__btn:hover,.edit__btn:hover,i.edit__btn:hover{background:#0b5ed7!important;background-color:#0b5ed7!important;border-color:#0a58ca!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px rgba(13,110,253,.3)!important}.com__btns .delete__btn,.com__btns i.delete__btn,.delete__btn,i.delete__btn{background:#dc3545!important;background-color:#dc3545!important;border:2px solid #dc3545!important;color:#fff!important}.com__btns .delete__btn:hover,.com__btns i.delete__btn:hover,.delete__btn:hover,i.delete__btn:hover{background:#bb2d3b!important;background-color:#bb2d3b!important;border-color:#b02a37!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px rgba(220,53,69,.3)!important}.edit__form__c{margin-top:1.5rem}@media (max-width:768px){.com__c{height:auto;min-height:4rem;padding:10px;margin-top:1rem}.com__un{margin:0 0 5px}.com__msg,.com__un{position:static;top:auto;font-size:14px}.com__msg{margin:0 0 10px;line-height:1.4}.com__btns{position:static;top:auto;right:auto;display:flex;justify-content:flex-end;margin-top:10px}.delete__btn,.edit__btn{margin-right:15px;font-size:16px;padding:5px}.edit__form__c{margin-top:1rem}}@media (max-width:480px){.com__c{padding:8px;min-height:3.5rem}.com__msg,.com__un{font-size:13px}.delete__btn,.edit__btn{margin-right:10px;font-size:14px}}.local-audio-player{width:100%;background:#3f5efb;background:radial-gradient(circle,#3f5efb 0,#fc466b 100%);border-radius:12px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 4px 15px rgba(0,0,0,.1)}.local-audio-player.disabled-player{background:#6c757d;background:radial-gradient(circle,#6c757d 0,#495057 100%);opacity:.8}.disabled-message{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;color:#fff;font-size:16px;font-weight:500;padding:20px;text-align:center}.disabled-message i{font-size:20px;color:#ff6b6b}.player-controls{display:flex;align-items:center;grid-gap:15px;gap:15px;flex-wrap:wrap}.play-pause-btn{width:50px;height:50px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3)}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(102,126,234,.4)}@media (max-width:768px){.local-audio-player{padding:12px}.player-controls{flex-direction:column;grid-gap:12px;gap:12px}.play-pause-btn{order:1;width:60px;height:60px;font-size:20px}.time-info{order:2;font-size:12px;justify-content:center}}@media (max-width:480px){.local-audio-player{padding:10px}.play-pause-btn{width:50px;height:50px;font-size:16px}.time-info{font-size:11px}}.waveform-container{margin-top:15px;width:100%;height:60px;background:rgba(0,0,0,.1);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer;transition:background-color .2s ease}.waveform-container:hover{background:rgba(0,0,0,.2)}.waveform-visualization{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;padding:0 5px}.waveform-bar{width:2px;background:linear-gradient(0deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.6));border-radius:1px;transition:all .3s ease;animation:waveform-pulse 2s ease-in-out infinite}.waveform-bar:hover{background:linear-gradient(0deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.8));transform:scaleY(1.2)}@keyframes waveform-pulse{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.waveform-progress-overlay{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,rgba(102,126,234,.3),rgba(118,75,162,.3));border-radius:8px;z-index:2;pointer-events:none;transition:width .1s ease;overflow:hidden}.waveform-progress-overlay:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:linear-gradient(90deg,#667eea,#764ba2);box-shadow:0 0 4px rgba(102,126,234,.5)}.waveform-container:empty:before{content:"Generating waveform...";color:hsla(0,0%,100%,.6);font-size:12px;font-style:italic}@media (max-width:768px){.waveform-container{height:50px;margin-top:12px}.amplitude-wave-form svg{max-height:30px}.waveform-progress-overlay:after{width:3px}}@media (max-width:480px){.waveform-container{height:40px;margin-top:10px}.amplitude-wave-form svg{max-height:25px}.waveform-progress-overlay:after{width:2px}}.share-button-container{position:relative;display:inline-block}.share-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.15);z-index:1000;min-width:350px;max-width:400px;margin-top:8px;animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95)}.share-menu-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}.share-menu-header h4{margin:0;font-size:16px;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:14px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-button:hover{background:#f5f5f5;color:#333}.share-options{padding:12px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.share-option{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 16px;background:none;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;color:#333;text-align:left;border-radius:8px;margin:0 8px}.share-option:hover{background:#f8f9fa;transform:translateX(2px)}.share-option i{font-size:16px;width:20px;text-align:center}.share-option span{font-weight:500}.share-option.twitter:hover{background:#e8f5fe;color:#1da1f2}.share-option.facebook:hover{background:#e3f2fd;color:#1877f2}.share-option.linkedin:hover{background:#e3f2fd;color:#0077b5}.share-option.reddit:hover{background:#fff3e0;color:#ff4500}.share-option.whatsapp:hover{background:#e8f5e8;color:#25d366}.share-option.telegram:hover{background:#e3f2fd;color:#08c}.share-option.email:hover{background:#f3e5f5;color:#9c27b0}.share-option.native-share:hover{background:#e8f5e8;color:#4caf50}.share-option.copy-link:hover{background:#e3f2fd;color:#2196f3}.share-option.copy-link.success{background:#e8f5e8;color:#4caf50}.share-option.copy-link.success i{color:#4caf50}.share-url-preview{padding:16px 20px;border-top:1px solid #f0f0f0;background:#fafafa;border-radius:0 0 12px 12px}.url-label{margin:0 0 8px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.url-container{position:relative}.url-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:12px;color:#666;background:#fff;font-family:"Courier New",monospace;outline:none;transition:border-color .2s ease}.url-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px rgba(33,150,243,.1)}@media (max-width:768px){.share-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:420px;margin:0;max-height:80vh;overflow-y:auto}.share-options{grid-template-columns:1fr;grid-gap:2px;gap:2px}.share-option{margin:0 12px;padding:14px 16px}.share-menu-header{padding:20px 20px 16px}.share-url-preview{padding:16px 20px 20px}}@media (max-width:480px){.share-menu{width:95%;max-width:380px}.share-option{padding:12px 14px;font-size:13px}.share-option i{font-size:14px;width:18px}}@media (prefers-color-scheme:dark){.share-menu{background:rgba(30,30,30,.95);border-color:#444;color:#fff}.share-menu-header{border-bottom-color:#444}.share-menu-header h4{color:#fff}.close-button{color:#ccc}.close-button:hover{background:#444;color:#fff}.share-option{color:#ccc}.share-option:hover{background:#333;color:#fff}.share-url-preview{background:#222;border-top-color:#444}.url-label{color:#aaa}.url-input{background:#333;border-color:#555;color:#ccc}.url-input:focus{border-color:#2196f3}}.uploader-profile-card{background:hsla(0,0%,94.1%,.8)!important;backdrop-filter:blur(12px) saturate(150%)!important;-webkit-backdrop-filter:blur(12px) saturate(150%)!important;border:1px solid rgba(13,110,253,.15)!important;border-radius:20px;padding:10px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:12px;gap:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);width:calc(100% + 200px);max-width:calc(100% + 200px);height:100px;box-sizing:border-box;overflow:hidden}.uploader-profile-card:hover{transform:translateY(-2px);background:hsla(0,0%,90.2%,.9)!important;backdrop-filter:blur(15px) saturate(180%)!important;-webkit-backdrop-filter:blur(15px) saturate(180%)!important;border-color:rgba(13,110,253,.25)!important;box-shadow:0 8px 24px rgba(13,110,253,.15)}.uploader-avatar{flex-shrink:0;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.uploader-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid hsla(0,0%,78.4%,.5)!important;box-shadow:0 1px 3px rgba(0,0,0,.1);display:block}.avatar-placeholder{background:hsla(0,0%,78.4%,.8)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;font-size:24px;color:hsla(0,0%,39.2%,.9)!important;border:1px solid hsla(0,0%,58.8%,.3)!important;box-shadow:0 1px 3px rgba(0,0,0,.1)}.uploader-info{flex:1 1;min-width:0}.uploader-username{color:#212529!important;font-size:16px;font-weight:700;margin:0 0 4px;text-shadow:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uploader-followers{color:#495057!important;font-size:13px;margin:0;display:flex;align-items:center;grid-gap:5px;gap:5px;font-weight:500;text-shadow:none!important}.uploader-followers i{color:#6c757d!important;font-size:12px}.uploader-action{flex-shrink:0;color:#0d6efd!important;font-size:16px;transition:all .3s ease;text-shadow:none!important}.uploader-profile-card:hover .uploader-action{color:#0b5ed7!important;transform:scale(1.05)}@media (max-width:768px){.uploader-profile-card{padding:12px;width:100%}.uploader-avatar{width:50px;height:50px}.avatar-placeholder{font-size:20px}.uploader-username{font-size:15px}.uploader-followers{font-size:12px}}@media (max-width:480px){.uploader-profile-card{padding:10px;width:100%;border-radius:12px}.uploader-avatar{width:45px;height:45px}.avatar-placeholder{font-size:18px}.uploader-username{font-size:14px}.uploader-followers{font-size:11px}}.payment-form-container{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);max-width:600px;min-width:500px;margin:0 auto;position:relative;z-index:1000}.payment-form-header{text-align:center;margin-bottom:24px}.payment-form-header h3{margin:0 0 8px;color:#1a1a1a!important;font-size:28px;font-weight:700;letter-spacing:-.5px;text-shadow:none!important}.payment-form-header p{margin:0;color:#4a4a4a!important;font-size:16px;font-weight:500;text-shadow:none!important}.saved-card-notice{display:flex;align-items:center;grid-gap:8px;gap:8px;margin-top:8px;padding:8px 12px;background:rgba(40,167,69,.1);border:1px solid rgba(40,167,69,.2);border-radius:6px;color:#28a745;font-size:14px;font-weight:500}.saved-card-notice i{font-size:12px}.payment-form{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:12px;font-weight:700;color:#1a1a1a!important;font-size:16px;letter-spacing:-.2px;text-shadow:none!important}.card-element-container{padding:16px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;transition:border-color .2s ease;min-height:60px;min-width:100%;display:flex;align-items:center}.card-element-container:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.3)}.StripeElement{width:100%;min-width:100%;padding:0}.StripeElement--complete,.StripeElement--invalid{width:100%}.stripe-loading{display:flex;align-items:center;justify-content:center;height:50px;color:#4a4a4a!important;font-style:italic;text-shadow:none!important}.checkbox-label{font-size:14px;color:#4a5568;margin:0}.save-card-checkbox{margin-right:8px;width:16px;height:16px;accent-color:#4299e1}.checkbox-text{-webkit-user-select:none;user-select:none;display:flex;align-items:center;grid-gap:8px;gap:8px;color:#4a4a4a!important;font-weight:500;text-shadow:none!important}.pre-selected-indicator{display:flex;align-items:center;grid-gap:4px;gap:4px;color:#28a745;font-size:12px;font-weight:600;background:rgba(40,167,69,.1);padding:2px 6px;border-radius:4px;border:1px solid rgba(40,167,69,.2)}.pre-selected-indicator i{font-size:10px}.saved-card-select{padding:12px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:16px;color:#333;transition:border-color .2s ease;width:100%}.saved-card-select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px rgba(66,153,225,.3)}.payment-error{background:#fed7d7;color:#c53030;padding:12px;border-radius:6px;border:1px solid #feb2b2;font-size:14px;text-align:center}.payment-buttons{grid-gap:12px;gap:12px;justify-content:space-between}.cancel-button,.pay-button{flex:1 1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background:#e2e8f0;color:#4a5568}.cancel-button:hover:not(:disabled){background:#cbd5e0}.pay-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 4px 12px rgba(66,153,225,.3)}.pay-button:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-1px);box-shadow:0 6px 16px rgba(66,153,225,.4)}.pay-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:700px){.payment-form-container{margin:16px;padding:20px;max-width:calc(100vw - 32px);min-width:calc(100vw - 32px)}.payment-buttons{flex-direction:column}.cancel-button,.pay-button{width:100%}}.payment-method-selection{display:flex;grid-gap:12px;gap:12px;margin-top:8px}.payment-method-option{flex:1 1;position:relative;cursor:pointer;border:2px solid #e1e5e9;border-radius:12px;padding:16px;background:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.payment-method-option:hover{border-color:#007bff;background:#f8f9fa}.payment-method-option.selected{border-color:#007bff;background:rgba(0,123,255,.05);box-shadow:0 0 0 3px rgba(0,123,255,.1)}.payment-method-radio{position:absolute;opacity:0;pointer-events:none}.payment-method-content{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;text-align:center}.payment-method-content i{font-size:24px;color:#6c757d;transition:color .2s ease}.payment-method-option.selected .payment-method-content i{color:#007bff}.payment-method-content span{font-size:14px;font-weight:500;color:#495057;transition:color .2s ease}.payment-method-option.selected .payment-method-content span{color:#007bff}.paypal-info{margin-top:16px;padding:16px;background:rgba(0,123,255,.05);border:1px solid rgba(0,123,255,.1);border-radius:8px}.paypal-info-content{display:flex;align-items:center;grid-gap:12px;gap:12px}.paypal-info-content i{font-size:20px;color:#0070ba}.paypal-info-content p{margin:0;color:#495057;font-size:14px;line-height:1.4}@media (max-width:768px){.payment-method-selection{flex-direction:column;grid-gap:8px;gap:8px}.payment-method-option{padding:12px}.payment-method-content{flex-direction:row;grid-gap:12px;gap:12px}.payment-method-content i{font-size:20px}}.purchase-button-container{display:inline-block}.purchase-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.purchase-error{color:#e74c3c;font-size:14px;text-align:center;background:rgba(231,76,60,.1);padding:8px 12px;border-radius:4px;border:1px solid rgba(231,76,60,.2);max-width:200px}.payment-modal-overlay{background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width:768px){.purchase-button{padding:10px 20px;font-size:14px;min-width:140px}}.edit-song-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.edit-song-modal{background:hsla(0,0%,100%,.8)!important;border-radius:20px;border:1px solid rgba(13,110,253,.15);box-shadow:0 25px 80px rgba(0,0,0,.3);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;color:#333}.edit-song-modal,.modal-header{backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.modal-header{padding:20px 30px;border-bottom:1px solid rgba(13,110,253,.15);background:hsla(0,0%,100%,.8);border-radius:20px 20px 0 0}.modal-header h2{margin:0;font-size:24px;font-weight:600;color:#333!important;text-shadow:none!important}.close-btn{font-size:20px;padding:5px;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.edit-song-form{padding:30px;background:transparent}.error-message{background:rgba(220,53,69,.1);color:#dc3545;padding:10px 15px;border:1px solid rgba(220,53,69,.3);margin-bottom:10px}.error-message,.form-group label{text-shadow:none}.form-group .form-text{color:#6c757d!important;font-size:12px;margin-top:5px;text-shadow:none}.form-group .checkbox-label{font-weight:500}.form-group .checkbox-label,.form-group .checkbox-label span{color:#333!important;text-shadow:none}.form-group input[type=number],.form-group input[type=text],.form-group textarea{width:100%;padding:12px 15px;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px;font-size:16px;background:#fff!important;color:#333!important;transition:all .3s ease;box-sizing:border-box;font-weight:400;text-shadow:none}.form-group input[type=number]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{outline:none;border-color:#0d6efd!important;background:#fff!important;box-shadow:0 0 0 3px rgba(13,110,253,.1);color:#333!important}.form-group textarea{min-height:100px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-top:10px}.category-checkbox{display:flex;align-items:center;padding:10px 15px;background:#f8f9fa!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;flex-direction:row;color:#333!important;grid-gap:0;gap:0}.category-checkbox:hover{background:#e9ecef!important;border-color:rgba(0,0,0,.25)!important}.category-checkbox input[type=checkbox],.checkbox-label input[type=checkbox]{margin:0 10px 0 0;padding:0;width:18px;height:18px;flex-shrink:0;cursor:pointer;background-color:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:4px;appearance:none;-webkit-appearance:none;position:relative;transition:all .3s ease}.category-checkbox input[type=checkbox]:checked,.checkbox-label input[type=checkbox]:checked{background-color:#1db954!important;border-color:#1db954!important}.category-checkbox input[type=checkbox]:checked:before,.checkbox-label input[type=checkbox]:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;line-height:1}.category-checkbox span{display:inline;line-height:1.5;color:#333!important;flex:1 1;text-shadow:none}.category-checkbox input[type=checkbox]:checked+span{color:#667eea!important;font-weight:600}.image-upload-section{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.image-preview{width:150px;height:150px;border-radius:10px;overflow:hidden;border:2px solid rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.image-preview img{width:100%;height:100%;object-fit:cover}.form-group input[type=file]{padding:10px;border:2px dashed rgba(0,0,0,.25)!important;border-radius:10px;background:#f8f9fa!important;cursor:pointer;transition:all .3s ease;color:#333!important}.form-group input[type=file]:hover{border-color:rgba(0,0,0,.35)!important;background:#e9ecef!important}.file-info{color:#6c757d!important;font-size:12px;margin-top:5px;text-shadow:none}.edit-song-modal,.edit-song-modal .edit-song-form,.edit-song-modal .form-text,.edit-song-modal .modal-header,.edit-song-modal .modal-header h2,.edit-song-modal .text-muted,.edit-song-modal div,.edit-song-modal h1,.edit-song-modal h2,.edit-song-modal h3,.edit-song-modal h4,.edit-song-modal h5,.edit-song-modal h6,.edit-song-modal label,.edit-song-modal li,.edit-song-modal p,.edit-song-modal span{color:#333!important;text-shadow:none!important}.edit-song-modal #artist,.edit-song-modal #description,.edit-song-modal #price,.edit-song-modal #title,.edit-song-modal .form-group input,.edit-song-modal .form-group textarea,.edit-song-modal input[type=number],.edit-song-modal input[type=text],.edit-song-modal textarea{color:#333!important;background:#fff!important;border-color:rgba(0,0,0,.15)!important}.edit-song-modal textarea#description{color:#333!important;background:#fff!important}.edit-song-modal input::placeholder,.edit-song-modal textarea::placeholder{color:#adb5bd!important;opacity:1!important}.edit-song-modal .checkbox-label,.edit-song-modal .checkbox-label span,.edit-song-modal .form-group label,.edit-song-modal label{color:#333!important;text-shadow:none!important}.edit-song-modal .category-checkbox,.edit-song-modal .category-checkbox span{color:#333!important}.edit-song-modal .form-text,.edit-song-modal small{color:#6c757d!important;text-shadow:none!important}.form-actions{padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.cancel-btn,.save-btn{padding:12px 25px;border-radius:10px;border:none;min-width:120px}.cancel-btn{background:rgba(108,117,125,.1)!important;color:#6c757d!important;border:2px solid rgba(108,117,125,.3)!important;text-shadow:none}.cancel-btn:hover{background:rgba(108,117,125,.2)!important;border-color:rgba(108,117,125,.4)!important;color:#495057!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.save-btn{background:#0d6efd!important;color:#fff!important;border:2px solid #0d6efd!important;text-shadow:none}.save-btn:hover:not(:disabled){background:#0b5ed7!important;border-color:#0a58ca!important;transform:translateY(-2px);box-shadow:0 8px 25px rgba(13,110,253,.3)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.edit-song-modal{width:95%;margin:10px}.edit-song-form,.modal-header{padding:20px}.categories-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}#song-show-page{width:1240px;height:auto;margin:46px auto 0}.disabled-song-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0d6efd;border-radius:8px;margin-left:20px}.disabled-song-message{text-align:center;color:#fff;padding:40px;background:rgba(0,0,0,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.disabled-song-message h2{margin:20px 0 10px;font-size:28px;font-weight:600}.disabled-song-message p{margin:0;font-size:16px;opacity:.9}.disabled-icon{font-size:48px;color:#ff6b6b;margin-bottom:10px}#song-show-page a{text-decoration:none}#song-banner{display:flex;height:380px}.song-btns{outline:none;border:1px solid #e5e5e5;border-radius:3px;margin-right:5px;cursor:pointer;padding:3px 10px;font-size:14px;height:26px;transition:all .2s ease}.song-btns,.songs-stats-divs{display:flex;justify-content:space-between;align-items:center}.songs-stats-divs{margin-left:15px}#song-banner-info{width:750px;margin-left:40px;position:relative;z-index:1;height:100%;display:flex;flex-direction:column}.glitch-container{margin-top:20px;z-index:1;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);transition:all .3s ease}.glitch-container.playing{animation:pulse-glow 3s ease-in-out infinite,periodic-glitch 4s infinite}.glitch-container:hover{box-shadow:0 15px 40px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.2);transform:translateY(-2px) scale(1.05)}.glitch-container:after,.glitch-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:0;mix-blend-mode:screen;border-radius:20px}.glitch-container:after,.glitch-container:before{animation:none}.glitch-container.playing:before{animation:periodic-glitch-pseudo-1 4s infinite}.glitch-container.playing:after{animation:periodic-glitch-pseudo-2 4s infinite}.glitch-container:hover:before{animation:glitch-anim-1 2s linear infinite alternate-reverse}.glitch-container:hover:after{animation:glitch-anim-2 2s linear infinite alternate-reverse}#current-song-img{height:100%;width:100%;display:block;border-radius:20px}#song-banner-top{display:flex;justify-content:space-between}#song-banner-artist{display:inline-block;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);font-size:15px;margin-top:28px;padding:6px 12px;color:#333!important;border-radius:8px;border:1px solid rgba(13,110,253,.15)!important;font-weight:600;text-shadow:none!important}#song-banner-created-at{margin-top:30px;font-size:15px;line-height:1;color:#333!important}#song-banner-bottom{margin-top:3px;display:flex;flex-direction:column;align-items:flex-start;grid-gap:15px;gap:15px;height:100%;justify-content:space-between}#song-banner-title{display:inline-block;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);font-size:22px;padding:10px 14px;color:#333!important;border-radius:10px;border:1px solid rgba(13,110,253,.15)!important;font-weight:700;text-shadow:none!important}#player-container{display:flex;width:100%;max-width:600px;position:relative;margin-top:auto;margin-bottom:20px}#song-comments{min-height:550px;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.2);margin:20px;padding:30px}#song-comments h3{color:#333!important;font-size:24px;font-weight:600;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1)!important;text-shadow:none!important}.description-header{justify-content:space-between}.description-header,.description-header h5{display:flex;align-items:center;margin-bottom:0}.description-header h5{color:#333!important;font-size:20px;font-weight:600;text-shadow:none!important}.description-header h5 i{margin-right:10px;color:#666!important}.description-text .badge{font-size:13px;padding:6px 12px;margin:4px 4px 4px 0;font-weight:600;background:#0d6efd!important;border:1px solid #0d6efd!important;color:#fff!important;border-radius:12px!important;text-shadow:none!important}.description-empty{color:#6c757d!important;font-style:italic}#song-categories .badge{font-size:13px;padding:8px 14px;margin:4px 4px 4px 0;font-weight:600;background:#0d6efd!important;border:1px solid #0d6efd!important;color:#fff!important;border-radius:12px!important;text-shadow:none!important}#song-comments-container{width:100%}#song-comments-form-container{display:flex;margin-bottom:25px}#song-comments-form{display:flex;align-items:center;width:100%}#song-comments-form .form-control{background:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:12px;color:#333!important;padding:12px 18px;font-size:15px;font-weight:400;transition:all .3s ease;text-shadow:none!important}#song-comments-form .form-control::placeholder{color:rgba(0,0,0,.5)!important;font-weight:400}#song-comments-form .form-control:focus{background:#fff!important;border-color:#0d6efd!important;color:#333!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)!important;outline:none;transform:translateY(-1px)}#song-desc-and-comments{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)!important}#song-desc-and-comments:empty:before{content:"No comments yet. Be the first to comment!";display:block;text-align:center;color:#6c757d!important;font-style:italic;padding:40px 20px}#song-comments-stats{justify-content:space-between;margin-top:25px;margin-bottom:25px;font-size:14px;padding:20px;background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-radius:12px;border:1px solid rgba(13,110,253,.15)!important;grid-gap:15px;gap:15px;box-shadow:0 4px 16px rgba(0,0,0,.15);color:#333!important}#song-comments-stats,#song-stats-buttons{display:flex;align-items:center;flex-wrap:wrap}#song-stats-buttons{grid-gap:10px;gap:10px}#song-stats-buttons>*{flex-shrink:0}#song-stats-buttons .btn,#song-stats-buttons .purchase-button-container .purchase-button,#song-stats-buttons .share-button-container .btn,.description-header .btn{padding:10px 18px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;transition:all .3s ease!important;border:2px solid!important;display:inline-flex!important;align-items:center!important;grid-gap:8px!important;gap:8px!important;box-shadow:none!important;min-height:40px!important;cursor:pointer!important;text-decoration:none!important}#song-stats-buttons .btn:hover:not(:disabled),#song-stats-buttons .purchase-button-container .purchase-button:hover:not(:disabled),#song-stats-buttons .share-button-container .btn:hover:not(:disabled),.description-header .btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:none!important}#song-stats-buttons .btn:disabled,#song-stats-buttons .purchase-button-container .purchase-button:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}#song-stats-buttons .btn,#song-stats-buttons .purchase-button-container .purchase-button,#song-stats-buttons .share-button-container .btn,.description-header .btn{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important;text-shadow:none!important}#song-stats-buttons .btn:hover:not(:disabled),#song-stats-buttons .purchase-button-container .purchase-button:hover:not(:disabled),#song-stats-buttons .share-button-container .btn:hover:not(:disabled),.description-header .btn:hover:not(:disabled){background:#0b5ed7!important;border-color:#0a58ca!important;color:#fff!important;box-shadow:0 4px 15px rgba(13,110,253,.3)!important}#song-stats-buttons .purchase-button-container{display:inline-block;margin:0}#song-stats-buttons .purchase-button-container .purchase-button{min-width:auto!important;width:auto!important}#song-stats{grid-gap:20px;gap:20px;color:#333!important;font-size:14px;font-weight:500}#song-stats,#song-stats div{display:flex;align-items:center}#song-stats div{grid-gap:8px;gap:8px;padding:10px 16px;background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-radius:10px;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)}#song-stats i{font-size:16px;color:#666!important}#song-stats p{margin:0;font-weight:600;color:#333!important}#song-show-play{position:relative;height:60px;width:60px;top:30px;left:30px}#orbital-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8}#song-banner{position:relative;overflow:hidden}@media (max-width:768px){#song-show-page{width:100%;margin-top:80px;padding:0 15px}#orbital-canvas{opacity:.6}#song-banner{flex-direction:column;height:auto;padding:20px}.glitch-container{width:200px;height:200px;margin:0 auto 20px}#current-song-img{width:100%;height:100%}#song-banner-info{width:100%;margin-left:0;text-align:center;height:auto}#song-banner-top{grid-gap:10px;gap:10px}#song-banner-bottom,#song-banner-top{flex-direction:column;align-items:center}#song-banner-bottom{grid-gap:15px;gap:15px;height:auto;justify-content:flex-start}#song-banner-title{font-size:18px;text-align:center}#song-banner-artist{font-size:14px}#song-banner-created-at{font-size:13px}#player-container{position:static;right:auto;top:auto;justify-content:center;max-width:100%;margin:20px 0}#song-comments{padding:15px;margin:15px;border-radius:15px}#song-comments-container,#song-comments-form{width:100%}.songs-stats-divs{flex-direction:column;grid-gap:10px;gap:10px;margin-left:0}.song-btns{width:100%;justify-content:center;margin-right:0;margin-bottom:5px}#song-stats-buttons{flex-direction:column;grid-gap:8px;gap:8px}#song-stats{flex-direction:column;grid-gap:5px;gap:5px;text-align:center}}@media (max-width:480px){#song-show-page{padding:0 10px}#song-banner{padding:15px}.glitch-container{width:150px;height:150px}#current-song-img{width:100%;height:100%}#song-banner-title{font-size:16px}#song-banner-artist,#song-banner-created-at{font-size:12px}#song-comments{padding:10px;margin:10px;border-radius:12px}.song-btns{font-size:12px;height:35px}}@keyframes pulse-glow{0%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);transform:scale(1)}50%{box-shadow:0 12px 35px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.2);transform:scale(1.02)}to{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.1);transform:scale(1)}}@keyframes periodic-glitch{92%{transform:translate(-1px,1px)}94%{transform:translate(1px,-1px)}96%{transform:translate(-1px,-1px)}98%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes periodic-glitch-pseudo-1{0%,90%{opacity:0;transform:translate(0)}92%{opacity:.3;transform:translate(-2px,2px)}94%{opacity:.5;transform:translate(2px,-2px)}96%{opacity:.7;transform:translate(-2px,-2px)}98%{opacity:.9;transform:translate(2px,2px)}to{opacity:0;transform:translate(0)}}@keyframes periodic-glitch-pseudo-2{0%,90%{opacity:0;transform:translate(0)}92%{opacity:.2;transform:translate(2px,2px)}94%{opacity:.4;transform:translate(-2px,-2px)}96%{opacity:.6;transform:translate(2px,-2px)}98%{opacity:.8;transform:translate(-2px,2px)}to{opacity:0;transform:translate(0)}}@keyframes glitch-shake{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-1{0%{opacity:.2;transform:translate(-2px,-2px)}20%{opacity:.4;transform:translate(2px,2px)}40%{opacity:.6;transform:translate(-2px,2px)}60%{opacity:.8;transform:translate(2px,-2px)}80%{opacity:1;transform:translate(-2px,-2px)}to{opacity:.2;transform:translate(2px,2px)}}@keyframes glitch-anim-2{0%{opacity:.2;transform:translate(2px,2px)}20%{opacity:.4;transform:translate(-2px,-2px)}40%{opacity:.6;transform:translate(2px,-2px)}60%{opacity:.8;transform:translate(-2px,2px)}80%{opacity:1;transform:translate(2px,2px)}to{opacity:.2;transform:translate(-2px,-2px)}}.tagging-textarea-container{position:relative}.tagging-textarea{resize:vertical;min-height:100px}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0 .375rem .375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);z-index:1000;max-height:200px;overflow-y:auto}.tag-suggestion{padding:.5rem .75rem;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background-color .15s ease-in-out}.tag-suggestion.active,.tag-suggestion:hover{background-color:#f8f9fa}.tag-suggestion:last-child{border-bottom:none}.current-tags{margin-top:.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:.375rem;border:1px solid #dee2e6}.current-tags .badge{font-size:.75rem;margin-bottom:.25rem}.tagging-textarea:focus{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.tagging-textarea:focus+.tag-suggestions{border-color:#86b7fe}@media (prefers-color-scheme:dark){.tag-suggestions{background:#212529;border-color:#495057;color:#fff}.tag-suggestion{border-bottom-color:#495057}.current-tags,.tag-suggestion.active,.tag-suggestion:hover{background-color:#495057}.current-tags{border-color:#6c757d;color:#fff}}.upload-form-container,.upload-form-container .container{background:transparent!important}.upload__form__c{display:flex;justify-content:center;flex-direction:column;align-items:center;height:100%}.upload-form-container .card{background:hsla(0,0%,94.1%,.95)!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:20px!important;box-shadow:0 25px 80px rgba(0,0,0,.3)!important;transition:all .3s ease!important}.upload-form-container .card:hover{box-shadow:0 25px 80px rgba(0,0,0,.35)!important}.upload-form-container .card-header{background:hsla(0,0%,94.1%,.95)!important;border-bottom:1px solid rgba(0,0,0,.1)!important;border-radius:20px 20px 0 0!important;padding:20px 30px!important}.upload-form-container .card-header h3{color:#333!important;text-shadow:none!important;font-weight:600!important;margin:0!important}.upload-form-container .card-body{background:hsla(0,0%,94.1%,.95)!important;padding:30px!important}.main-content .upload-form-container .card-body .form-label,.main-content .upload-form-container .form-label,.main-content .upload-form-container label.form-label,.upload-form-container .card-body .form-label,.upload-form-container .form-label,.upload-form-container label.form-label{color:#333!important;text-shadow:none!important;font-weight:500!important;margin-bottom:8px!important}.upload-form-container .form-control{background:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px!important;color:#333!important;padding:12px 15px!important;transition:all .3s ease!important}.upload-form-container .form-control::placeholder{color:rgba(0,0,0,.5)!important}.upload-form-container .form-control:focus{background:#fff!important;border-color:#0d6efd!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)!important;color:#333!important;outline:none!important}.upload-form-container .form-control[type=file]{background:#f8f9fa!important;cursor:pointer!important;padding:20px!important;border:2px dashed rgba(0,0,0,.25)!important}.upload-form-container .form-control[type=file]:hover{background:#e9ecef!important;border-color:rgba(0,0,0,.35)!important}.upload-form-container .form-check-input{background-color:#fff!important;border:2px solid rgba(0,0,0,.15)!important;cursor:pointer!important}.upload-form-container .form-check-input:checked{background-color:#1db954!important;border-color:#1db954!important}.upload-form-container .form-check-label{color:#333!important;text-shadow:none!important;cursor:pointer!important}.upload-form-container .form-text{color:#6c757d!important;font-size:13px!important;margin-top:5px!important;text-shadow:none!important}.upload-form-container .btn-primary{background:#0d6efd!important;border:2px solid #0d6efd!important;color:#fff!important;font-weight:600!important;padding:12px 24px!important;border-radius:10px!important;transition:all .3s ease!important;text-shadow:none!important}.upload-form-container .btn-primary:hover{background:#0b5ed7!important;border-color:#0a58ca!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(13,110,253,.4)!important}.upload-form-container .btn-primary:active{transform:translateY(0)!important}.upload-form-container textarea{background:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px!important;color:#333!important;resize:vertical!important}.upload-form-container textarea::placeholder{color:rgba(0,0,0,.5)!important}.upload-form-container textarea:focus{background:#fff!important;border-color:#667eea!important;box-shadow:0 0 0 3px rgba(102,126,234,.1)!important;outline:none!important}.upload-form-container .tag-suggestions{background:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-top:none!important;border-radius:0 0 10px 10px!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important;color:#333!important}.upload-form-container .tag-suggestion{color:#333!important;padding:10px 15px!important}.upload-form-container .tag-suggestion.active,.upload-form-container .tag-suggestion:hover{background-color:rgba(102,126,234,.1)!important}.upload-form-container .current-tags{background:#f8f9fa!important;border:2px solid rgba(0,0,0,.15)!important;color:#333!important}.upload-form-container .current-tags .text-muted{color:#6c757d!important}.upload-form-container .badge{background:#667eea!important;color:#fff!important}@media (max-width:768px){.upload-form-container .card{border-radius:15px!important}.upload-form-container .card-header{padding:15px 20px!important;border-radius:15px 15px 0 0!important}.upload-form-container .card-body{padding:20px!important}.upload-form-container .form-control{font-size:16px!important}}.up__f__c{position:relative;top:150px;border:5px solid #15883e;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;font-size:20px;margin:0 auto;max-width:450px;width:1000px;height:500px;box-sizing:border-box}#upload__title{position:absolute;left:170px;top:10px;font-size:35px;font-weight:700}.upload__inputs{margin-top:.5rem;margin-bottom:.5rem;font-size:18px;width:400px;height:40px;box-sizing:border-box;border-radius:5px;border:1px solid #ccc;padding-left:10px}#audio__input,.upload__inputs{display:flex;justify-content:center}#audio__input{flex-direction:column;align-items:center;height:100%;height:30px;width:200px;font-size:16px}.uploadBtn{font-size:16px;line-height:18px;padding:10px 15px;height:40px;width:400px;border-radius:5px;color:#fff;background-color:#15883e;cursor:pointer}.uploadBtn:hover{background-color:#1fb453}@media (max-width:768px){.upload__form__c{padding:20px}.up__f__c{position:static;top:auto;width:100%;max-width:100%;height:auto;min-height:400px;margin:0;padding:20px}#upload__title{position:static;left:auto;top:auto;font-size:28px;margin-bottom:20px;text-align:center}.upload__inputs{width:100%;max-width:350px;font-size:16px}#audio__input{width:100%;max-width:300px}.uploadBtn{width:100%;max-width:350px;font-size:16px}}@media (max-width:480px){.up__f__c,.upload__form__c{padding:15px}.up__f__c{min-height:350px}#upload__title{font-size:24px;margin-bottom:15px}.upload__inputs{font-size:14px;height:35px}#audio__input,.uploadBtn{font-size:14px}.uploadBtn{height:35px}}.playlist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.playlist-info{flex:1 1;margin-right:2rem}.playlist-title{font-size:2.5rem;font-weight:700;color:#212529!important;text-shadow:none!important;margin-bottom:.5rem}.playlist-description{font-size:1.1rem;color:#495057!important;margin-bottom:1rem;line-height:1.5}.playlist-meta{display:flex;grid-gap:2rem;gap:2rem;align-items:center}.playlist-count,.playlist-visibility{display:flex;align-items:center;font-size:.9rem;color:#6c757d!important}.playlist-actions{grid-gap:1rem;gap:1rem;align-items:flex-start}.playlist-actions .btn{display:flex;align-items:center;justify-content:center;grid-gap:.35rem;gap:.35rem}.playlist-actions .btn i{margin:0!important;padding:0!important}.playlist-songs{background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1);margin-top:2rem}.playlist-actions-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.playlist-actions-section h4{color:#333;font-weight:600;margin-bottom:.5rem}.songs-management-list{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.song-management-item{display:flex;align-items:flex-start;justify-content:space-between;padding:.75rem 1rem;background:hsla(0,0%,100%,.6)!important;border:1px solid rgba(102,126,234,.2)!important;border-radius:12px;transition:all .2s ease;grid-gap:1rem;gap:1rem}.song-management-item:hover{background:hsla(0,0%,100%,.8)!important;border:1px solid rgba(102,126,234,.3)!important;transform:translateX(4px)}.song-info{align-items:flex-start;flex:1 1;min-width:0;grid-gap:1rem;gap:1rem}.song-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:6px;flex-shrink:0;margin-top:0}.song-details{flex:1 1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.song-details .song-title{font-size:.95rem;font-weight:600;color:#212529!important;text-shadow:none!important;margin:0 0 .25rem;padding-top:0}.song-details .song-artist,.song-details .song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.song-details .song-artist{font-size:.85rem;color:#495057!important;margin:0 0 .4rem}.song-stats{display:flex;grid-gap:.75rem;gap:.75rem;align-items:center;flex-wrap:wrap}.song-stats small{font-size:.75rem;line-height:1.2;white-space:nowrap}.card{transition:transform .2s,box-shadow .2s;border:none}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(13,110,253,.2)!important}.card-img-top{border-radius:8px 8px 0 0}.card-body{padding:1.5rem}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.card-text{font-size:.9rem;margin-bottom:1rem}.btn-outline-primary:hover{background:#e9ecef!important;border-color:rgba(0,0,0,.2)!important}.playlist-actions .btn-outline-primary{color:#495057!important;border:1px solid rgba(0,0,0,.15)!important;background:#f8f9fa!important}.playlist-actions .btn-outline-primary:hover{background:#e9ecef!important;border-color:rgba(0,0,0,.2)!important;color:#212529!important}.btn-sm{padding:.375rem .75rem}.song-management-item .btn{min-width:auto;width:auto;height:auto;line-height:1.2;display:flex;align-items:center;justify-content:center}.song-management-item .btn,.song-management-item .btn-sm{padding:.25rem .4rem;font-size:.75rem}.song-management-item .d-flex{display:flex;align-items:flex-start;grid-gap:.5rem;gap:.5rem;flex-shrink:0}.song-management-item .btn-primary,.song-management-item .btn-success{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px rgba(102,126,234,.3);transition:all .3s ease}.song-management-item .btn-primary:hover,.song-management-item .btn-success:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(102,126,234,.4);background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important}.audio{border-radius:6px}.audio::-webkit-media-controls-panel{background-color:#f8f9fa}.text-center h2,h2,h3,h4,h5,h6{color:#212529!important;text-shadow:none!important}@media (max-width:768px){.playlist-header{flex-direction:column;align-items:stretch;padding:1.5rem}.playlist-info{margin-right:0;margin-bottom:1.5rem}.playlist-title{font-size:2rem}.playlist-meta{align-items:flex-start}.playlist-actions,.playlist-meta{flex-direction:column;grid-gap:.5rem;gap:.5rem}.playlist-songs{padding:1.5rem}}@media (max-width:576px){.playlist-header{padding:1rem}.playlist-title{font-size:1.5rem}.playlist-songs{padding:1rem}.song-management-item{flex-direction:column;align-items:flex-start;grid-gap:.75rem;gap:.75rem}.song-management-item .d-flex{width:100%;justify-content:flex-end}.song-thumbnail{width:45px;height:45px}}.playlists-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.playlists-title-section{flex:1 1}.playlists-title{font-size:2.5rem;font-weight:700;color:#212529!important;text-shadow:none!important;margin-bottom:.5rem}.playlists-subtitle{font-size:1.1rem;color:#495057!important;margin-bottom:0}.playlists-content{background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.playlists-empty .fa-music{color:#6c757d!important}.playlists-empty h3{color:#212529!important;text-shadow:none!important}.playlists-empty .text-muted,.playlists-empty p{color:#6c757d!important}.playlist-card{background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .2s;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.playlist-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(13,110,253,.2);border:1px solid rgba(13,110,253,.3)!important;background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%)}.playlist-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;grid-gap:.75rem;gap:.75rem;min-width:0;width:100%}.playlist-icon{width:50px;height:50px;min-width:50px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:0 2px 8px rgba(99,102,241,.3);transition:all .3s ease}.playlist-card:hover .playlist-icon{box-shadow:0 4px 12px rgba(99,102,241,.4);transform:scale(1.05)}.playlist-actions{display:flex;grid-gap:.5rem;gap:.5rem;flex-shrink:0;align-items:center}.playlist-actions .btn{padding:.25rem .4rem;font-size:.75rem;min-width:auto;width:auto;height:auto;line-height:1.2}.playlist-card-body{flex:1 1;display:flex;flex-direction:column}.playlist-card-title{font-size:1.25rem;font-weight:600;color:#212529!important;text-shadow:none!important;margin-bottom:.5rem;line-height:1.3}.playlist-card-description{color:#495057!important;font-size:.9rem;margin-bottom:1rem;line-height:1.4;flex:1 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.playlist-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(13,110,253,.2)!important}.playlist-song-count,.playlist-visibility{display:flex;align-items:center;font-size:.8rem;color:#6c757d!important}.btn{border-radius:10px;transition:all .2s;text-shadow:none;color:#495057!important}.btn-primary{background:#0d6efd!important;border:1px solid #0d6efd!important;color:#fff!important}.btn-primary:hover{background:#0b5ed7!important;box-shadow:0 4px 12px rgba(13,110,253,.3);color:#fff!important}.playlist-actions .btn-primary{box-shadow:0 2px 8px rgba(102,126,234,.3)!important;transition:all .3s ease!important}.playlist-actions .btn-primary,.playlist-actions .btn-primary:hover{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.playlist-actions .btn-primary:hover{transform:scale(1.05)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important}.btn-outline-primary{color:#495057!important;border:1px solid rgba(0,0,0,.15);background:#f8f9fa}.btn-outline-primary:hover{background:#e9ecef;border-color:rgba(0,0,0,.2);color:#212529!important}.btn-outline-danger{color:#dc3545!important;border:1px solid rgba(220,53,69,.3);background:#fff5f5}.btn-outline-danger:hover{background:#dc3545;border-color:#dc3545;color:#fff!important}.btn-sm{padding:.375rem .5rem;white-space:nowrap;flex-shrink:0}.playlist-actions .btn-sm{padding:.25rem .4rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.1rem}@media (max-width:768px){.playlists-header{flex-direction:column;align-items:stretch;padding:1.5rem}.playlists-title-section{margin-bottom:1.5rem}.playlists-title{font-size:2rem}.playlists-content{padding:1.5rem}}@media (max-width:576px){.playlists-header{padding:1rem}.playlists-title{font-size:1.5rem}.playlist-card,.playlists-content{padding:1rem}}.my-profile-container{padding:20px;max-width:1200px;margin:80px auto 0;color:#fff;min-height:100vh;background:transparent}.profile-header{display:flex;margin-bottom:30px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1)}.profile-avatar{flex-shrink:0}.avatar-placeholder,.profile-avatar img{width:120px;height:120px;border:4px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.2)}.avatar-placeholder{background:hsla(0,0%,100%,.1);font-size:48px;color:hsla(0,0%,100%,.7)}.profile-username{font-size:32px;margin:0 0 20px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-stats{grid-gap:30px;gap:30px;margin-bottom:20px}.stat{text-align:center}.stat-number{font-size:24px;color:#fff;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:14px;color:hsla(0,0%,100%,.8)}.profile-tabs{display:flex;grid-gap:8px;gap:8px;margin-bottom:30px;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);border-radius:16px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.08);padding:6px;overflow:hidden}.tab-btn{flex:1 1;padding:14px 20px;border:none;font-size:15px;color:#6c757d;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;position:relative;justify-content:center;white-space:nowrap}.tab-btn i{transition:all .3s ease}.tab-btn:hover{background:rgba(13,110,253,.08);color:#0d6efd;transform:translateY(-1px)}.tab-btn:hover i{transform:scale(1.1)}.tab-btn.active{background:linear-gradient(135deg,#0d6efd,#0b5ed7);box-shadow:0 4px 12px rgba(13,110,253,.3);transform:translateY(-1px)}.tab-btn.active i{color:#fff}.tab-btn.active:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid hsla(0,0%,100%,.95)}.profile-content{border:1px solid rgba(13,110,253,.15)}.profile-form-section{padding:30px}.profile-form-section h2{margin:0 0 30px;font-size:24px;color:#fff;border-bottom:2px solid hsla(0,0%,100%,.3);padding-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.my-profile-form{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.error-messages{background:hsla(0,100%,71%,.2);border:1px solid hsla(0,100%,71%,.3);border-radius:12px;padding:15px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message{font-size:14px;margin-bottom:5px}.error-message:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.my-profile-container .form-group label{font-weight:600;color:#333;font-size:14px;text-shadow:none}.my-profile-container .form-group input,.my-profile-container .form-group input[type=email],.my-profile-container .form-group input[type=text]{padding:12px;border:2px solid rgba(0,0,0,.15);border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff!important;color:#333!important;-webkit-appearance:none;appearance:none;background-clip:padding-box}.my-profile-container .form-group input:focus{outline:none;border-color:#0d6efd;background:#fff!important;color:#333!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)}.my-profile-container .form-group input:-webkit-autofill,.my-profile-container .form-group input:-webkit-autofill:focus,.my-profile-container .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;caret-color:#333!important;box-shadow:inset 0 0 0 1000px #fff;-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-group input::placeholder{color:rgba(0,0,0,.5)!important}.avatar-upload-section{display:flex;flex-direction:column;align-items:center;grid-gap:15px;gap:15px}.avatar-preview{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid #f50;display:flex;align-items:center;justify-content:center;position:relative}.avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-preview .avatar-placeholder{width:100%;height:100%;border-radius:50%;border:none;box-shadow:none;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;font-size:48px;color:hsla(0,0%,100%,.7)}.avatar-input{display:none}.avatar-upload-btn{background:hsla(0,0%,100%,.2);color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-align:center;border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-upload-btn:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.form-actions{margin-top:20px}.cancel-btn,.save-btn{padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cancel-btn{background:rgba(108,117,125,.3)}.cancel-btn:hover{background:rgba(108,117,125,.4);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.save-btn{background:rgba(255,85,0,.3);color:#fff}.save-btn:hover{background:rgba(255,85,0,.4);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.payment-methods-section{padding:30px}.payment-methods-section h2{margin:0 0 30px;font-size:24px;color:#fff;border-bottom:2px solid hsla(0,0%,100%,.3);padding-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-message{text-align:center;padding:40px 20px;color:hsla(0,0%,100%,.8);font-size:16px}.loading-message i{margin-right:10px;font-size:18px}.no-payment-methods{text-align:center;padding:60px 20px;color:hsla(0,0%,100%,.8);font-size:16px}.no-payment-methods p{margin-bottom:10px}.payment-methods-list{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.payment-method-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1)}.payment-method-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.payment-method-info{display:flex;align-items:center;grid-gap:15px;gap:15px;flex:1 1}.card-brand{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:18px;color:#fff}.card-brand i{font-size:24px}.brand-name{font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-details{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.card-number{font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-expiry,.card-number{font-family:"Courier New",monospace}.card-expiry{font-size:14px;color:hsla(0,0%,100%,.7)}.default-badge{display:flex;align-items:center;grid-gap:5px;gap:5px;background:rgba(255,193,7,.2);color:#ffc107;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(255,193,7,.3)}.default-badge i{font-size:10px}.payment-method-actions{display:flex;grid-gap:10px;gap:10px;align-items:center}.payment-method-actions .btn{padding:8px 16px;font-size:14px;font-weight:600;border-radius:8px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-method-actions .btn-outline-primary{background:rgba(0,123,255,.2);color:#007bff;border-color:rgba(0,123,255,.5)}.payment-method-actions .btn-outline-primary:hover{background:rgba(0,123,255,.3);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,.3)}.payment-method-actions .btn-outline-danger{background:rgba(220,53,69,.2);color:#dc3545;border-color:rgba(220,53,69,.5)}.payment-method-actions .btn-outline-danger:hover{background:rgba(220,53,69,.3);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,.3)}.songs-section h2{color:#fff;border-bottom:2px solid hsla(0,0%,100%,.3);text-shadow:0 2px 4px rgba(0,0,0,.3)}.no-songs{color:hsla(0,0%,100%,.8)}.upload-btn{background:rgba(255,85,0,.3);color:#fff;border:1px solid rgba(255,85,0,.5);padding:15px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-btn:hover{background:rgba(255,85,0,.4);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2)}.card{background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.2)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important}.card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 40px rgba(0,0,0,.15)!important;border:1px solid hsla(0,0%,100%,.3)!important}.card-title{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.card-text{color:hsla(0,0%,100%,.8)!important}.text-muted{color:hsla(0,0%,100%,.7)!important}.btn-success{background-color:#28a745!important;border-color:#28a745!important}.btn-success:hover{background-color:#218838!important;border-color:#1e7e34!important}.btn-primary{background-color:#007bff!important;border-color:#007bff!important}.btn-primary:hover{background-color:#0056b3!important;border-color:#004085!important}.btn-outline-secondary{color:#6c757d!important;border-color:#6c757d!important;background-color:initial!important}.btn-outline-secondary:hover{color:#fff!important;background-color:#6c757d!important;border-color:#6c757d!important}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center;grid-gap:20px;gap:20px}.profile-stats{justify-content:center;grid-gap:20px;gap:20px}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.my-profile-container{padding:10px}.profile-form-section,.songs-section{padding:20px}.profile-tabs{flex-wrap:wrap;grid-gap:4px;gap:4px;padding:4px}.tab-btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 4px);min-width:calc(50% - 4px);padding:12px 16px;font-size:14px}.tab-btn span{display:none}.tab-btn i{font-size:18px}}@media (max-width:480px){.profile-stats{grid-gap:15px;gap:15px}.stat-number{font-size:20px}.stat-label{font-size:12px}.songs-grid{grid-template-columns:1fr}.profile-tabs{flex-direction:column;grid-gap:4px;gap:4px}.tab-btn{flex:1 1;width:100%;padding:14px 16px;justify-content:flex-start}.tab-btn span{display:inline}.tab-btn.active:before{display:none}}.checkbox-label{display:flex;align-items:center;grid-gap:10px;gap:10px;cursor:pointer;font-weight:600;color:#333}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#0d6efd}.form-help-text{font-size:13px;color:#6c757d;margin-top:5px;font-weight:400}.custom-request-prices{margin-top:25px;padding-top:25px;border-top:1px solid rgba(0,0,0,.1)}.custom-request-prices h3{margin:0 0 10px;font-size:18px;color:#212529;font-weight:600}.price-input-group{display:flex;align-items:center;grid-gap:5px;gap:5px}.currency-symbol{font-size:16px;font-weight:600;color:#495057;padding:12px 0}.price-input-group input{flex:1 1;padding:12px 16px;border:2px solid rgba(0,0,0,.15);border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff!important;color:#333!important}.price-input-group input:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.1)}.my-purchases-container{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.purchases-header{margin-bottom:2rem;text-align:center}.purchases-header h1{font-size:2.5rem;margin-bottom:.5rem}.purchases-subtitle{font-size:1.1rem;color:#b3b3b3;margin:0}.loading-spinner{padding:4rem 2rem}.loading-spinner i{font-size:2rem}.loading-spinner p{font-size:1.1rem;color:#b3b3b3}.error-message{flex-direction:column;justify-content:center;padding:4rem 2rem}.error-message p{font-size:1.1rem;color:#b3b3b3;margin-bottom:1.5rem}.no-purchases{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.no-purchases i{font-size:4rem;margin-bottom:1.5rem;color:#ff6b6b}.no-purchases h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.no-purchases p{font-size:1.1rem;color:#b3b3b3;margin-bottom:2rem}.purchases-table-container{margin-top:2rem}.purchases-table-container h2{font-size:1.8rem;margin-bottom:1.5rem;color:#fff;text-align:center}.table-responsive{border-radius:12px}.purchases-table{width:100%;border-collapse:collapse;color:#fff}.purchases-table thead{background:linear-gradient(135deg,#ff6b6b,#ff5252)}.purchases-table th{padding:1rem;text-align:left;font-weight:600;font-size:1rem;color:#fff;border-bottom:2px solid #ff5252}.purchases-table th:first-child{border-top-left-radius:12px}.purchases-table th:last-child{border-top-right-radius:12px}.purchase-row{transition:all .3s ease;border-bottom:1px solid #333}.purchase-row:hover{background:hsla(0,100%,71%,.05)}.purchase-row:last-child{border-bottom:none}.purchases-table td{padding:1rem;vertical-align:middle}.song-info{display:flex;flex-direction:column}.song-title{font-size:1.1rem;margin:0;line-height:1.3}.artist-cell{color:#ff6b6b;font-weight:500}.date-cell{color:#b3b3b3;font-size:.9rem}.amount-cell{color:#000;font-weight:600;font-size:1.1rem}.actions-cell{text-align:center}.purchase-actions{grid-gap:.5rem;gap:.5rem}.purchase-actions,.purchase-actions .btn{display:flex;justify-content:center;align-items:center}.purchase-actions .btn{padding:.5rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:40px;height:40px}.purchase-actions .btn i{font-size:.9rem}.btn-sm{padding:.4rem .6rem;font-size:.8rem}.btn-primary{background:#ff6b6b;border:1px solid #ff6b6b}.btn-primary:hover{background:#ff5252;border-color:#ff5252}.btn-primary:disabled{background:#666;border-color:#666;cursor:not-allowed}@media (max-width:768px){.my-purchases-container{padding:1rem}.purchases-header h1{font-size:2rem}.purchases-table-container h2{font-size:1.5rem}.purchases-table td,.purchases-table th{padding:.75rem .5rem;font-size:.9rem}.purchases-table th{font-size:.85rem}.song-title{font-size:1rem}.purchase-actions{flex-direction:column;grid-gap:.25rem;gap:.25rem}.purchase-actions .btn{min-width:35px;height:35px;font-size:.8rem}.purchase-actions .btn i{font-size:.8rem}}@media (max-width:480px){.purchases-table td,.purchases-table th{padding:.5rem .25rem;font-size:.8rem}.purchases-table th{font-size:.75rem}.song-title{font-size:.9rem}.purchase-actions .btn{min-width:30px;height:30px;font-size:.75rem}}.my-sales-container{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.my-sales-header{text-align:center;margin-bottom:3rem}.my-sales-header h1{font-size:2.5rem;margin-bottom:.5rem}.my-sales-header p{font-size:1.1rem;color:#ccc;margin-bottom:0}.sales-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.no-sales{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.05);border-radius:15px;border:2px dashed hsla(0,0%,100%,.2)}.no-sales i{font-size:4rem;color:#ff6b6b;margin-bottom:1.5rem}.no-sales h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.no-sales p{font-size:1.1rem;color:#ccc;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.sales-table-container{background:hsla(0,0%,100%,.05);border-radius:15px}.sales-table-container h2{margin-bottom:1.5rem;color:#fff;font-size:1.5rem}.sales-table{background:hsla(0,0%,100%,.02);border-radius:10px;overflow:hidden}.sales-table thead{background:hsla(0,0%,100%,.1)}.sales-table th{border-bottom:2px solid hsla(0,0%,100%,.1);font-size:.9rem;letter-spacing:1px}.sales-table td{border-bottom:1px solid hsla(0,0%,100%,.05);vertical-align:middle}.song-info{min-width:200px}.song-title{color:#fff;margin-bottom:.25rem}.buyer-info{color:#fff}.buyer-username{font-weight:500}.status-completed{background:rgba(74,222,128,.2);color:#4ade80;border:1px solid rgba(74,222,128,.3)}.status-pending{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-failed{background:rgba(239,68,68,.2);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-refunded{background:rgba(156,163,175,.2);color:#9ca3af;border:1px solid rgba(156,163,175,.3)}@media (max-width:768px){.my-sales-container{padding:1rem}.my-sales-header h1{font-size:2rem}.sales-stats{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.stat-card{padding:1.5rem}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}.sales-table-container{padding:1rem}.sales-table td,.sales-table th{padding:.75rem .5rem;font-size:.85rem}.song-info{min-width:150px}}@media (max-width:480px){.sales-table{font-size:.8rem}.sales-table td,.sales-table th{padding:.5rem .25rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:.5rem}}.payment-details-modal .modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.3)}.payment-details-modal .modal-header{border-bottom:1px solid hsla(0,0%,100%,.1);padding:1.5rem}.payment-details-modal .modal-title{color:#ff6b6b;font-weight:600;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin:0}.payment-details-modal .modal-title i{font-size:1.2rem}.payment-details-modal .btn-close{background:none;border:none;color:#ccc;font-size:1.5rem;opacity:.7;transition:opacity .3s ease}.payment-details-modal .btn-close:hover{opacity:1;color:#ff6b6b}.payment-details-modal .modal-body{padding:2rem;max-height:70vh;overflow-y:auto}.payment-details-container{display:flex;flex-direction:column;grid-gap:2rem;gap:2rem}.payment-summary{background:hsla(0,0%,100%,.05);border-radius:12px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.1)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.summary-header h6{color:#fff;font-weight:600;margin:0;font-size:1.1rem}.summary-amount{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.02);border-radius:8px;border:1px solid hsla(0,0%,100%,.05)}.amount-label{color:#ccc;font-weight:500;font-size:1rem}.amount-value{color:#4ade80;font-weight:700;font-size:1.5rem}.account-details-section,.notes-section,.payment-info-section,.recipient-info-section{background:hsla(0,0%,100%,.03);border-radius:12px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.08)}.account-details-section h6,.notes-section h6,.payment-info-section h6,.recipient-info-section h6{color:#ff6b6b;font-weight:600;margin:0 0 1rem;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.info-grid{grid-gap:1rem;gap:1rem}.info-item{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem;padding:.75rem;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05)}.info-label{color:#ccc;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{color:#fff;font-weight:600;font-size:.95rem;word-break:break-word}.status-badge{padding:.4rem .8rem}.notes-content{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.admin-notes,.user-notes{padding:1rem;background:hsla(0,0%,100%,.02);border-radius:8px;border-left:3px solid #ff6b6b}.admin-notes strong,.user-notes strong{color:#ff6b6b;display:block;margin-bottom:.5rem;font-size:.9rem}.admin-notes p,.user-notes p{color:#ccc;margin:0;line-height:1.5}.payment-details-modal .modal-footer{border-top:1px solid hsla(0,0%,100%,.1);padding:1.5rem;background:hsla(0,0%,100%,.02)}.payment-details-modal .btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.payment-details-modal .btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.payment-details-modal .btn-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 8px 25px hsla(0,0%,100%,.1)}@media (max-width:768px){.payment-details-modal .modal-dialog{margin:1rem}.payment-details-modal .modal-body{padding:1rem;max-height:60vh}.info-grid{grid-template-columns:1fr}.summary-amount{flex-direction:column;grid-gap:.5rem;gap:.5rem;text-align:center}.amount-value{font-size:1.25rem}}.payment-details-modal .modal-body::-webkit-scrollbar{width:6px}.payment-details-modal .modal-body::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.payment-details-modal .modal-body::-webkit-scrollbar-thumb{background:hsla(0,100%,71%,.5);border-radius:3px}.payment-details-modal .modal-body::-webkit-scrollbar-thumb:hover{background:hsla(0,100%,71%,.7)}.my-payouts-container{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.payouts-header{text-align:center;margin-bottom:3rem}.payouts-header h1{font-size:2.5rem;margin-bottom:.5rem}.payouts-header p{font-size:1.1rem;color:#ccc;margin-bottom:0}.payouts-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}@media (min-width:1200px){.payouts-stats{grid-template-columns:repeat(4,1fr)}}.stat-card{border-radius:15px;padding:2rem;display:flex;align-items:center;grid-gap:1rem;gap:1rem;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.stat-icon{font-size:2.5rem;color:hsla(0,0%,100%,.9)}.stat-content h3{font-size:2rem;margin:0;color:#fff;font-weight:700}.stat-content p{margin:.5rem 0 0;color:hsla(0,0%,100%,.8);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.error-message,.loading-spinner{padding:4rem 2rem}.loading-spinner i{font-size:3rem;color:#ff6b6b;margin-bottom:1rem}.error-message p,.loading-spinner p{font-size:1.2rem;color:#ccc}.error-message i{font-size:3rem;color:#ff6b6b;margin-bottom:1rem}.no-payouts{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.05);border-radius:15px;border:2px dashed hsla(0,0%,100%,.2)}.no-payouts i{font-size:4rem;color:#ff6b6b;margin-bottom:1.5rem}.no-payouts h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.no-payouts p{font-size:1.1rem;color:#ccc;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.payouts-table-container{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px rgba(0,0,0,.37)}.payouts-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.payouts-header-section h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600}.request-payout-section{text-align:center;margin:2rem 0;padding:1.5rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid hsla(0,0%,100%,.1)}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:600}.table-responsive{overflow-x:auto}.payouts-table{width:100%;border-collapse:collapse;background:hsla(0,0%,100%,.08);border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.18)}.payouts-table thead{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1))}.payouts-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid hsla(0,0%,100%,.1);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.payouts-table td{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.05);vertical-align:middle}.payouts-table tbody tr{transition:background .2s ease,transform .1s ease}.payouts-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.clickable-row:hover{background:hsla(0,100%,71%,.1)!important;transform:translateX(2px);transition:all .2s ease}.amount{font-weight:600;font-size:1.1rem}.date{color:#ccc;font-size:.9rem;white-space:nowrap}.method{color:#fff;font-weight:500}.reference{color:#ccc;font-size:.9rem;font-family:monospace}.status-badge{font-size:.8rem}.status-badge.unverified{color:#fff}.alert{padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.375rem;font-size:.875rem}.alert-warning{color:#92400e;background-color:#fef3c7;border-color:#fbbf24}.alert i{margin-right:.5rem}.payouts-info{margin-top:2rem}.info-card{background:hsla(0,0%,100%,.05);border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1)}.info-card h3{color:#ff6b6b;margin-bottom:1rem;font-size:1.3rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{color:#ccc;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.info-card li:before{content:"•";color:#ff6b6b;font-weight:700;position:absolute;left:0}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.btn-primary:hover{box-shadow:0 8px 25px hsla(0,100%,71%,.4)}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.payout-actions{display:flex;grid-gap:.5rem;gap:.5rem}.payout-details{background:hsla(0,0%,100%,.02);border-radius:10px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.1)}.detail-row{border-bottom:1px solid hsla(0,0%,100%,.05)}.detail-label{font-weight:600;color:#ccc;min-width:120px}.detail-value{color:#fff;font-weight:500}.status-badge.verified{background-color:#10b981;color:#fff;border:none}.status-badge.unverified{background-color:#f59e0b;color:#111827;border:none}.my-payouts-container .payouts-table .status-badge{border:none}.my-payouts-container .payouts-table .status-badge.status-completed{background-color:#4ade80;color:#fff}.my-payouts-container .payouts-table .status-badge.status-pending{background-color:#fbbf24;color:#111827}.my-payouts-container .payouts-table .status-badge.status-failed{background-color:#ef4444;color:#fff}.my-payouts-container .payouts-table .status-badge.status-processing{background-color:#3b82f6;color:#fff}.my-payouts-container .payouts-table .status-badge.status-checking{background-color:#f59e0b;color:#111827;display:inline-flex;align-items:center;grid-gap:6px;gap:6px}.no-payout-info{text-align:center;padding:2rem;color:#ccc}.no-payout-info i{font-size:3rem;color:#ff6b6b;margin-bottom:1rem}.form-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.form-modal{border-radius:20px!important;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 25px 80px rgba(0,0,0,.3)!important}.form-header,.form-modal{background:hsla(0,0%,100%,.8)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%)}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px!important;border-bottom:1px solid rgba(13,110,253,.15)!important;border-radius:20px 20px 0 0!important}.form-header h3{margin:0;color:#333!important;font-size:1.3rem;font-weight:600!important;text-shadow:none!important}.close-btn{border:1px solid rgba(0,0,0,.1);color:#666;font-size:1.5rem;padding:.5rem;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.2);color:#333}.payout-form{padding:30px!important;background:transparent!important}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.form-group{margin-bottom:1.5rem}.form-group label{margin-bottom:8px!important;color:#333!important;font-weight:500!important;font-size:.9rem;text-shadow:none!important}.form-group input,.form-group select{width:100%;padding:12px 15px!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px!important;background:#fff!important;color:#333!important;font-size:1rem;transition:all .3s ease!important}.form-group input:focus,.form-group select:focus{outline:none;border-color:#0d6efd!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)!important;color:#333!important}.form-group input.error,.form-group select.error{border-color:#dc3545!important;box-shadow:0 0 0 3px rgba(220,53,69,.1)!important}.form-group input::placeholder,.form-group select::placeholder{color:rgba(0,0,0,.5)!important}.radio-group-label{display:block;margin-bottom:8px!important;color:#333!important;font-weight:500!important;font-size:.9rem;text-shadow:none!important}.radio-group{display:flex;grid-gap:1.5rem;gap:1.5rem;margin-top:.5rem}.radio-option{display:flex;align-items:center;cursor:pointer;position:relative;grid-gap:.5rem;gap:.5rem}.radio-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.radio-custom{width:18px;height:18px;min-width:18px;min-height:18px;border:2px solid rgba(0,0,0,.15)!important;border-radius:50%;background:#fff!important;position:relative;transition:all .2s ease;flex-shrink:0;margin-right:.5rem;display:inline-block}.radio-option input[type=radio]:checked+.radio-custom{border-color:#0d6efd!important;background:#0d6efd!important}.radio-option input[type=radio]:checked+.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff}.radio-option:hover .radio-custom{border-color:#0d6efd!important;background:rgba(13,110,253,.1)!important}.radio-text{color:#333!important;font-size:.9rem;font-weight:500}.form-group{transition:all .3s ease;overflow:hidden}.business-name-field{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;margin-bottom:0}to{opacity:1;max-height:100px;margin-bottom:1.5rem}}.no-payouts-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;margin-top:1.5rem}.no-payouts-actions .btn{min-width:150px}.modal-overlay{background:rgba(0,0,0,.8);padding:1rem}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h3{color:#fff;font-weight:600}.modal-header h3 i{color:#ff6b6b;margin-right:.5rem}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.modal-close:hover{color:#fff;background:hsla(0,0%,100%,.1)}.modal-body{padding:1.5rem}.available-balance{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.available-balance p{margin:0;color:#fff}.available-balance p:first-child{font-size:1.1rem;margin-bottom:.5rem}.available-balance small{color:#ccc}.input-group{display:flex;align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;overflow:hidden}.input-group-text{background:hsla(0,0%,100%,.1);font-weight:600}.form-control,.input-group-text{color:#fff;padding:.75rem 1rem;border:none}.form-control{background:transparent;flex:1 1;font-size:1rem}.form-control:focus{outline:none;box-shadow:none}.form-control::placeholder{color:#888}select{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:1rem;transition:all .2s ease}select:focus{outline:none;border-color:#ff6b6b;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 3px hsla(0,100%,71%,.1)}select option{background:#1a1a2e;color:#fff;padding:.5rem}select.error{border-color:#ef4444;background:rgba(239,68,68,.1)}select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.maximum-btn{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);color:#ff6b6b;padding:.75rem 1rem;font-size:.875rem;font-weight:600;white-space:nowrap;transition:all .2s ease}.maximum-btn:hover{background:hsla(0,100%,71%,.2);border-color:hsla(0,100%,71%,.5);color:#ff6b6b;transform:translateY(-1px)}.maximum-btn:active{transform:translateY(0)}.form-text{color:#ccc;font-size:.875rem;margin-top:.5rem;display:block}.modal-footer{display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end;padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.modal-footer .btn{min-width:120px}@media (max-width:768px){.modal-content{margin:1rem;max-width:calc(100% - 2rem)}.modal-body,.modal-footer,.modal-header{padding:1rem}.no-payouts-actions{flex-direction:column;align-items:center}.no-payouts-actions .btn{width:100%;max-width:200px}.maximum-btn{font-size:.8rem;padding:.75rem}}.error-message{color:#dc3545!important;font-size:.8rem;margin-top:.25rem;display:block}.form-actions{grid-gap:1rem;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)!important}.btn-secondary{background:transparent;border:1px solid #666;color:#ccc}.btn-secondary:hover{background:#666;color:#fff}.btn-outline-primary{border:1px solid #ff6b6b;color:#ff6b6b}.btn-outline-primary:hover{background:#ff6b6b;color:#fff}.btn-outline-danger{background:transparent;border:1px solid #ef4444;color:#ef4444}.btn-outline-danger:hover{background:#ef4444;color:#fff}.payout-methods-section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-header h2{margin:0;color:#fff;font-size:1.5rem;font-weight:600;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.section-header h2 i{color:#ff6b6b}.no-payout-methods{text-align:center;padding:4rem 2rem;background:hsla(0,0%,100%,.05);border-radius:15px;border:2px dashed hsla(0,0%,100%,.2)}.no-payout-methods i{font-size:4rem;color:#ff6b6b;margin-bottom:1.5rem}.no-payout-methods h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.no-payout-methods p{font-size:1.1rem;color:#ccc;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.payout-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:1.5rem;gap:1.5rem}.payout-method-card{background:hsla(0,0%,100%,.05);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);transition:all .3s ease;overflow:hidden;word-wrap:break-word}.payout-method-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.2);border-color:hsla(0,100%,71%,.3)}.method-header{display:flex;align-items:flex-start;grid-gap:1rem;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.method-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.method-info{flex:1 1;min-width:0;max-width:calc(100% - 200px)}.method-info h4{margin:0 0 .25rem;color:#fff;font-size:1.1rem;font-weight:600}.method-info h4,.method-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.method-type{margin:0;color:#ccc;font-size:.9rem}.method-actions{display:flex;grid-gap:.5rem;gap:.5rem;flex-shrink:0;flex-wrap:wrap;margin-top:.5rem;align-items:center}.method-actions .btn{white-space:nowrap;min-width:auto}.method-details{background:hsla(0,0%,100%,.02);border-radius:10px;padding:1rem;border:1px solid hsla(0,0%,100%,.05)}.method-details .detail-row{padding:.5rem 0;font-size:.9rem}.method-details .detail-row:last-child{border-bottom:none}.method-details .detail-label{min-width:80px;font-size:.85rem}.method-details .detail-value{font-size:.85rem}.payout-methods{display:flex;grid-gap:1rem;gap:1rem;margin-top:.5rem}.payout-methods .radio-option{flex:1 1;background:#fff!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px;padding:.75rem 1rem!important;transition:all .2s ease;cursor:pointer;min-width:0;display:flex;align-items:center;justify-content:flex-start;grid-gap:.75rem;gap:.75rem}.payout-methods .radio-option:hover{background:#f8f9fa!important;border-color:rgba(13,110,253,.3)!important}.payout-methods .radio-option input[type=radio]:checked+.radio-custom+.radio-content{color:#0d6efd!important}.payout-methods .radio-option input[type=radio]:checked+.radio-custom{border-color:#0d6efd!important;background:#0d6efd!important}.radio-content{display:flex;flex-direction:row;align-items:center;text-align:left;grid-gap:.5rem;gap:.5rem;flex:1 1}.radio-content i{font-size:1.25rem;color:#0d6efd!important;flex-shrink:0}.radio-content .radio-text{font-weight:600;font-size:.9rem;color:#333!important;white-space:nowrap}.radio-content small{display:none}.payout-methods .radio-option.disabled{opacity:.5;cursor:not-allowed}.payout-methods .radio-option.disabled,.payout-methods .radio-option.disabled:hover{background:#f8f9fa!important;border-color:rgba(0,0,0,.1)!important}.payout-methods .radio-option.disabled input[type=radio]{cursor:not-allowed}.payout-methods .radio-option.disabled .radio-content,.payout-methods .radio-option.disabled .radio-content .radio-text,.payout-methods .radio-option.disabled .radio-content i{color:#6c757d!important}.payout-methods .radio-option.disabled .radio-content small{color:#adb5bd!important}.radio-option .used-indicator{position:absolute;top:.5rem;right:.5rem;background:#28a745;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.radio-option .used-indicator i{color:#fff;font-size:.6rem}.method-specific-fields{background:hsla(0,0%,100%,.6)!important;border-radius:10px;padding:1.5rem;margin-top:1rem;border:1px solid rgba(0,0,0,.1)!important}.method-specific-fields h4{color:#333!important;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;text-shadow:none!important}.method-specific-fields h4:before{content:"";width:3px;height:20px;background:#0d6efd!important;border-radius:2px}.info-box{display:flex;align-items:flex-start;grid-gap:.75rem;gap:.75rem;padding:1rem;background:rgba(13,110,253,.1)!important;border:1px solid rgba(13,110,253,.3)!important;border-radius:8px}.info-box i{color:#0d6efd!important;margin-top:.125rem;flex-shrink:0}.info-box p{margin:0;font-size:.9rem;line-height:1.5;color:#4a5568!important}.form-group textarea{width:100%;padding:12px 15px!important;border:2px solid rgba(0,0,0,.15)!important;border-radius:10px!important;background:#fff!important;color:#333!important;font-size:1rem;transition:all .3s ease!important;min-height:80px}.form-group textarea:focus{outline:none;border-color:#0d6efd!important;box-shadow:0 0 0 3px rgba(13,110,253,.1)!important;color:#333!important}.form-group textarea::placeholder{color:rgba(0,0,0,.5)!important}.btn-sm{padding:.5rem .75rem;font-size:.875rem;min-width:auto}.btn-success{background:linear-gradient(135deg,#4ade80,#22c55e)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,222,128,.4)}@media (max-width:768px){.my-payouts-container{padding:1rem}.payouts-header h1{font-size:2rem}.payouts-stats{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}.stat-card{padding:1.5rem}.stat-icon{font-size:2rem}.stat-content h3{font-size:1.5rem}.payouts-table-container{padding:1rem}.payouts-header-section{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:stretch}.payouts-header-section h2{text-align:center}.request-payout-section{margin:1rem 0;padding:1rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.payouts-table td,.payouts-table th{padding:.75rem .5rem;font-size:.85rem}.info-card{padding:1.5rem}.info-header{flex-direction:column;align-items:flex-start;grid-gap:1rem;gap:1rem}.payout-actions{width:100%;justify-content:flex-start}.form-modal{margin:1rem;max-height:calc(100vh - 2rem)}.form-header{padding:1rem 1.5rem}.payout-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.radio-group{flex-direction:column;grid-gap:1rem;gap:1rem}.payout-methods,.payout-methods-grid{grid-template-columns:1fr}.section-header{flex-direction:column;grid-gap:1rem;gap:1rem;align-items:stretch}.section-header h2{text-align:center}.method-header{flex-direction:column;align-items:flex-start;grid-gap:.75rem;gap:.75rem}.method-info{max-width:100%;width:100%}.method-actions{width:100%;justify-content:flex-end;margin-top:0}}@media (max-width:480px){.payouts-table{font-size:.8rem}.payouts-table td,.payouts-table th{padding:.5rem .25rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:.5rem}}.my-payouts-container .payouts-table-container{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04));border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px rgba(0,0,0,.37)}.my-payouts-container .payouts-table{background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.18)}.my-payouts-container .payouts-table thead{background:linear-gradient(135deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.1))}.my-payouts-container .payouts-table th{color:#fff;border-bottom-color:hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.my-payouts-container .payouts-table td{color:#fff;background:transparent;border-bottom-color:hsla(0,0%,100%,.05)}.my-payouts-container .payouts-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.user-profile-container{padding:20px;max-width:1200px;margin:80px auto 0;color:#212529;min-height:100vh;background:transparent}.error,.loading{text-align:center;padding:40px;font-size:18px;color:#495057;background:hsla(0,0%,94.1%,.95);border-radius:20px;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);margin:20px}.profile-header{display:flex!important;align-items:flex-start;grid-gap:30px;gap:30px;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,249,250,.98));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 40px rgba(0,0,0,.08);flex-direction:row!important}.profile-avatar{flex-shrink:0!important;position:relative;width:200px;height:200px}.profile-avatar img{width:200px!important;height:200px!important;min-width:200px!important;min-height:200px!important;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:all .3s ease;display:block}.profile-avatar:hover img{transform:scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.2)}.avatar-placeholder{width:200px!important;height:200px!important;min-width:200px!important;min-height:200px!important;border-radius:50%;background:linear-gradient(135deg,#e9ecef,#dee2e6);font-size:80px;color:#6c757d;border:4px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.15);transition:all .3s ease}.profile-avatar:hover .avatar-placeholder{transform:scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.2)}.profile-info{flex:1 1;display:flex;flex-direction:column;grid-gap:20px;gap:20px;align-items:flex-start}.profile-username{font-size:36px;font-weight:700;margin:0;color:#1a1a1a;text-shadow:none;letter-spacing:-.02em;line-height:1.2;align-self:flex-start}.profile-stats{display:flex;grid-gap:40px;gap:40px;margin:0;flex-wrap:wrap;padding:0}.stat{text-align:left}.stat-number{display:block;font-size:28px;color:#1a1a1a;margin-bottom:6px;text-shadow:none}.stat-label{font-size:13px;color:#6c757d;letter-spacing:.8px;font-weight:600}.follow-btn{background:linear-gradient(135deg,#0d6efd,#0b5ed7);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;box-shadow:0 4px 12px rgba(13,110,253,.25);display:inline-flex;align-items:center;grid-gap:8px;gap:8px}.follow-btn:before{content:"\f067";font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px}.follow-btn:hover{background:linear-gradient(135deg,#0b5ed7,#0a58ca);transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,110,253,.35)}.follow-btn:active{transform:translateY(0)}.follow-btn.following{background:linear-gradient(135deg,#28a745,#218838);box-shadow:0 4px 12px rgba(40,167,69,.25)}.follow-btn.following:before{content:"\f00c"}.follow-btn.following:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 6px 20px rgba(40,167,69,.35)}.profile-actions{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap;margin:0}.message-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;box-shadow:0 4px 12px rgba(108,117,125,.25);display:inline-flex;align-items:center;grid-gap:8px;gap:8px}.message-btn:before{content:"\f075";font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px}.message-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,117,125,.35)}.message-btn:active{transform:translateY(0)}.custom-request-btn{background:linear-gradient(135deg,#ff6b35,#e55a2b);color:#fff;border:none;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px;box-shadow:0 4px 12px rgba(255,107,53,.25);display:inline-flex;align-items:center;grid-gap:8px;gap:8px}.custom-request-btn:before{content:"\f0fe";font-family:"Font Awesome 5 Free";font-weight:900;font-size:14px}.custom-request-btn:hover{background:linear-gradient(135deg,#e55a2b,#d44a1f);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,.35)}.custom-request-btn:active{transform:translateY(0)}.profile-content{background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden}.songs-section{padding:30px}.songs-section h2{margin:0 0 30px;font-size:24px;color:#212529;border-bottom:2px solid rgba(13,110,253,.2);padding-bottom:10px;text-shadow:none}.no-songs{text-align:center;padding:60px 20px;color:#6c757d;font-size:18px}.songs-horizontal-container{display:flex;flex-wrap:wrap;grid-gap:20px;gap:20px;justify-content:flex-start;align-items:flex-start}.song-card-horizontal{flex:0 0 auto;width:280px;min-width:280px;max-width:320px}.song-card-horizontal .card-body{padding:1rem!important;overflow:hidden}.song-card-horizontal .d-flex.gap-2{flex-wrap:wrap;grid-gap:.25rem!important;gap:.25rem!important;max-width:100%}.song-card-horizontal .btn-sm{flex:0 0 auto;min-width:32px;padding:4px 8px!important;font-size:11px!important;white-space:nowrap}.song-card-horizontal .btn-outline-primary{border-color:rgba(0,0,0,.15);color:#495057;background-color:#f8f9fa}.song-card-horizontal .btn-outline-primary:hover{background-color:#e9ecef;border-color:rgba(0,0,0,.2);color:#212529}.card{background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(13,110,253,.2)!important;border-radius:15px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.card:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 8px 24px rgba(13,110,253,.2)!important;border:1px solid rgba(13,110,253,.3)!important;background:hsla(0,0%,100%,.85)!important;backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%)}.card-body{background:transparent!important}.card-title{color:#212529!important;text-shadow:none!important}.card-text{color:#495057!important}.text-muted{color:#6c757d!important}.song-card-horizontal .card-text,.song-card-horizontal .card-text.text-muted,.song-card-horizontal p.card-text{color:#495057!important;text-shadow:none!important}.song-card-horizontal .card-body .text-muted,.song-card-horizontal .card-body small.text-muted,.song-card-horizontal .text-muted,.song-card-horizontal .text-muted small,.song-card-horizontal small.text-muted{color:#6c757d!important;text-shadow:none!important}.song-card-horizontal .card-body .text-muted i,.song-card-horizontal .card-body small.text-muted i,.song-card-horizontal .text-muted i,.song-card-horizontal small.text-muted i{color:#6c757d!important}.btn{border-radius:6px!important;font-weight:600!important;transition:all .3s ease!important}.btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.btn-sm{padding:6px 12px!important;font-size:12px!important}.btn-success{background-color:#198754!important;border-color:#198754!important}.btn-success:hover{background-color:#157347!important;border-color:#146c43!important}.btn-primary{background-color:#0d6efd!important;border-color:#0d6efd!important}.btn-primary:hover{background-color:#0b5ed7!important;border-color:#0a58ca!important}.btn-danger{background-color:#dc3545!important;border-color:#dc3545!important}.btn-danger:hover{background-color:#c82333!important;border-color:#bd2130!important}.btn-outline-secondary{color:#495057!important;border-color:rgba(0,0,0,.15)!important;background-color:#f8f9fa!important}.btn-outline-secondary:hover{color:#212529!important;background-color:#e9ecef!important;border-color:rgba(0,0,0,.2)!important}@media (max-width:1200px){.song-card-horizontal{width:260px;min-width:260px}.song-card-horizontal .btn-sm{padding:3px 6px!important;font-size:10px!important}}@media (max-width:992px){.song-card-horizontal{width:240px;min-width:240px}.song-card-horizontal .d-flex.gap-2{grid-gap:.2rem!important;gap:.2rem!important}.song-card-horizontal .btn-sm{padding:3px 5px!important;font-size:10px!important;min-width:28px}}@media (max-width:768px){.songs-horizontal-container{flex-direction:column;align-items:center}.song-card-horizontal{width:100%;max-width:400px;min-width:auto}.song-card-horizontal .d-flex.gap-2{grid-gap:.3rem!important;gap:.3rem!important;justify-content:center}.song-card-horizontal .btn-sm{padding:6px 10px!important;font-size:12px!important;min-width:36px}}@media (max-width:768px){.profile-header{flex-direction:column;text-align:center;grid-gap:24px;gap:24px;padding:30px 20px}.avatar-placeholder,.profile-avatar img{width:120px;height:120px}.profile-username{font-size:28px;justify-content:center}.profile-stats{justify-content:center;grid-gap:24px;gap:24px;padding:16px 0}.stat{text-align:center}.profile-actions{justify-content:center}.custom-request-btn,.follow-btn{flex:1 1;min-width:140px;justify-content:center}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:15px;gap:15px}.user-profile-container{padding:10px}.songs-section{padding:20px}}@media (max-width:480px){.profile-header{padding:24px 16px}.profile-avatar{width:140px;height:140px}.avatar-placeholder,.profile-avatar img{width:140px!important;height:140px!important;min-width:140px!important;min-height:140px!important}.avatar-placeholder{font-size:56px}.profile-username{font-size:24px}.profile-stats{grid-gap:16px;gap:16px;flex-direction:column;align-items:center}.stat{width:100%;max-width:200px}.stat-number{font-size:24px}.stat-label{font-size:12px}.profile-actions{flex-direction:column;width:100%}.custom-request-btn,.follow-btn{width:100%}.songs-grid{grid-template-columns:1fr}}.search-page{min-height:100vh}.search-result-card{background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:15px!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;transition:all .3s ease!important}.search-result-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 40px rgba(0,0,0,.15)!important;border:1px solid hsla(0,0%,100%,.3)!important}.search-result-card .card-body{padding:1.25rem;background:transparent!important}.search-result-card .card-title{font-size:1.1rem;font-weight:600;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.search-result-card .card-text{font-size:.9rem;color:hsla(0,0%,100%,.8)!important}.search-result-card small{font-size:.8rem;color:hsla(0,0%,100%,.7)!important}.search-result-card .fas{font-size:.9rem}.search-results{margin-top:2rem}.search-page h2,.search-page h4{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.search-page .text-muted{color:hsla(0,0%,100%,.7)!important}.search-page .fas{color:hsla(0,0%,100%,.8)!important}@media (max-width:768px){.search-result-card .d-flex{flex-direction:column;text-align:center}.search-result-card .d-flex img{margin-bottom:1rem;margin-right:0!important}}.admin-dashboard{max-width:1400px;margin:0 auto;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-color:#f5f7fa;min-height:100vh}.admin-dashboard h1{color:#1a202c;margin-bottom:10px;text-align:left;font-size:2rem;font-weight:700;padding-bottom:10px;border-bottom:3px solid #667eea}.access-denied{text-align:center;padding:60px 40px;background-color:#fff;border-radius:12px;border:2px solid #fee2e2;box-shadow:0 2px 8px rgba(0,0,0,.08)}.access-denied h2{color:#dc2626;margin-bottom:15px;font-size:1.75rem;font-weight:700}.access-denied p{color:#64748b;font-size:16px}.loading{padding:60px 40px;font-size:18px;color:#64748b;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.loading:before{content:"⏳";display:block;font-size:48px;margin-bottom:20px}.error-message{background-color:#fee2e2;padding:14px 18px;margin-bottom:25px;justify-content:space-between;border-left:4px solid #dc2626;box-shadow:0 2px 4px rgba(220,38,38,.1)}.error-message,.error-message button{color:#991b1b;display:flex;align-items:center}.error-message button{background:none;border:none;font-size:20px;cursor:pointer;padding:0;margin-left:15px;width:24px;height:24px;justify-content:center;border-radius:4px;transition:background-color .2s}.error-message button:hover{background-color:rgba(153,27,27,.1)}.stats-section{margin-bottom:40px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.stats-section h2{color:#1a202c;margin-bottom:25px;font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:20px;gap:20px;margin-bottom:0}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 20px;border-radius:10px;text-align:center;box-shadow:0 4px 12px rgba(102,126,234,.25);transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.35)}.stat-card h3{margin:0 0 12px;font-size:14px;opacity:.95;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:36px;font-weight:700;margin:0;line-height:1.2}.payouts-section,.pending-payouts-section,.songs-section,.users-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:20px}.payouts-section h2,.pending-payouts-section h2,.songs-section h2,.users-section h2{color:#1a202c;margin-bottom:25px;font-size:1.5rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.payouts-table-container,.pending-payouts-table-container,.songs-table-container,.users-table-container{overflow-x:auto;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e2e8f0}.payouts-table,.pending-payouts-table,.songs-table,.users-table{width:100%;border-collapse:collapse;background-color:#fff;min-width:800px}.payouts-table th,.pending-payouts-table th,.songs-table th,.users-table th{background-color:#f7fafc;color:#2d3748;font-weight:600;padding:14px 18px;text-align:left;border-bottom:2px solid #e2e8f0;font-size:14px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.payouts-table td,.pending-payouts-table td,.songs-table td,.users-table td{padding:14px 18px;border-bottom:1px solid #e2e8f0;vertical-align:middle;color:#4a5568;font-size:14px}.payouts-table tr:hover,.pending-payouts-table tr:hover,.songs-table tr:hover,.users-table tr:hover{background-color:#f7fafc}.payouts-table tr:last-child td,.pending-payouts-table tr:last-child td,.songs-table tr:last-child td,.users-table tr:last-child td{border-bottom:none}.payout-method-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.payout-method-name{font-weight:600;color:#1a202c;font-size:14px;line-height:1.4}.pay-btn{background-color:#10b981;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(16,185,129,.2)}.pay-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.3)}.pay-btn:disabled{background-color:#94a3b8;cursor:not-allowed;box-shadow:none}.amount{font-size:16px;color:#059669}.status-badge{border-radius:12px;font-size:11px}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.processing{background-color:#dbeafe;color:#1e40af}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.no-data{color:#64748b;padding:40px 20px;font-size:15px}.songs-table select,.users-table select{padding:8px 12px;border:2px solid #cbd5e0;border-radius:6px;background-color:#fff;font-size:14px;cursor:pointer;color:#2d3748;font-weight:500;transition:all .2s ease;min-width:140px}.songs-table select:hover:not(:disabled),.users-table select:hover:not(:disabled){border-color:#667eea}.songs-table select:focus,.users-table select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.songs-table select:disabled,.users-table select:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.6;border-color:#e2e8f0}.delete-btn{background-color:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(239,68,68,.2)}.delete-btn:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.delete-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.6;box-shadow:none}.info-message{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-left:4px solid #3b82f6;border-radius:8px;padding:14px 18px;margin-bottom:25px;color:#1e40af;display:flex;align-items:flex-start;grid-gap:12px;gap:12px}.info-message i{font-size:18px;margin-top:2px;flex-shrink:0}.info-message strong{font-weight:600}.test-section{display:flex;align-items:center;grid-gap:15px;gap:15px;margin-bottom:25px;padding:15px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.test-btn{background-color:#3b82f6;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.2);display:inline-flex;align-items:center;grid-gap:8px;gap:8px}.test-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.test-btn i{font-size:14px}.test-description{font-size:14px;color:#64748b;flex:1 1}.categories-cell,.description-cell,.tags-cell{max-width:200px;word-wrap:break-word}.text-muted{color:#94a3b8;font-style:italic}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;margin:2px}.badge.bg-secondary{background-color:#64748b;color:#fff}.badge.bg-info{background-color:#0ea5e9;color:#fff}.badge.bg-light{background-color:#f1f5f9;color:#475569}@media (max-width:1024px){.admin-dashboard{padding:20px 15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:15px;gap:15px}}@media (max-width:768px){.admin-dashboard{padding:15px 10px}.admin-dashboard h1{font-size:1.5rem}.payouts-section,.pending-payouts-section,.songs-section,.stats-section,.users-section{padding:20px 15px}.stats-grid{grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.stat-card{padding:20px 15px}.stat-number{font-size:28px}.admin-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:10px 18px;font-size:14px}.payouts-table-container,.pending-payouts-table-container,.songs-table-container,.users-table-container{font-size:13px}.payouts-table td,.payouts-table th,.pending-payouts-table td,.pending-payouts-table th,.songs-table td,.songs-table th,.users-table td,.users-table th{padding:10px 12px}.admin-navigation{justify-content:center}.nav-link{padding:12px 20px;font-size:14px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.delete-btn,.pay-btn,.status-btn,.verify-btn{padding:6px 12px;font-size:12px;margin-right:6px}}.admin-tabs{display:flex;margin:30px 0;background:#fff;padding:8px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);grid-gap:8px;gap:8px;overflow-x:auto}.tab-button{background:transparent;border:none;padding:12px 24px;font-size:15px;font-weight:500;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap;position:relative}.tab-button:hover{color:#1e293b;background-color:#f1f5f9}.tab-button.active{color:#667eea;background-color:#eef2ff;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;background-color:#667eea;border-radius:2px}.user-info{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.username{font-weight:600;color:#1a202c;font-size:14px}.email{font-weight:400}.business-name,.email{font-size:12px;color:#64748b}.business-name{font-style:italic;margin-top:4px}.account-type{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block}.account-type.business{background-color:#dbeafe;color:#1e40af}.account-type.individual{background-color:#f3e5f5;color:#7c3aed}.verify-btn{background-color:#10b981;color:#fff;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px rgba(16,185,129,.2)}.verify-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.3)}.verify-btn:disabled{background-color:#94a3b8;cursor:not-allowed;opacity:.6;box-shadow:none}.verify-btn.verified{cursor:default}.verify-btn.verified,.verify-btn.verified:disabled{background-color:#10b981;opacity:1}.no-data{text-align:center;color:#6c757d;font-style:italic;padding:40px}.stripe-recipient-id{font-family:"Courier New",monospace;font-size:11px;background-color:#d1fae5;color:#065f46;padding:4px 8px;border-radius:4px;cursor:help;font-weight:500;display:inline-block}.no-recipient{color:#94a3b8;font-style:italic;font-size:12px;font-weight:500}.songs-table tr.disabled-row{background-color:#f8fafc;opacity:.75}.songs-table tr.disabled-row:hover{background-color:#f1f5f9}.songs-table tr.disabled-row td{color:#94a3b8}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.disabled{background-color:#fee2e2;color:#991b1b}.status-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin-right:10px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.disable-btn{background-color:#ef4444;color:#fff}.disable-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px rgba(239,68,68,.3)}.enable-btn{background-color:#10b981;color:#fff}.enable-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px rgba(16,185,129,.3)}.admin-navigation{margin:30px 0;display:flex;justify-content:flex-start}.nav-link{display:inline-flex;align-items:center;grid-gap:10px;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;font-weight:600;font-size:15px;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);border:none;cursor:pointer;font-family:inherit}.nav-link,.nav-link:hover{color:#fff;text-decoration:none}.nav-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.nav-link i{font-size:1.1rem}.sales-link{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px rgba(79,172,254,.3)}.sales-link:hover{box-shadow:0 6px 20px rgba(79,172,254,.4)}.sales-admin-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.sales-admin-header{text-align:center;margin-bottom:3rem}.sales-admin-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sales-admin-header p{font-size:1.1rem;opacity:.9;margin:0}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.summary-card{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;border:1px solid hsla(0,0%,100%,.2);transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2)}.summary-card.clickable{cursor:pointer;transition:all .3s ease}.summary-card.clickable:hover{transform:translateY(-8px);box-shadow:0 15px 40px rgba(0,0,0,.3)}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.total-sales .card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.total-revenue .card-icon{background:linear-gradient(135deg,#43e97b,#38f9d7)}.platform-fee .card-icon{background:linear-gradient(135deg,#fa709a,#fee140)}.artist-revenue .card-icon{background:linear-gradient(135deg,#a8edea,#fed6e3)}.recent-sales .card-icon{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.recent-revenue .card-icon{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.card-content h3{font-size:1rem;font-weight:600;margin:0 0 .5rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:2rem;font-weight:700;margin:0 0 .25rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.card-subtitle{font-size:.9rem;margin:0;opacity:.8}.charts-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:2rem;gap:2rem}.chart-container{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid hsla(0,0%,100%,.2)}.chart-container h2{font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.status-chart{flex-direction:column}.status-chart,.status-item{display:flex;grid-gap:1rem;gap:1rem}.status-item{align-items:center;padding:.75rem;background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1)}.status-info{display:flex;flex-direction:column;min-width:120px}.status-name{font-weight:600;text-transform:capitalize;font-size:.9rem}.status-count{font-size:.8rem;opacity:.8}.status-bar{flex:1 1;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.status-fill{height:100%;border-radius:4px;transition:width .3s ease}.status-revenue{min-width:80px;text-align:right;font-weight:600;font-size:.9rem}.top-songs-table{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.table-header{background:hsla(0,0%,100%,.1);border-radius:8px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-header,.table-row{display:grid;grid-template-columns:50px 1fr 1fr 80px 100px;grid-gap:1rem;gap:1rem;padding:1rem}.table-row{background:hsla(0,0%,100%,.05);border-radius:8px;border:1px solid hsla(0,0%,100%,.1);transition:background-color .2s ease}.table-row:hover{background:hsla(0,0%,100%,.1)}.col-rank{font-weight:700;color:gold;text-align:center}.col-song{font-weight:600}.col-artist,.col-song{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-artist{opacity:.9}.col-revenue,.col-sales{text-align:right;font-weight:600}.monthly-chart{align-items:flex-end;height:200px;padding:1rem 0}.month-item,.monthly-chart{display:flex;grid-gap:.5rem;gap:.5rem}.month-item{flex:1 1;flex-direction:column;align-items:center}.month-label{font-size:.8rem;font-weight:600;text-align:center;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);white-space:nowrap}.month-bar{flex:1 1;background:hsla(0,0%,100%,.1);display:flex;align-items:flex-end;min-height:20px}.month-bar,.month-fill{width:100%;border-radius:4px 4px 0 0}.month-fill{background:linear-gradient(0deg,#4facfe,#00f2fe);transition:height .3s ease;min-height:4px}.month-stats{text-align:center;font-size:.8rem}.month-sales{font-weight:600;margin-bottom:.25rem}.month-revenue{opacity:.8}@media (max-width:768px){.sales-admin-container{padding:1rem}.sales-admin-header h1{font-size:2rem}.charts-section,.summary-cards{grid-template-columns:1fr}.chart-container,.summary-card{padding:1.5rem}.table-header,.table-row{grid-template-columns:40px 1fr 1fr 60px 80px;grid-gap:.5rem;gap:.5rem;font-size:.8rem}.monthly-chart{height:150px}.month-label{font-size:.7rem}}@media (max-width:480px){.summary-card{flex-direction:column;text-align:center}.card-icon{width:50px;height:50px;font-size:1.2rem}.card-value{font-size:1.5rem}.table-header,.table-row{grid-template-columns:30px 1fr 1fr 50px 70px;grid-gap:.25rem;gap:.25rem;font-size:.7rem;padding:.75rem .5rem}}.sales-list-container{padding:2rem;max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.sales-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;grid-gap:1rem;gap:1rem}.header-left{flex:1 1;min-width:300px}.back-button{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer;margin-bottom:1rem}.back-button:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.sales-list-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.sales-list-header p{font-size:1.1rem;opacity:.9;margin:0}.header-right{display:flex;align-items:center}.summary-stats{display:flex;grid-gap:2rem;gap:2rem;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.2)}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-label{font-size:.9rem;opacity:.8;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.filters-section{display:flex;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem;border:1px solid hsla(0,0%,100%,.2)}.filter-group{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;min-width:150px}.filter-group label{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.filter-group select{padding:.75rem;border:1px solid hsla(0,0%,100%,.3);border-radius:8px;background:hsla(0,0%,100%,.1);color:#fff;font-size:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group select:focus{outline:none;border-color:hsla(0,0%,100%,.6);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.filter-group select option{background:#333;color:#fff}.sales-table-container{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;border:1px solid hsla(0,0%,100%,.2);margin-bottom:2rem}.table-wrapper{overflow-x:auto}.sales-table{width:100%;border-collapse:collapse;font-size:.9rem}.sales-table th{background:hsla(0,0%,100%,.1);color:#fff;font-weight:600;text-align:left;padding:1rem;border-bottom:2px solid hsla(0,0%,100%,.2);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.sales-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.sales-table th.sortable:hover{background:hsla(0,0%,100%,.2)}.sales-table th.sortable i{margin-left:.5rem;opacity:.7}.sales-table td{padding:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);vertical-align:top}.sales-table tbody tr{transition:background-color .2s ease}.sales-table tbody tr:hover{background:hsla(0,0%,100%,.05)}.customer-info{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.customer-name{font-weight:600;color:#fff}.customer-email{font-size:.8rem;opacity:.7}.song-title{font-weight:600;max-width:200px}.artist-name,.song-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-name{opacity:.9;max-width:150px}.amount{font-weight:700;text-align:right}.payment-id{font-family:"Courier New",monospace;font-size:.8rem;opacity:.7;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-id code{background:hsla(0,0%,100%,.1);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.status-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-completed{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#000}.status-pending{background:linear-gradient(135deg,#fa709a,#fee140);color:#000}.status-failed{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.status-refunded{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#000}.status-default{background:hsla(0,0%,100%,.2);color:#fff}.pagination{display:flex;justify-content:center;grid-gap:2rem;gap:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:1.5rem}.pagination,.pagination-button{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2)}.pagination-button{display:inline-flex;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;color:#fff;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer}.pagination-button:hover:not(:disabled){background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{text-align:center;font-weight:600}.pagination-total{display:block;font-size:.9rem;opacity:.8;margin-top:.25rem}.error-message,.loading-spinner,.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-message i,.loading-spinner i,.no-data i{font-size:3rem;margin-bottom:1rem;opacity:.7}.loading-spinner i{animation:spin 1s linear infinite}.error-message .retry-button{margin-top:1rem;padding:.75rem 1.5rem;background:hsla(0,100%,71%,.2);color:#ff6b6b;border:1px solid #ff6b6b;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-message .retry-button:hover{background:hsla(0,100%,71%,.3);transform:translateY(-2px)}.no-data{color:#a0a0a0}@media (max-width:768px){.sales-list-container{padding:1rem}.sales-list-header{flex-direction:column;align-items:stretch}.header-right{justify-content:center}.summary-stats{grid-gap:1rem;gap:1rem}.filters-section,.summary-stats{flex-direction:column}.filter-group{min-width:auto}.sales-table-container{padding:1rem}.sales-table{font-size:.8rem}.sales-table td,.sales-table th{padding:.75rem .5rem}.pagination{flex-direction:column;grid-gap:1rem;gap:1rem}}@media (max-width:480px){.sales-list-header h1{font-size:2rem}.sales-table{font-size:.7rem}.sales-table td,.sales-table th{padding:.5rem .25rem}.artist-name,.payment-id,.song-title{max-width:100px}}.subscription-plans-container{max-width:1200px;margin:0 auto;padding:2rem}.plans-header{text-align:center;margin-bottom:3rem}.plans-header h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.plans-header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:3rem}.plan-card{background:#fff;border:2px solid #e1e5e9;border-radius:12px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 6px rgba(0,0,0,.05)}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.plan-card.current-plan{border-color:#28a745;background:linear-gradient(135deg,#f8fff9,#e8f5e8)}.plan-card.popular-plan{border-color:#007bff;transform:scale(1.05);box-shadow:0 8px 25px rgba(0,123,255,.15)}.popular-badge{left:50%;transform:translateX(-50%);background:#007bff;padding:.5rem 1.5rem;font-size:.9rem}.current-badge,.popular-badge{position:absolute;top:-12px;color:#fff;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.current-badge{right:1rem;background:#28a745;padding:.5rem 1rem;font-size:.8rem}.plan-header{text-align:center;margin-bottom:2rem}.plan-name{font-size:1.8rem;font-weight:700;color:#333}.plan-name,.plan-price{margin-bottom:1rem}.price{font-size:3rem;font-weight:700;color:#007bff}.period{font-size:1.2rem;color:#666;font-weight:500}.plan-description{color:#666;font-size:1rem;line-height:1.5}.plan-features{margin-bottom:2rem}.plan-features ul{list-style:none;padding:0;margin:0}.feature-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0;font-size:1rem}.feature-item:last-child{border-bottom:none}.checkmark{color:#28a745;font-weight:700;margin-right:.75rem;font-size:1.2rem}.plan-limits{background:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:2rem}.limit-item{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.9rem;color:#666}.limit-item:not(:last-child){border-bottom:1px solid #e9ecef}.plan-actions,.plans-footer{text-align:center}.plans-footer{padding:2rem;background:#f8f9fa;border-radius:12px;color:#666}@media (max-width:768px){.subscription-plans-container{padding:1rem}.plans-grid{grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.plan-card.popular-plan{transform:none}.plans-header h2{font-size:2rem}.price{font-size:2.5rem}}@media (max-width:480px){.plan-card{padding:1.5rem}.btn{width:100%;padding:1rem}}.billing-dashboard{max-width:1000px;margin:0 auto;padding:2rem}.dashboard-header{text-align:center;margin-bottom:3rem}.dashboard-header h2{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:1rem}.dashboard-header p{font-size:1.2rem;color:#666}.subscription-section{margin-bottom:3rem}.subscription-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05)}.subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e1e5e9}.subscription-header h3{font-size:1.5rem;font-weight:600;color:#333;margin:0}.status-badge{display:inline-block;padding:.5rem 1rem;color:#fff;font-size:.9rem;text-transform:capitalize}.subscription-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row.warning{background:#fff3cd;padding:1rem;border-radius:8px;border:1px solid #ffeaa7;margin:.5rem 0}.subscription-actions{display:flex;grid-gap:1rem;gap:1rem;flex-wrap:wrap}.no-subscription{margin-bottom:3rem}.no-subscription-card{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:3rem;text-align:center}.no-subscription-card h3{font-size:1.5rem;color:#333;margin-bottom:1rem}.no-subscription-card p{color:#666;margin-bottom:2rem;font-size:1.1rem}.payments-section h3{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:1.5rem}.payments-table-container{background:#fff;border:1px solid #e1e5e9;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.05)}.payments-table{width:100%;border-collapse:collapse}.payments-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#555;border-bottom:1px solid #e1e5e9}.payments-table td{padding:1rem;border-bottom:1px solid #f0f0f0;color:#333}.payments-table tr:last-child td{border-bottom:none}.payments-table tr:hover{background:#f8f9fa}.receipt-link{color:#007bff;text-decoration:none;font-weight:500}.receipt-link:hover{text-decoration:underline}.no-receipt{color:#999;font-style:italic}.btn{padding:.75rem 1.5rem;text-align:center}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-success{background:#28a745}.btn-success:hover:not(:disabled){background:#1e7e34}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-outline:hover:not(:disabled){background:#007bff;color:#fff;transform:translateY(-2px)}.btn:disabled{transform:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:0;max-width:500px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid #e1e5e9}.modal-header h3{margin:0;font-size:1.25rem;color:#333}.modal-body{padding:2rem}.modal-body p{margin:0;color:#666;line-height:1.5}.modal-actions{padding:1.5rem 2rem;border-top:1px solid #e1e5e9;display:flex;grid-gap:1rem;gap:1rem;justify-content:flex-end}.error-message{padding:2rem}.error-message h3{margin-bottom:1rem;color:#721c24}@media (max-width:768px){.billing-dashboard{padding:1rem}.subscription-header{grid-gap:1rem;gap:1rem;align-items:flex-start}.subscription-actions,.subscription-header{flex-direction:column}.btn{width:100%}.payments-table-container{overflow-x:auto}.payments-table{min-width:600px}.modal-actions{flex-direction:column}}@media (max-width:480px){.subscription-card{padding:1.5rem}.detail-row{flex-direction:column;align-items:flex-start;grid-gap:.5rem;gap:.5rem}.modal{margin:1rem;width:calc(100% - 2rem)}}.payment-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.success-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;width:100%}.success-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 1s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-card h1{font-size:2.5rem;font-weight:700;color:#28a745;margin-bottom:1rem}.success-message{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:2rem}.success-details{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.detail-item:last-child{border-bottom:none}.label{font-weight:600;color:#555}.value{color:#333}.value.success{color:#28a745;font-weight:600}.success-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.success-footer{padding-top:1.5rem;border-top:1px solid #e9ecef}.success-footer p{color:#666;font-size:.9rem;margin:0}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1)}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{text-align:center;padding:3rem;background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;width:100%}.error-icon{font-size:4rem;margin-bottom:1.5rem}.error-message h2{color:#dc3545;margin-bottom:1rem}.error-message p{color:#666;margin-bottom:2rem}@media (max-width:768px){.payment-success-container{padding:1rem}.success-card{padding:2rem}.success-card h1{font-size:2rem}.success-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.success-card{padding:1.5rem}.success-icon{font-size:3rem}.success-card h1{font-size:1.75rem}.success-message{font-size:1rem}}.payment-cancel-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.cancel-card{background:#fff;border-radius:16px;padding:3rem;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:500px;width:100%}.cancel-icon{font-size:4rem;margin-bottom:1.5rem;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.cancel-card h1{font-size:2.5rem;font-weight:700;color:#dc3545;margin-bottom:1rem}.cancel-message{font-size:1.2rem;color:#666;line-height:1.6;margin-bottom:2rem}.cancel-details{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.cancel-details p{color:#666;line-height:1.6;margin:0}.cancel-actions{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.btn{display:inline-block;padding:.875rem 2rem;font-size:1rem;text-decoration:none;min-width:150px}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;transform:translateY(-2px)}.btn-outline{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.cancel-footer{padding-top:1.5rem;border-top:1px solid #e9ecef}.cancel-footer p{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.payment-cancel-container{padding:1rem}.cancel-card{padding:2rem}.cancel-card h1{font-size:2rem}.cancel-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.cancel-card{padding:1.5rem}.cancel-icon{font-size:3rem}.cancel-card h1{font-size:1.75rem}.cancel-message{font-size:1rem}}.paypal-success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.paypal-success-content{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);max-width:500px;width:100%;text-align:center}.status-icon.processing{color:#007bff}.status-icon.success{color:#28a745}.status-icon.error{color:#dc3545}.paypal-success-content h2{margin:0 0 16px;color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px}.paypal-success-content p{margin:0 0 32px;color:#4a4a4a;font-size:16px;line-height:1.5}.continue-button,.retry-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,123,255,.3)}.continue-button:hover,.retry-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,123,255,.4)}.retry-button{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 4px 12px rgba(220,53,69,.3)}.retry-button:hover{box-shadow:0 6px 16px rgba(220,53,69,.4)}@media (max-width:768px){.paypal-success-content{padding:30px 20px;margin:0 10px}.status-icon{font-size:48px}.paypal-success-content h2{font-size:24px}.continue-button,.retry-button{width:100%;padding:14px 24px}}.paypal-cancel-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.paypal-cancel-content{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);max-width:500px;width:100%;text-align:center}.status-icon{font-size:64px;color:#ffc107;margin-bottom:24px;display:flex;justify-content:center;align-items:center}.paypal-cancel-content h2{margin:0 0 16px;color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.5px}.paypal-cancel-content p{margin:0 0 32px;color:#4a4a4a;font-size:16px;line-height:1.5}.return-button{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(108,117,125,.3)}.return-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(108,117,125,.4)}@media (max-width:768px){.paypal-cancel-content{padding:30px 20px;margin:0 10px}.status-icon{font-size:48px}.paypal-cancel-content h2{font-size:24px}.return-button{width:100%;padding:14px 24px}}.payment-test-container{padding:20px;text-align:center;max-width:600px;margin:0 auto}.payment-test-container h2{color:#2d3748;margin-bottom:16px}.payment-test-container p{color:#718096;margin-bottom:24px}.test-payment-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(66,153,225,.3)}.test-payment-button:hover{background:linear-gradient(135deg,#3182ce,#2c5282);transform:translateY(-2px);box-shadow:0 6px 16px rgba(66,153,225,.4)}.payment-modal-overlay{background:transparent;z-index:999}.stripe-test-container{padding:20px;border:2px solid #e2e8f0;border-radius:8px;margin:20px;background:#f7fafc;text-align:center}.stripe-test-container h3{color:#2d3748;margin-bottom:16px}.stripe-test-container p{color:#4a5568;margin-bottom:8px}.stripe-test-container .error{color:#e53e3e;font-weight:700}.env-test-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;background-color:#f8f9fa;color:#343a40;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;padding:20px;text-align:center}.env-test-container h1{color:#6772e5;margin-bottom:30px;font-size:2.5rem}.env-info{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:20px;max-width:600px;text-align:left}.env-info h2{color:#495057;margin-bottom:15px}.env-info p{margin:10px 0;font-family:"Courier New",monospace;background-color:#f8f9fa;padding:8px;border-radius:4px;border-left:3px solid #6772e5}.test-results{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;max-width:600px}.test-results h2{color:#495057;margin-bottom:15px}.success{color:#28a745;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px}.error,.success{font-weight:700;font-size:1.2rem;padding:10px}.error{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.click-test-container{padding:20px;max-width:600px;margin:0 auto;background:hsla(0,0%,100%,.1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.click-test-container h2{color:#fff;text-align:center;margin-bottom:20px}.click-test-container p{color:#fff;text-align:center;margin-bottom:15px}.click-test-area{background:rgba(29,185,84,.2);border:2px solid #1db954;border-radius:10px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.click-test-area:hover{background:rgba(29,185,84,.3);transform:translateY(-2px)}.click-test-area p{margin:10px 0;font-size:16px;font-weight:500}.click-test-buttons{display:flex;grid-gap:15px;gap:15px;justify-content:center;flex-wrap:wrap}.click-test-buttons button{background:#1db954;color:#fff;border:none;padding:12px 24px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.click-test-buttons button:hover{background:#1ed760;transform:translateY(-2px);box-shadow:0 4px 12px rgba(29,185,84,.3)}.test-database-container{padding:20px;max-width:1200px;margin:0 auto;color:#fff;background-color:#1a1a1a;min-height:100vh}.test-database-container h1{color:#fff;margin-bottom:30px;font-size:2rem}.test-database-container h2{color:#fff;margin-top:30px;margin-bottom:15px;font-size:1.5rem;border-bottom:2px solid #333;padding-bottom:10px}.refresh-section{margin-bottom:20px}.refresh-btn{background-color:#f50;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background-color .3s}.refresh-btn:hover{background-color:#f70}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#ccc}.error-message{background-color:rgba(244,67,54,.12549019607843137);border:2px solid #f44336;color:#ff6b6b;border-radius:5px}.db-section{background-color:#2a2a2a;padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid #333}.status-box{display:flex;align-items:center;padding:15px;border-radius:5px;border:2px solid;grid-gap:15px;gap:15px}.status-indicator{width:20px;height:20px;border-radius:50%;flex-shrink:0}.status-text{flex:1 1;line-height:1.6}.success-text{color:#4caf50;font-weight:700}.error-text{color:#f44336;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:15px}.info-item{background-color:#1a1a1a;border-radius:5px;border:1px solid #333}.info-item strong{color:#f50;margin-right:8px}.collections-list{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-top:15px}.collection-tag{background-color:#f50;color:#fff;padding:6px 12px;border-radius:4px;font-size:.9rem}.users-table-container{overflow-x:auto;margin-top:15px}.users-table{width:100%;border-collapse:collapse;background-color:#1a1a1a}.users-table th{background-color:#f50;color:#fff;padding:12px;text-align:left;font-weight:700;border:1px solid #333}.users-table td{padding:10px 12px;border:1px solid #333;color:#ccc}.users-table tr:nth-child(2n){background-color:#252525}.users-table tr:hover{background-color:#2a2a2a}.id-cell{font-family:monospace;font-size:.85rem;color:#888}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:700}.role-badge.administrator{background-color:#f50;color:#fff}.role-badge.user{background-color:#4caf50;color:#fff}.section-description{color:#ccc;margin-bottom:15px;font-size:.95rem}.test-login-form{background-color:#1a1a1a;padding:20px;border-radius:5px;border:1px solid #333}.form-group{margin-bottom:15px}.form-group label{margin-bottom:5px;color:#fff;font-weight:500}.form-input{width:100%;padding:10px;border:1px solid #555;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:1rem;box-sizing:border-box}.form-input:focus{outline:none;border-color:#f50;box-shadow:0 0 0 2px rgba(255,85,0,.12549019607843137)}.test-btn{background-color:#f50;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;transition:background-color .3s}.test-btn:hover:not(:disabled){background-color:#f70}.test-btn:disabled{background-color:#666;cursor:not-allowed}.test-result{margin-top:20px;padding:15px;border-radius:5px;border:2px solid;line-height:1.8}.test-result.success{background-color:rgba(76,175,80,.12549019607843137);border-color:#4caf50;color:#4caf50}.test-result.error{background-color:rgba(244,67,54,.12549019607843137);border-color:#f44336;color:#ff6b6b}.test-result div{margin-bottom:8px}.test-result strong{margin-right:8px}.legal-page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe);background-size:400% 400%;animation:magicalGradient 15s ease infinite;padding:4rem 2rem;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1050;pointer-events:auto}@keyframes magicalGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.legal-page-content{max-width:800px;width:100%;background:hsla(0,0%,94.1%,.95);border-radius:20px;padding:3rem;box-shadow:0 25px 80px rgba(0,0,0,.3);color:#333;position:relative;z-index:1051;pointer-events:auto}.legal-page-back{display:inline-block;color:#667eea;text-decoration:none;margin-bottom:2rem;font-weight:500;transition:all .3s ease}.legal-page-back:hover{color:#764ba2;transform:translateX(-5px)}.legal-page-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(120deg,#4a5568,#5a3d7a 50%,#6b4290);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-page-body{line-height:1.8;font-size:1rem}.legal-page-body h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#4a5568!important;font-weight:600}.legal-page-body h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#4a5568!important;font-weight:600}.legal-page-body p{margin-bottom:1rem}.legal-page-body ol,.legal-page-body ul{margin:1rem 0;padding-left:2rem}.legal-page-body li{margin-bottom:.5rem}.legal-page-body strong{color:#667eea}.legal-page-body a{color:#667eea;text-decoration:none}.legal-page-body a:hover{text-decoration:underline}@media (max-width:768px){.legal-page-container{padding:2rem 1rem}.legal-page-content{padding:2rem 1.5rem}.legal-page-title{font-size:2rem}}.contact-form{margin-top:2rem}.contact-form-group{margin-bottom:1.5rem}.contact-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#4a5568;font-size:.95rem}.contact-input,.contact-textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(102,126,234,.3);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background:hsla(0,0%,100%,.9);color:#333;box-sizing:border-box}.contact-input:focus,.contact-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.contact-input.error,.contact-textarea.error{border-color:#e74c3c}.contact-input.error:focus,.contact-textarea.error:focus{border-color:#e74c3c;box-shadow:0 0 0 4px rgba(231,76,60,.1)}.contact-textarea{resize:vertical;min-height:120px}.contact-input::placeholder,.contact-textarea::placeholder{color:#999}.contact-error{display:block;color:#e74c3c;font-size:.875rem;margin-top:.25rem}.contact-submit-btn{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.3);margin-top:.5rem}.contact-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#764ba2,#f093fb)}.contact-submit-btn:active{transform:translateY(0)}.contact-form-success{text-align:center;padding:3rem 2rem;margin-top:2rem}.success-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.contact-form-success h3{color:#4a5568;margin-bottom:.5rem}.contact-form-success p{color:#666}.contact-server-errors{margin:1rem 0;padding:1rem;background-color:rgba(231,76,60,.1);border-left:3px solid #e74c3c;border-radius:4px}.contact-server-errors ul{margin:0;padding-left:1.5rem;color:#e74c3c}.contact-server-errors li{margin:.5rem 0}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width:768px){.contact-input,.contact-textarea{font-size:16px}.contact-submit-btn{padding:1rem 1.5rem}}.compensation-hero{text-align:center;margin-bottom:3rem;padding:2rem 0}.compensation-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(120deg,#667eea,#764ba2 50%,#6b4290);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compensation-hero-subtitle{font-size:1.2rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6}.compensation-pricing{text-align:center;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:15px;border:2px solid rgba(102,126,234,.2)}.pricing-badge{font-size:4rem;font-weight:800;background:linear-gradient(120deg,#667eea,#764ba2 50%,#6b4290);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.pricing-label{font-size:1.3rem;font-weight:600;color:#4a5568;margin-bottom:.5rem}.pricing-note{font-size:.95rem;color:#666;margin-top:.5rem}.compensation-features{margin:3rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.feature-card{background:hsla(0,0%,100%,.8);padding:2rem;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(102,126,234,.2)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.3rem;color:#667eea;margin-bottom:1rem;font-weight:600}.feature-card p{color:#555;line-height:1.6}.compensation-benefits{margin:3rem 0;padding:2rem 0}.compensation-benefits h2{text-align:center;margin-bottom:1rem}.compensation-benefits>p{text-align:center;max-width:700px;margin:0 auto 2rem;color:#555;font-size:1.1rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.benefit-item{padding:1.5rem;background:hsla(0,0%,100%,.6);border-radius:10px;border-left:4px solid #667eea}.benefit-item h3{color:#667eea;margin-bottom:.75rem;font-size:1.2rem}.benefit-item p{color:#555;line-height:1.6}.compensation-payouts{margin:3rem 0;padding:2rem 0}.compensation-payouts h2{text-align:center;margin-bottom:1rem}.compensation-payouts>p{text-align:center;max-width:700px;margin:0 auto 2rem;color:#555;font-size:1.1rem}.payout-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.payout-method-card{background:hsla(0,0%,100%,.9);padding:2.5rem;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:2px solid rgba(102,126,234,.2);transition:transform .3s ease,box-shadow .3s ease}.payout-method-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(102,126,234,.3);border-color:rgba(102,126,234,.4)}.payout-icon{font-size:3.5rem;margin-bottom:1rem}.payout-method-card h3{font-size:1.5rem;color:#667eea;margin-bottom:1rem;font-weight:600}.payout-method-card p{color:#555;line-height:1.6;margin-bottom:1.5rem}.payout-features{list-style:none;padding-left:0}.payout-features li{padding:.5rem 0 .5rem 1.5rem;position:relative;color:#555}.payout-features li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:1.2rem}.compensation-cta{text-align:center;margin:4rem 0;padding:3rem 2rem;background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-radius:15px}.compensation-cta h2{margin-bottom:1rem}.compensation-cta>p{max-width:600px;margin:0 auto 2rem;color:#555;font-size:1.1rem}.cta-buttons{display:flex;grid-gap:1rem;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;font-size:1rem}.cta-button.primary{background:linear-gradient(120deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px rgba(102,126,234,.3)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.cta-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea}.cta-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.compensation-faq{margin:3rem 0}.compensation-faq h2{text-align:center;margin-bottom:2rem}.faq-item{margin-bottom:2rem;padding:1.5rem;background:hsla(0,0%,100%,.6);border-radius:10px;border-left:4px solid #667eea}.faq-item h3{color:#667eea;margin-bottom:.75rem;font-size:1.2rem}.faq-item p{color:#555;line-height:1.6}.compensation-footer-note{margin-top:3rem;padding-top:2rem;border-top:2px solid rgba(102,126,234,.2);text-align:center;color:#666;font-size:.95rem}.compensation-footer-note a{color:#667eea;text-decoration:none;font-weight:500}.compensation-footer-note a:hover{text-decoration:underline}@media (max-width:768px){.compensation-hero-title{font-size:2rem}.compensation-hero-subtitle{font-size:1rem}.pricing-badge{font-size:3rem}.benefits-grid,.feature-grid,.payout-methods{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.reset-password-container,.reset-password-page{display:flex;align-items:center;justify-content:center}.reset-password-container{flex-direction:column;width:100%;max-width:450px;padding:3rem 2.5rem;box-sizing:border-box;background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.2)}#reset-password-title{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(120deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.reset-password-description{text-align:center;color:#666;margin-bottom:1.5rem;font-size:14px}.reset-password-error-message{text-align:center;color:#e74c3c;padding:1rem;background:rgba(231,76,60,.1);border-radius:8px;border-left:3px solid #e74c3c}.reset-password-error-message p{margin:.5rem 0}.reset-password-input{display:flex;width:100%;height:48px;box-sizing:border-box;border-radius:12px;border:2px solid rgba(102,126,234,.3);padding:0 16px;font-size:16px;margin-bottom:1rem;transition:all .3s ease;background:hsla(0,0%,100%,.9);color:#333}.reset-password-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);background:#fff}.reset-password-input::placeholder{color:#999}.reset-password-input:disabled{opacity:.6;cursor:not-allowed}.reset-password-button{font-size:16px;font-weight:600;padding:12px 24px;height:48px;width:100%;border-radius:12px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;transition:all .3s ease;margin-top:.5rem;box-shadow:0 4px 15px rgba(102,126,234,.3)}.reset-password-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4);background:linear-gradient(135deg,#764ba2,#f093fb)}.reset-password-button:active:not(:disabled){transform:translateY(0)}.reset-password-button:disabled{opacity:.6;cursor:not-allowed}.reset-password-errors{color:#e74c3c;font-size:14px;list-style:none;padding:0;margin:1rem 0 0;text-align:center;width:100%}.reset-password-errors li{margin:.5rem 0;padding:.5rem;background:rgba(231,76,60,.1);border-radius:8px;border-left:3px solid #e74c3c}@media (max-width:768px){.reset-password-page{padding:1.5rem}.reset-password-container{padding:2rem 1.5rem}#reset-password-title{font-size:1.75rem;margin-bottom:.75rem}.reset-password-button,.reset-password-input{font-size:15px}}@media (max-width:480px){.reset-password-page{padding:1rem}.reset-password-container{padding:1.5rem 1rem}#reset-password-title{font-size:1.5rem;margin-bottom:.5rem}.reset-password-button,.reset-password-input{height:44px;font-size:14px}}.messages-container{display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;margin:0 auto;padding:20px 20px 100px;background:transparent}.messages-header{display:flex;align-items:center;grid-gap:15px;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(13,110,253,.2)}.messages-header h2{margin:0;color:#212529;font-size:28px;font-weight:700}.unread-badge{background:#dc3545;color:#fff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.messages-content{display:flex;grid-gap:20px;gap:20px;height:calc(100% - 80px);background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden}.messages-loading{text-align:center;padding:40px;color:#495057;font-size:18px}.conversation-list{width:350px;min-width:350px;display:flex;flex-direction:column;border-right:1px solid rgba(13,110,253,.1);background:hsla(0,0%,100%,.5)}.conversation-list-header{padding:15px;border-bottom:1px solid rgba(13,110,253,.1)}.new-conversation-btn{width:100%;padding:10px 15px;background:#0d6efd;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:15px;transition:all .2s ease}.new-conversation-btn:hover{background:#0b5ed7;transform:translateY(-1px);box-shadow:0 4px 8px rgba(13,110,253,.3)}.conversation-search-container{position:relative}.conversation-search-input{width:100%;padding:10px 15px;border:2px solid rgba(13,110,253,.2);border-radius:10px;font-size:14px;background:#fff;color:#212529}.conversation-search-input:focus{outline:none;border-color:#0d6efd}.user-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(13,110,253,.2);border-radius:10px;margin-top:5px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-search-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:12px 15px;cursor:pointer;transition:background .2s ease}.user-search-item:hover{background:rgba(13,110,253,.1)}.user-search-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.user-search-avatar img{width:100%;height:100%;object-fit:cover}.user-search-info{flex:1 1;min-width:0}.user-search-username{font-weight:600;color:#212529;font-size:14px}.user-search-action{font-size:12px;color:#6c757d}.conversations{flex:1 1;overflow-y:auto}.conversation-item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:15px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(13,110,253,.05);position:relative}.conversation-item:hover{background:rgba(13,110,253,.05)}.conversation-item.active{background:rgba(13,110,253,.1)}.conversation-item.unread{background:rgba(13,110,253,.08)}.conversation-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#0d6efd,#0b5ed7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px}.avatar-placeholder.small{font-size:14px}.conversation-info{flex:1 1;min-width:0}.conversation-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.conversation-username{font-weight:600;color:#212529;font-size:15px}.conversation-time{font-size:12px;color:#6c757d;white-space:nowrap}.conversation-preview{font-size:13px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview .no-messages{font-style:italic;color:#adb5bd}.unread-indicator{width:10px;height:10px;background:#0d6efd;border-radius:50%;flex-shrink:0}.no-conversations{padding:40px 20px;text-align:center;color:#6c757d}.no-conversations .hint{font-size:13px;color:#adb5bd;margin-top:5px}.chat-thread{flex:1 1;display:flex;flex-direction:column;background:hsla(0,0%,100%,.9)}.chat-thread.empty{justify-content:center;align-items:center}.empty-chat{text-align:center;color:#6c757d}.empty-chat i{font-size:48px;color:#adb5bd;margin-bottom:15px}.empty-chat p{font-size:16px;color:#6c757d}.chat-header{justify-content:space-between;padding:15px 20px;border-bottom:1px solid rgba(13,110,253,.1);background:hsla(0,0%,100%,.95)}.chat-header,.chat-header-user{display:flex;align-items:center}.chat-header-user{grid-gap:12px;gap:12px}.chat-header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-info{display:flex;flex-direction:column}.chat-header-username{font-weight:600;color:#212529;font-size:16px}.view-profile-btn{padding:8px 12px;background:rgba(13,110,253,.1);color:#0d6efd;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.view-profile-btn:hover{background:rgba(13,110,253,.2)}.messages-list{flex:1 1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;grid-gap:15px;gap:15px}.no-messages{text-align:center;padding:40px;color:#6c757d}.message-item{display:flex;grid-gap:10px;gap:10px;align-items:flex-start}.message-item.own{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-content-wrapper{max-width:70%;display:flex;flex-direction:column}.message-item.own .message-content-wrapper{align-items:flex-end}.message-sender{font-size:12px;color:#6c757d;margin-bottom:4px;padding-left:5px}.message-bubble{padding:10px 15px;border-radius:18px;position:relative;word-wrap:break-word}.message-item.own .message-bubble{background:#0d6efd;color:#fff;border-bottom-right-radius:4px}.message-item.other .message-bubble{background:rgba(13,110,253,.1);color:#212529;border-bottom-left-radius:4px}.message-text{font-size:14px;line-height:1.5;margin-bottom:4px}.message-time{font-size:11px;opacity:.7;text-align:right}.message-item.other .message-time{text-align:left}.message-input-container{padding:15px 20px;border-top:1px solid rgba(13,110,253,.1);background:hsla(0,0%,100%,.95)}.message-input-form{display:flex;grid-gap:10px;gap:10px;align-items:flex-end}.message-input{flex:1 1;padding:10px 15px;border:2px solid rgba(13,110,253,.2);border-radius:20px;font-size:14px;font-family:inherit;resize:none;max-height:100px;background:#fff;color:#212529}.message-input:focus{outline:none;border-color:#0d6efd}.send-message-btn{width:40px;height:40px;border-radius:50%;background:#0d6efd;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.send-message-btn:hover:not(:disabled){background:#0b5ed7;transform:scale(1.05)}.send-message-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.messages-content{flex-direction:column}.conversation-list{width:100%;min-width:100%;max-height:40vh}.chat-thread{height:60vh}}.custom-request-form-container{padding:20px;max-width:800px;margin:80px auto 0;min-height:calc(100vh - 80px)}.custom-request-form-card{background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);padding:40px}.custom-request-form-card h2{margin:0 0 30px;color:#212529;font-size:28px;text-align:center}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#212529;font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:16px;color:#212529;background:hsla(0,0%,100%,.9);transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px rgba(13,110,253,.1);background:#fff}.form-group textarea{resize:vertical;font-family:inherit}.char-count{text-align:right;margin-top:5px;font-size:12px;color:#6c757d}.form-actions{display:flex;grid-gap:15px;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-btn,.submit-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px rgba(108,117,125,.3)}.submit-btn{background:#0d6efd;color:#fff}.submit-btn:hover:not(:disabled){background:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,110,253,.3)}.cancel-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.error-message,.success-message{padding:15px;border-radius:8px;margin-bottom:20px;font-size:14px}.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb}@media (max-width:768px){.custom-request-form-container{padding:10px;margin-top:60px}.custom-request-form-card{padding:25px}.custom-request-form-card h2{font-size:24px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.custom-request-queue-container{padding:20px;max-width:1200px;margin:80px auto 0;min-height:calc(100vh - 80px)}.queue-header{margin-bottom:30px;text-align:center}.queue-header h2{color:#212529;font-size:32px;margin:0 0 10px}.queue-header p{color:#6c757d;font-size:16px;margin:0}.queue-tabs{display:flex;grid-gap:10px;gap:10px;justify-content:center;margin-top:20px}.tab-btn{padding:12px 24px;border:2px solid #0d6efd;background:transparent;color:#0d6efd;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.tab-btn:hover{background:rgba(13,110,253,.1)}.tab-btn.active{background:#0d6efd;color:#fff}.tab-btn i{font-size:16px}.loading-spinner,.no-requests{text-align:center;padding:60px 20px;color:#6c757d}.no-requests i{font-size:64px;margin-bottom:20px;color:#6c757d;opacity:.5}.requests-list{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.request-card{background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:15px;border:1px solid rgba(13,110,253,.2);box-shadow:0 4px 16px rgba(0,0,0,.1);padding:25px;transition:all .3s ease}.request-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}.request-header{margin-bottom:15px;flex-wrap:wrap;grid-gap:15px;gap:15px}.request-info h3{margin:0 0 10px;font-size:20px}.request-meta{grid-gap:20px;gap:20px}.request-meta span{grid-gap:5px;gap:5px}.request-meta i{font-size:12px}.status-badge{padding:6px 12px}.request-description{margin-bottom:20px;padding:15px}.file-upload-section,.request-actions{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap;align-items:center}.selected-file-name{padding:8px 12px;background:rgba(13,110,253,.1);border-radius:6px;font-size:14px;color:#0d6efd;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-info{display:flex;align-items:center;grid-gap:15px;gap:15px;color:#0f5132;font-weight:500}.completed-info i{color:#198754;font-size:20px}.payment-status.paid{background:#d1e7dd;color:#0f5132;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.btn{padding:10px 20px}.btn-secondary:hover:not(:disabled){transform:translateY(-2px)}.btn-outline-primary{background:transparent;color:#0d6efd;border:2px solid #0d6efd}.btn-outline-primary:hover:not(:disabled){background:#0d6efd;color:#fff}.requester-actions{margin-top:15px;padding:15px;background:rgba(255,193,7,.1);border-radius:8px;border:1px solid rgba(255,193,7,.3)}.payment-required{display:flex;flex-direction:column;grid-gap:15px;gap:15px}.payment-required p{margin:0;color:#856404;font-weight:500}.paid-actions{display:flex;align-items:center;grid-gap:15px;gap:15px;flex-wrap:wrap}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.payment-modal{background:#fff;border-radius:15px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.3)}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.payment-modal-header h3{margin:0;color:#212529;font-size:24px}.close-btn{background:transparent;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:5px 10px;border-radius:4px;transition:all .3s ease}.close-btn:hover{background:#f0f0f0;color:#212529}.payment-modal-content{padding:20px}@media (max-width:768px){.custom-request-queue-container{padding:10px;margin-top:60px}.queue-tabs{flex-direction:column}.tab-btn{width:100%;justify-content:center}.request-header,.request-meta{flex-direction:column}.request-meta{grid-gap:10px;gap:10px}.file-upload-section{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.payment-modal{margin:10px;max-height:95vh}}.custom-request-detail-container{padding:20px;max-width:1000px;margin:80px auto 0;min-height:calc(100vh - 80px)}.request-detail-header{display:flex;align-items:center;grid-gap:20px;gap:20px;margin-bottom:30px}.back-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;grid-gap:8px;gap:8px}.back-btn:hover{background:#5a6268;transform:translateY(-2px)}.request-detail-header h2{margin:0;color:#212529;font-size:28px}.request-detail-card{background:hsla(0,0%,100%,.75);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:15px;border:1px solid rgba(13,110,253,.2);box-shadow:0 4px 16px rgba(0,0,0,.1);padding:30px}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid rgba(0,0,0,.1)}.request-info h3{margin:0 0 15px;color:#212529;font-size:24px}.request-meta{display:flex;grid-gap:25px;gap:25px;flex-wrap:wrap;font-size:14px;color:#6c757d}.request-meta span{display:flex;align-items:center;grid-gap:8px;gap:8px}.request-meta i{font-size:14px}.status-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.in-progress{background:#cfe2ff;color:#084298}.status-badge.completed{background:#d1e7dd;color:#0f5132}.status-badge.cancelled{background:#f8d7da;color:#842029}.request-description{margin-bottom:30px;padding:20px;background:rgba(248,249,250,.8);border-radius:8px;border-left:4px solid #0d6efd}.request-description h4{margin:0 0 10px;color:#212529;font-size:18px}.request-description p{margin:0;color:#495057;line-height:1.6;white-space:pre-wrap}.fulfillment-section{margin-top:30px;padding:20px;background:rgba(209,231,221,.3);border-radius:8px;border:1px solid rgba(15,81,50,.2)}.fulfillment-section h4{margin:0 0 10px;color:#0f5132;font-size:18px}.payment-section{margin-top:15px}.payment-buttons{display:flex;grid-gap:15px;gap:15px;margin-top:15px;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;transition:all .3s ease;grid-gap:8px;gap:8px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(13,110,253,.3)}.btn-success{background:#198754;color:#fff}.btn-success:hover:not(:disabled){background:#157347;transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,135,84,.3)}.btn-paypal{background:#0070ba;color:#fff}.btn-paypal:hover:not(:disabled){background:#005ea6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,112,186,.3)}.creator-actions{margin-top:30px;padding:20px;background:rgba(207,226,255,.3);border-radius:8px;text-align:center}.loading-spinner{text-align:center;padding:60px 20px;color:#6c757d}.error-message{padding:15px;margin-bottom:20px;border:1px solid #f5c6cb}@media (max-width:768px){.custom-request-detail-container{padding:10px;margin-top:60px}.request-header{flex-direction:column;grid-gap:15px;gap:15px}.request-meta{grid-gap:10px;gap:10px}.payment-buttons,.request-meta{flex-direction:column}.btn{width:100%;justify-content:center}}#custom-request-player-page{width:1240px;height:auto;margin:46px auto 0}.custom-request-player-container{width:100%}.error-message,.loading-spinner{text-align:center;padding:60px 20px;color:#333}.loading-spinner i{font-size:48px;margin-bottom:20px;color:#0d6efd}.error-message{background:#f8d7da;color:#721c24;border-radius:8px;padding:20px;margin:20px auto;max-width:600px}#custom-request-banner{display:flex;height:380px;margin:0 20px}#custom-request-banner-info{width:750px;margin-left:40px;position:relative;z-index:1;height:100%;display:flex;flex-direction:column}#custom-request-banner-top{margin-bottom:20px}#custom-request-banner-artist{display:inline-block;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);font-size:15px;margin-top:28px;padding:6px 12px;color:#333!important;border-radius:8px;border:1px solid rgba(13,110,253,.15)!important;font-weight:600;text-shadow:none!important}#custom-request-banner-created-at{margin-top:30px;font-size:15px;line-height:1;color:#333!important}#custom-request-banner-bottom{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end}#custom-request-banner-title{display:inline-block;background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);font-size:22px;padding:10px 14px;color:#333!important;border-radius:10px;border:1px solid rgba(13,110,253,.15)!important;font-weight:700;text-shadow:none!important;margin:0 0 20px}#custom-request-player-container{display:flex;width:100%;max-width:600px;position:relative;margin-top:auto;margin-bottom:20px}.description-text{color:#333!important;font-size:15px;line-height:1.7;word-wrap:break-word;text-shadow:none!important}.glitch-container{position:relative;display:inline-block;height:340px;width:340px;margin-right:30px;border-radius:8px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.default-media-icon{font-size:80px;color:#999}.description-container{background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.2);margin:20px;padding:30px}.description-card{background:transparent;border-radius:0;padding:0;box-shadow:none}.description-card h3{margin:0 0 20px;color:#333!important;font-size:20px;font-weight:600;display:flex;align-items:center;text-shadow:none!important}.description-card h3 i{margin-right:10px;color:#666!important}.description-card p{color:#333!important;line-height:1.7;font-size:15px;margin:0;word-wrap:break-word;text-shadow:none!important}.actions-container{background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.2);margin:0 20px 20px;padding:20px}.action-buttons{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap}.btn{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;grid-gap:6px;gap:6px}.btn-primary{background:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background:#0b5ed7}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn:disabled{opacity:.6;cursor:not-allowed}.download-btn{background:#198754;color:#fff}.download-btn:hover:not(:disabled){background:#157347}.info-container{background:hsla(0,0%,100%,.75)!important;backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:20px;border:1px solid rgba(13,110,253,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.2);margin:0 20px 20px;padding:30px}.info-card{background:transparent;border-radius:0;padding:0;box-shadow:none;margin:0}.info-card h3{margin:0 0 20px;color:#333!important;font-size:20px;font-weight:600;padding-bottom:15px;border-bottom:2px solid rgba(0,0,0,.1)!important;text-shadow:none!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:15px;gap:15px}.info-item{padding:12px;background:rgba(13,110,253,.05);border-radius:8px;font-size:14px;color:#333!important}.info-item strong{color:#0d6efd;display:block;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media (max-width:768px){#custom-request-player-page{width:100%;padding:0 10px}#custom-request-banner{flex-direction:column;height:auto;padding:20px}#custom-request-banner-info{width:100%;margin-left:0}.glitch-container{width:100%;max-width:340px;height:340px;margin:0 auto 20px}#custom-request-banner-title{font-size:24px}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}}