*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#160207;flex-direction:column;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;display:flex}textarea{font-family:Montserrat,sans-serif}#root{width:100%;height:100%}#root .container{flex-direction:column;width:100%;height:fit-content;padding:0;display:flex}@media screen and (max-width:650px){#root .container{width:100%}}#root .container .popup-container{z-index:2147483647;background:#000000b3;width:100%;height:100vh;animation:.3s linear animate-links;position:fixed;top:0;left:0}@keyframes animate-links{0%{opacity:0}to{opacity:1}}#root .container .popup-container{flex-direction:row;justify-content:center;align-items:center;display:flex}#root .container .popup-container .popup{background:#fff;border-radius:36px;width:30%;height:fit-content;margin-top:30px;margin-bottom:40px;padding:24px;display:block;box-shadow:0 1px 1px #0000001a,0 10px 30px #0000001a}@media screen and (max-width:1300px){#root .container .popup-container .popup{width:40%}}@media screen and (max-width:900px){#root .container .popup-container .popup{width:60%}}@media screen and (max-width:700px){#root .container .popup-container .popup{width:70%}}@media screen and (max-width:600px){#root .container .popup-container .popup{width:90%}}@media screen and (max-width:260px){#root .container .popup-container .popup{padding:15px}}#root .container .popup-container .popup{overflow:auto}#root .container .popup-container .popup .err{color:#ff2b2b}#root .container .popup-container .popup .success{color:#16c016}#root .container .popup-container .popup .warn{color:#b97f00}#root .container .popup-container .popup h2{text-align:center;border-bottom:1px solid #ddd;flex-direction:row;justify-content:center;align-items:center;padding-bottom:10px;font-size:24px;font-weight:500;display:flex}#root .container .popup-container .popup p{color:#777;text-align:center;flex-direction:row;justify-content:center;align-items:center;min-height:40px;padding:36px 0;font-size:18px;display:flex}#root .container .popup-container .popup .btn-err{background:#ff2b2b;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-err{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-err{font-size:12px}}#root .container .popup-container .popup .btn-success{background:#16c016;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-success{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-success{font-size:12px}}#root .container .popup-container .popup .btn-warn{background:#b97f00;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-warn{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-warn{font-size:12px}}#root .container .popup-container .popup .btn-raw{background:#fff;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-raw{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-raw{font-size:12px}}#root .container .popup-container .popup .btn-raw{color:#777;border:1px solid #ddd}#root .container .popup-container .popup .btn-raw:hover{color:#777}#root .container .popup-container .popup .btn-dark{background:#160207;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-dark{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-dark{font-size:12px}}#root .container .popup-container .popup .btn-dark:hover{background-color:#270a0f}#root .container .popup-container .popup .btn-dark.disabled{pointer-events:none;color:#777!important;border:1px solid #777!important}#root .container .popup-container .popup .btn-main{background:#d41b43;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-main{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-main{font-size:12px}}#root .container .popup-container .popup .btn-green-gradient{background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .btn-green-gradient{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .btn-green-gradient{font-size:12px}}#root .container .popup-container .popup .btn-green-gradient{color:#232122}#root .container .popup-container .popup .inherit-style:hover{background-color:inherit;color:inherit}#root .container .popup-container .popup .cancel{background:#fff;border:none;border-radius:5px;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .cancel{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .cancel{font-size:12px}}#root .container .popup-container .popup .cancel{color:#777;border:1px solid #ddd}#root .container .popup-container .popup .cancel:hover{color:#777}#root .container .popup-container .popup .sec-btn{margin-top:10px}#root .container .popup-container .popup button,#root .container .popup-container .popup .player .btn .add,#root .container .player .btn .popup-container .popup .add{color:#fff;cursor:pointer;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .popup-container .popup button:hover,#root .container .popup-container .popup .player .btn .add:hover,#root .container .player .btn .popup-container .popup .add:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .popup-container .popup button,#root .container .popup-container .popup .player .btn .add,#root .container .player .btn .popup-container .popup .add{flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}#root .container .popup-container .popup .options-container{width:100%;max-height:300px;margin-top:10px;padding:10px;transition:all .3s ease-in-out}#root .container .popup-container .popup .options-container:hover{cursor:pointer;background-color:#eee}#root .container .popup-container .popup .options-container .option{display:flex}#root .container .popup-container .popup .options-container .option .img{border:1px solid #555;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:20px;height:20px;margin-right:10px;padding:10px;display:flex}#root .container .popup-container .popup .options-container .option .img i{color:#555}#root .container .popup-container .popup .options-container .option .text{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}#root .container .popup-container .popup .options-container .option .name{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;display:block;overflow:hidden}#root .container .popup-container .popup .options-container .option .desc{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}#root .container .popup-container .popup .form-group{flex-direction:column;display:flex}#root .container .popup-container .popup .form-group input,#root .container .popup-container .popup .form-group select,#root .container .popup-container .popup .form-group textarea{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-container .popup .form-group input,#root .container .popup-container .popup .form-group select,#root .container .popup-container .popup .form-group textarea{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-container .popup .form-group input,#root .container .popup-container .popup .form-group select,#root .container .popup-container .popup .form-group textarea{font-size:13px}}#root .container .popup-container .popup .form-group input,#root .container .popup-container .popup .form-group select,#root .container .popup-container .popup .form-group textarea{color:#000;background-color:#fff}#root .container .popup-container .popup .form-group label{margin:10px 0}#root .container .popup-container .popup .form-group textarea{height:60px}#root .container .fullsong-popup-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#root .container .fullsong-popup{background:red;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 40px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#root .container .fullsong-popup-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}#root .container .fullsong-popup-header .fullsong-popup-title{color:#333;margin:0;font-size:1.5rem;font-weight:600}#root .container .fullsong-popup-header .fullsong-popup-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:all .3s;display:flex}#root .container .fullsong-popup-header .fullsong-popup-close:hover{color:#333;background-color:#f5f5f5}#root .container .fullsong-popup-content{flex:1;padding:24px;overflow-y:auto}#root .container .fullsong-popup-content .fullsong-popup-empty{text-align:center;color:#666;padding:40px 0;font-style:italic}#root .container .fullsong-links-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}#root .container .fullsong-link-card{color:inherit;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:16px;text-decoration:none;transition:all .3s;display:block}#root .container .fullsong-link-card:hover{border-color:var(--service-color,#007bff);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}#root .container .fullsong-link-card:hover .fullsong-card-arrow{color:var(--service-color,#007bff);transform:translate(2px)}#root .container .fullsong-link-card .fullsong-card-content{align-items:center;gap:12px;display:flex}#root .container .fullsong-link-card .fullsong-card-image{background:#f8f9fa;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}#root .container .fullsong-link-card .fullsong-card-image img{-o-object-fit:contain;object-fit:contain;width:24px;height:24px}#root .container .fullsong-link-card .fullsong-card-info{flex:1;min-width:0}#root .container .fullsong-link-card .fullsong-card-info .fullsong-card-title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:1rem;font-weight:600;overflow:hidden}#root .container .fullsong-link-card .fullsong-card-info .fullsong-card-url{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}#root .container .fullsong-link-card .fullsong-card-arrow{color:#666;flex-shrink:0;font-size:1.25rem;transition:all .3s}@media (max-width:768px){#root .container .fullsong-popup-overlay{padding:16px}#root .container .fullsong-popup{max-height:95vh}#root .container .fullsong-popup-header{padding:20px 20px 12px}#root .container .fullsong-popup-header .fullsong-popup-title{font-size:1.25rem}#root .container .fullsong-popup-content{padding:20px}#root .container .fullsong-links-grid{grid-template-columns:1fr;gap:12px}#root .container .fullsong-link-card{padding:14px}#root .container .fullsong-link-card .fullsong-card-content{gap:10px}#root .container .fullsong-link-card .fullsong-card-image{width:36px;height:36px}#root .container .fullsong-link-card .fullsong-card-image img{width:20px;height:20px}#root .container .fullsong-link-card .fullsong-card-info .fullsong-card-title{font-size:.9rem}#root .container .fullsong-link-card .fullsong-card-info .fullsong-card-url{font-size:.7rem}}@media (max-width:480px){#root .container .fullsong-popup-overlay{padding:12px}#root .container .fullsong-popup-header{padding:16px 16px 8px}#root .container .fullsong-popup-header .fullsong-popup-title{padding-right:10px;font-size:14px}#root .container .fullsong-popup-content{padding:16px}#root .container .fullsong-link-card{padding:12px}}@media (prefers-color-scheme:dark){#root .container .fullsong-popup{color:#fff;background-color:#160207}#root .container .fullsong-popup .fullsong-popup-header{border-bottom-color:#3b0513}#root .container .fullsong-popup .fullsong-popup-header .fullsong-popup-title{color:#fff}#root .container .fullsong-popup .fullsong-popup-header .fullsong-popup-close{color:#ccc}#root .container .fullsong-popup .fullsong-popup-header .fullsong-popup-close:hover{color:#fff;background-color:#d41b43}#root .container .fullsong-popup .fullsong-link-card{background:#270a0f;border-color:#160207}#root .container .fullsong-popup .fullsong-link-card .fullsong-card-image{background:#47121b}#root .container .fullsong-popup .fullsong-link-card .fullsong-card-info .fullsong-card-title{color:#fff}#root .container .fullsong-popup .fullsong-link-card .fullsong-card-info .fullsong-card-url,#root .container .fullsong-popup .fullsong-link-card .fullsong-card-arrow{color:#ccc}}#root .container .slide-popup{z-index:2147483647;transform-origin:top;width:100%;height:fit-content;animation:.3s linear scaling;position:fixed;top:0;left:0}@keyframes scaling{0%{transform:scaleY(0)}to{transform:scaleY(1)}}#root .container .slide-popup{flex-direction:row;justify-content:center;align-items:center;display:flex}#root .container .slide-popup .content{background:#160207;border-radius:5px;width:30%;height:fit-content;padding:12px 16px;display:block;box-shadow:0 1px 1px #0000001a,0 10px 30px #0000001a}@media screen and (max-width:1300px){#root .container .slide-popup .content{width:40%}}@media screen and (max-width:900px){#root .container .slide-popup .content{width:60%}}@media screen and (max-width:700px){#root .container .slide-popup .content{width:70%}}@media screen and (max-width:600px){#root .container .slide-popup .content{width:90%}}@media screen and (max-width:260px){#root .container .slide-popup .content{padding:15px}}#root .container .slide-popup .content{overflow:auto}#root .container .slide-popup .content h2{text-align:center;color:#fff;flex-direction:row;justify-content:center;align-items:center;font-size:18px;font-weight:500;display:flex}#root .container .slide-popup .content h2 i{color:#d41b43;margin-right:10px;font-size:26px}#root .container .slide-popup .close{background-color:green;padding:12px 20px}#root .container .slide-popup .close span{color:#fff;cursor:pointer;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .slide-popup .close span:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .slide-popup .close span{flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}#root .container .msg{flex-direction:column;justify-content:center;align-items:center;margin-top:10px;display:flex}#root .container .msg .warning-msg{background-color:#ffe3a8;border-left:3px solid #b97f00;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .msg .warning-msg p{color:#b97f00;font-size:13px;font-weight:700}#root .container .msg .error-msg{background-color:#ffcece;border-left:3px solid red;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .msg .error-msg p{color:red;font-size:13px;font-weight:700}#root .container .msg .success-msg{background-color:#c8ffc8;border-left:3px solid green;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .msg .success-msg p{color:green;font-size:13px;font-weight:700}#root .container nav{z-index:1000000;background-color:#160207;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 24px;display:flex;position:sticky;top:0;left:0;box-shadow:0 1px 1px #ffffff1a}@media screen and (max-width:900px){#root .container nav{padding:0 16px}}@media screen and (max-width:600px){#root .container nav{padding:0 10px}}#root .container nav .desktop-nav{flex-direction:row;justify-content:center;align-items:center;width:60%;display:flex}@media screen and (max-width:900px){#root .container nav .desktop-nav{display:none}}#root .container nav .desktop-nav{width:80%}@media screen and (max-width:1400px){#root .container nav .desktop-nav{width:92%}}@media screen and (max-width:900px){#root .container nav .desktop-nav{width:100%}}#root .container nav .desktop-nav .logo{background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;width:fit-content;display:flex}#root .container nav .desktop-nav .logo a{flex-direction:row;justify-content:center;align-items:center;font-size:30px;font-weight:300;text-decoration:none;display:flex}#root .container nav .desktop-nav .logo a span{color:#fff;margin-left:4px}@media screen and (max-width:1200px){#root .container nav .desktop-nav .logo a span{display:none}}#root .container nav .desktop-nav .logo a img{width:60px;height:50px}#root .container nav .desktop-nav .links{background-color:#0000;flex-direction:row;flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container nav .desktop-nav .links ul{margin:0;padding:0;list-style-type:none}#root .container nav .desktop-nav .links ul li{margin:10px 0;display:inline-flex}#root .container nav .desktop-nav .links ul li.open-search{background:#270a0f;border-radius:50%;width:40px;height:40px;margin-left:10px;padding:0}#root .container nav .desktop-nav .links ul li a{color:#fff;border-radius:5px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out;position:relative}#root .container nav .desktop-nav .links ul li a:hover{color:#d41b43}#root .container nav .desktop-nav .links ul li a.profile-link{padding:0 10px;display:flex;top:8px}#root .container nav .desktop-nav .links ul li a.profile-link .profile-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border:2px solid #fff;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:6px;display:flex}#root .container nav .desktop-nav .links ul li a.profile-link .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container nav .desktop-nav .links ul li .inbox{color:#fff;background-color:#d41b43;border-radius:50px;padding:4px 8px;font-size:11px;font-weight:700}#root .container nav .desktop-nav .links ul li .search{color:#d41b43}#root .container nav .desktop-nav .links ul li .login-navLink{color:#fff;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container nav .desktop-nav .links ul li .login-navLink:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container nav .desktop-nav .links ul li .login-navLink{padding:10px 20px}#root .container nav .desktop-nav .actions{display:flex}#root .container nav .desktop-nav .actions a{color:#fff;border-radius:5px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out;position:relative}#root .container nav .desktop-nav .actions a:hover{color:#d41b43}#root .container nav .desktop-nav .actions a span{margin:10px 4px}#root .container nav .desktop-nav .actions .login-navLink{color:#fff;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container nav .desktop-nav .actions .login-navLink:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container nav .desktop-nav .actions .login-navLink{padding:10px 20px}#root .container nav .desktop-nav .actions .open-search{background:#270a0f;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;margin-left:10px;padding:0;display:flex}#root .container nav .desktop-nav .profile-menu-item{position:relative}#root .container nav .desktop-nav .profile-menu-item .profile-link{cursor:pointer;padding:0 10px;display:flex}#root .container nav .desktop-nav .profile-menu-item .profile-link .profile-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .3s;display:flex}#root .container nav .desktop-nav .profile-menu-item .profile-link .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container nav .desktop-nav .profile-menu-item .profile-link:hover .profile-avatar{border-color:#00d181;transform:scale(1.05)}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown{z-index:1000;background:#270a0f;border:1px solid #d41b434d;border-radius:12px;width:220px;animation:.2s dropdownFadeIn;position:absolute;top:45px;right:10px;overflow:hidden;box-shadow:0 10px 30px #0000004d}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown:before{content:"";background:#270a0f;border-top:1px solid #d41b434d;border-left:1px solid #d41b434d;width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-header{padding:15px}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-header .dropdown-user-info{flex-direction:column;display:flex}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-header .dropdown-user-info strong{color:#fff;margin-bottom:4px;font-size:.95rem}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-header .dropdown-user-info span{color:#ffa8bb;opacity:.8;font-size:.8rem}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-divider{background:#d41b4333;height:1px;margin:0}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu{padding:8px}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 15px;font-size:.95rem;transition:all .3s;display:flex}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item i{color:#ffa8bb;width:18px;font-size:1rem;transition:color .3s}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item span{flex:1}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item:hover{background:#d41b431a;transform:translate(5px)}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item:hover i{color:#00d181}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item.logout:hover{background:#ff2b2b1a}#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item.logout:hover i,#root .container nav .desktop-nav .profile-menu-item .profile-dropdown .dropdown-menu .dropdown-item.logout:hover span{color:#ff2b2b}#root .container nav .desktop-nav .profile-link{color:#fff;border-radius:5px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out;position:relative}#root .container nav .desktop-nav .profile-link:hover{color:#d41b43}#root .container nav .desktop-nav .profile-link.profile-link{padding:0 10px;display:flex;top:8px}#root .container nav .desktop-nav .profile-link.profile-link .profile-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border:2px solid #fff;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:35px;height:35px;margin-right:6px;transition:all .3s;display:flex}#root .container nav .desktop-nav .profile-link.profile-link .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container nav .desktop-nav .profile-link.profile-link:hover .profile-avatar{border-color:#00d181}#root .container nav .desktop-nav .admin-menu-item{align-items:center;display:inline-flex;position:relative}#root .container nav .desktop-nav .admin-menu-item .admin-link{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b4333;border-radius:30px;align-items:center;gap:6px;padding:8px 16px;font-weight:500;transition:all .3s;display:flex}#root .container nav .desktop-nav .admin-menu-item .admin-link i{font-size:12px;transition:transform .3s}#root .container nav .desktop-nav .admin-menu-item .admin-link:hover{color:#fff;background:#d41b4333;border-color:#d41b4366}#root .container nav .desktop-nav .admin-menu-item .admin-link:hover i{transform:rotate(180deg)}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown{z-index:1000;background:#270a0f;border:1px solid #d41b434d;border-radius:12px;width:240px;animation:.2s dropdownFadeIn;position:absolute;top:45px;left:0;overflow:hidden;box-shadow:0 10px 30px #0000004d}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown:before{content:"";background:#270a0f;border-top:1px solid #d41b434d;border-left:1px solid #d41b434d;width:12px;height:12px;position:absolute;top:-6px;left:20px;transform:rotate(45deg)}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-header{padding:15px}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-header .dropdown-user-info{flex-direction:column;display:flex}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-header .dropdown-user-info strong{color:#fff;margin-bottom:4px;font-size:.95rem}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-header .dropdown-user-info span{color:#ffa8bb;opacity:.8;font-size:.8rem}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-divider{background:#d41b4333;height:1px;margin:0}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu{max-height:300px;padding:8px;overflow-y:auto}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu::-webkit-scrollbar{width:6px}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu::-webkit-scrollbar-track{background:#d41b431a;border-radius:3px}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:3px}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#d41b4366}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 15px;font-size:.95rem;transition:all .3s;display:flex}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item i{color:#ffa8bb;width:18px;font-size:1rem;transition:color .3s}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item span{flex:1}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item:hover{background:#d41b431a;transform:translate(5px)}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item:hover i{color:#00d181}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item.logout:hover{background:#ff2b2b1a}#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item.logout:hover i,#root .container nav .desktop-nav .admin-menu-item .admin-dropdown .dropdown-menu .dropdown-item.logout:hover span{color:#ff2b2b}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#root .container nav .search-box,#root .container nav .mobile-nav .search-box{z-index:11111;background-color:#160207;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:none;position:absolute}#root .container nav .search-box .close-search{color:#bbb;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;padding:0 10px 0 0;font-size:20px;font-weight:bolder;display:flex}#root .container nav .search-box form,#root .container nav .mobile-nav .search-box form{background-color:#270a0f;border-radius:99px;flex:1}#root .container nav .search-box form input,#root .container nav .mobile-nav .search-box form input{width:100%;padding-bottom:10px 15px;color:#fff;background-color:#270a0f;border:none;border-radius:99px;outline:none;padding:10px 36px 10px 12px;font-size:15px}#root .container nav .search-box .search-go{color:#bbb;cursor:pointer;padding:5px;font-size:19px;position:absolute;right:12px}#root .container nav .desktop-navLinks-cont{transform-origin:top;background-color:#160207;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;animation:.3s linear slide;display:flex;position:fixed;top:0;left:0;box-shadow:-4px -4px 12px #fff,-4px -4px 8px #ffffff80,inset 4px 4px 12px #ffffff1a,4px 4px 8px #ffffff4d}@keyframes slide{0%{box-shadow:none;transform:translateY(-100%)}to{transform:translateY(0%)}}#root .container nav .desktop-navLinks-cont .close{background-color:#0000;width:80%}@media screen and (max-width:1400px){#root .container nav .desktop-navLinks-cont .close{width:92%}}@media screen and (max-width:900px){#root .container nav .desktop-navLinks-cont .close{width:100%}}#root .container nav .desktop-navLinks-cont .close{justify-content:flex-end;display:flex}#root .container nav .desktop-navLinks-cont .close button,#root .container nav .desktop-navLinks-cont .close .player .btn .add,#root .container .player .btn nav .desktop-navLinks-cont .close .add{color:#fff;cursor:pointer;background-color:#0000;border:none;border-radius:50%;outline:none;width:50px;height:50px;font-size:16px;transition:all .3s ease-in-out}#root .container nav .desktop-navLinks-cont .close button:hover,#root .container nav .desktop-navLinks-cont .close .player .btn .add:hover,#root .container .player .btn nav .desktop-navLinks-cont .close .add:hover{color:#fff;background-color:#d41b43}#root .container nav .desktop-navLinks-cont .links{width:80%}@media screen and (max-width:1400px){#root .container nav .desktop-navLinks-cont .links{width:92%}}@media screen and (max-width:900px){#root .container nav .desktop-navLinks-cont .links{width:100%}}#root .container nav .desktop-navLinks-cont .links{background-color:#0000;justify-content:space-evenly;display:flex}#root .container nav .desktop-navLinks-cont .links a{color:#fff;text-align:center;background-color:#270a0f;border:1px solid #270a0f;border-radius:999px;width:50%;margin:5px;padding:10px 36px;font-size:36px;text-decoration:none;transition:all .3s ease-in-out}#root .container nav .desktop-navLinks-cont .links a:hover{color:#ffa8bb;border:1px solid #ffa8bb}#root .container nav .mobile-nav{z-index:111;background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:100%;height:60px;padding:10px;display:none;position:sticky;top:0;box-shadow:0 1px 6px #00000040}@media screen and (max-width:900px){#root .container nav .mobile-nav{display:flex}}#root .container nav .mobile-nav .nav{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container nav .mobile-nav .nav .lines{cursor:pointer;width:24px}#root .container nav .mobile-nav .nav .lines div{background-color:#d41b43;width:100%;height:4px;margin-top:5px}#root .container nav .mobile-nav .nav .lines div:first-child{margin-top:0}#root .container nav .mobile-nav .nav .logo{background:0 0;flex-direction:row;flex:1;justify-content:center;align-items:center;display:flex}#root .container nav .mobile-nav .nav .logo a{flex-direction:row;justify-content:center;align-items:center;font-size:30px;font-weight:300;text-decoration:none;display:flex}#root .container nav .mobile-nav .nav .logo a span{color:#000;margin-left:4px}@media screen and (max-width:1200px){#root .container nav .mobile-nav .nav .logo a span{display:none}}#root .container nav .mobile-nav .nav .logo a img{width:46px;height:36px}#root .container nav .mobile-nav .nav .cart{color:#fff;border:none;outline:none;margin-right:5px;font-size:16px;text-decoration:none}#root .container nav .mobile-nav .nav .search{color:#d41b43;background-color:#0000;border:none;outline:none;font-size:24px}#root .container nav .mobile-menu{z-index:1111111;width:100%;height:100%;display:none;position:fixed;top:58.5px;overflow:hidden}#root .container nav .mobile-menu .links{transform-origin:top;background-color:#270a0f;width:60%;margin-bottom:60px;animation:.3s linear slideRight;overflow:auto}@media screen and (max-width:500px){#root .container nav .mobile-menu .links{width:80%}}#root .container nav .mobile-menu .links{box-shadow:1px 3px 7px #000c}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0%)}}#root .container nav .mobile-menu .links .user{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:fit-content;padding:12px 10px;display:flex;overflow:hidden}#root .container nav .mobile-menu .links .user img{border-radius:50px;width:30px;height:30px}#root .container nav .mobile-menu .links .user a{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;text-align:left;width:85%;margin-left:4px;padding:6px;font-size:16px;display:block;overflow:hidden}#root .container nav .mobile-menu .links a{color:#fff;border-radius:5px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out;display:block}#root .container nav .mobile-menu .links a:hover{color:#d41b43}#root .container nav .mobile-menu .links a{color:#fff;border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;padding:15px 10px 15px 20px;font-size:14px;display:flex}#root .container nav .mobile-menu .links a:hover{color:#fff;background-color:#d41b43}#root .container nav .mobile-menu .links a:last-child{border-bottom:none}#root .container nav .mobile-menu .links a i{margin-right:10px;font-size:24px}#root .container nav .mobile-menu .links a:first-child{padding-top:25px}#root .container nav .mobile-menu .links .footer{color:#bbb;padding:10px 20px 30px;font-size:14px}#root .container nav .mobile-menu .links .footer p{border-top:1px solid #484545;margin-top:10px;padding-top:20px}#root .container nav .mobile-menu .links .footer .social-links{border-top:1px solid #484545;justify-content:flex-end;align-items:center;padding-top:10px;display:flex}#root .container nav .mobile-menu .links .footer .social-links div{flex:1}#root .container nav .mobile-menu .links .footer .social-links a{padding:10px}#root .container nav .mobile-menu .links .footer .social-links a i{color:#bbb;font-size:20px}#root .container .search-bar{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;padding:0 24px;display:flex;position:fixed;top:63px}@media screen and (max-width:1000px){#root .container .search-bar{top:59px}}@media screen and (max-width:900px){#root .container .search-bar{padding:0 16px;top:70px}}@media screen and (max-width:600px){#root .container .search-bar{padding:0 10px;top:60px}}#root .container .search-bar{z-index:100}@media screen and (max-width:900px){#root .container .search-bar{display:none}}#root .container .search-bar .search-container{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:80%;display:flex}@media screen and (max-width:1400px){#root .container .search-bar .search-container{width:92%}}@media screen and (max-width:900px){#root .container .search-bar .search-container{width:100%}}#root .container .search-bar .search-container form{flex-direction:row;justify-content:flex-end;align-items:center;width:100%;display:flex}#root .container .search-bar .search-container form input{border:2px solid #d41b43;outline:none;width:50%;padding:10px;font-size:16px;box-shadow:0 1px 1px #0000001a,0 10px 30px #0000001a}@media screen and (max-width:1000px){#root .container .search-bar .search-container form input{width:60%}}@media screen and (max-width:500px){#root .container .search-bar .search-container form input{width:70%}}@media screen and (max-width:400px){#root .container .search-bar .search-container form input{width:75%}}@media screen and (max-width:300px){#root .container .search-bar .search-container form input{width:80%}}#root .container .search-bar .search-container form button,#root .container .search-bar .search-container form .player .btn .add,#root .container .player .btn .search-bar .search-container form .add{cursor:pointer;background-color:#d41b43;border:2px solid #d41b43;outline:none;width:8%;padding:10px;font-size:16px}@media screen and (max-width:900px){#root .container .search-bar .search-container form button,#root .container .search-bar .search-container form .player .btn .add,#root .container .player .btn .search-bar .search-container form .add{width:10%}}@media screen and (max-width:400px){#root .container .search-bar .search-container form button,#root .container .search-bar .search-container form .player .btn .add,#root .container .player .btn .search-bar .search-container form .add{width:14%}}@media screen and (max-width:300px){#root .container .search-bar .search-container form button,#root .container .search-bar .search-container form .player .btn .add,#root .container .player .btn .search-bar .search-container form .add{width:16%}}#root .container .search-bar .search-container form button i,#root .container .search-bar .search-container form .player .btn .add i,#root .container .player .btn .search-bar .search-container form .add i{color:#fff}#root .container .admin-nav{z-index:100;background-color:#160207;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:sticky;top:0;box-shadow:0 1px 1px #ffffff1a}#root .container .admin-nav .nav-container{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:60%;height:100%;display:flex}@media screen and (max-width:1200px){#root .container .admin-nav .nav-container{width:80%}}@media screen and (max-width:600px){#root .container .admin-nav .nav-container{width:100%}}#root .container .admin-nav .nav-container a{color:#777;text-align:center;flex-direction:row;flex-basis:33.3%;justify-content:center;align-items:center;margin:0 15px;padding:10px;font-size:24px;text-decoration:none;transition:all .12s ease-in-out;display:flex}@media screen and (max-width:800px){#root .container .admin-nav .nav-container a{font-size:20px}}@media screen and (max-width:500px){#root .container .admin-nav .nav-container a{font-size:11px;font-weight:700}}@media screen and (max-width:600px){#root .container .admin-nav .nav-container a{padding:10px 0;font-weight:600}}#root .container .admin-nav .nav-container a:hover{color:#d41b43;background-color:#270a0f}#root .container .admin-nav .nav-container .active{color:#d41b43;border-bottom:3px solid #d41b43}#root .container .register-login{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:93vh;padding:0 10px;display:flex}#root .container .register-login .form{background:#160207;border-radius:36px;width:30%;margin-top:10px;margin-bottom:40px;padding:24px;box-shadow:-4px -4px 12px #000,-4px -4px 8px #00000080,inset 4px 4px 12px #0000001a,4px 4px 8px #0000004d}@media screen and (max-width:1500px){#root .container .register-login .form{width:40%}}@media screen and (max-width:1200px){#root .container .register-login .form{width:50%}}@media screen and (max-width:900px){#root .container .register-login .form{width:60%}}@media screen and (max-width:700px){#root .container .register-login .form{width:70%}}@media screen and (max-width:600px){#root .container .register-login .form{width:90%}}@media screen and (max-width:480px){#root .container .register-login .form{width:100%}}@media screen and (max-width:260px){#root .container .register-login .form{padding:15px}}#root .container .register-login .form img{width:200px;margin-top:12px}#root .container .register-login .form .account-nav{background:#270a0f;border-radius:36px;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-bottom:20px;display:flex;box-shadow:1px 3px 24px #0000004d}#root .container .register-login .form .account-nav a{color:#fff;background:#270a0f;border-radius:36px;width:50%;height:45px}#root .container .register-login .form .account-nav a:hover{color:#d41b43;background-color:#270a0f;text-decoration:none}#root .container .register-login .form .account-nav .active{color:#fff;background-color:#d41b43}#root .container .register-login .form .account-nav .active:hover{color:#d41b43}#root .container .register-login .form .heading{flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .register-login .form .heading .avatar{width:50px;height:50px;margin-bottom:12px}#root .container .register-login .form .heading .avatar img{border-radius:50%;width:100%;height:100%}#root .container .register-login .form .heading h1{margin-bottom:18px;font-size:24px;font-weight:520}@media screen and (max-width:720px){#root .container .register-login .form .heading h1{font-size:21px}}#root .container .register-login .form .heading h1{color:#fff}#root .container .register-login .form form,#root .container .register-login .form form .msg{flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .register-login .form form .msg .success-msg{background-color:#c8ffc8;border-left:3px solid green;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form form .msg .success-msg p{color:green;font-size:13px;font-weight:700}#root .container .register-login .form form .msg .warning-msg{background-color:#ffe3a8;border-left:3px solid #b97f00;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form form .msg .warning-msg p{color:#b97f00;font-size:13px;font-weight:700}#root .container .register-login .form form .msg{flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .register-login .form form .msg .error-msg{background-color:#ffcece;border-left:3px solid red;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form form .msg .error-msg p{color:red;font-size:13px;font-weight:700}#root .container .register-login .form form .form-group{flex-direction:column;align-items:flex-start;width:100%;display:flex}#root .container .register-login .form form .form-group label{color:#fff;justify-content:flex-start;width:100%;margin-top:12px;display:flex}#root .container .register-login .form form .form-group .btn-group{width:100%;display:flex}@media screen and (max-width:900px){#root .container .register-login .form form .form-group .btn-group.action-group{flex-direction:column}}#root .container .register-login .form form .form-group .btn-group button:first-child,#root .container .register-login .form form .form-group .btn-group .player .btn .add:first-child,#root .container .player .btn .register-login .form form .form-group .btn-group .add:first-child{margin-right:10px}@media screen and (max-width:900px){#root .container .register-login .form form .form-group .btn-group button.clear,#root .container .register-login .form form .form-group .btn-group .player .btn .clear.add,#root .container .player .btn .register-login .form form .form-group .btn-group .clear.add{box-shadow:none;background-color:#0000;border:none}}#root .container .register-login .form form input{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .register-login .form form input{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form form input{font-size:13px}}#root .container .register-login .form form textarea{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .register-login .form form textarea{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form form textarea{font-size:13px}}#root .container .register-login .form form textarea{resize:none;height:100px}#root .container .register-login .form form select{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .register-login .form form select{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form form select{font-size:13px}}#root .container .register-login .form form label{text-align:center;flex-flow:wrap;justify-content:center;align-items:center;width:100%;height:fit-content;padding:5px;display:flex}#root .container .register-login .form form label span{color:#d41b43;border:1px solid #d41b43;border-radius:5px;flex-direction:row;justify-content:center;align-items:center;margin:3px;padding:3px;display:flex}#root .container .register-login .form form label .delete{color:#fff;background-color:#ff2b2b;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}#root .container .register-login .form form label i{margin-right:8px}#root .container .register-login .form form .drag-drop{cursor:pointer;background-color:#270a0f;border:3px dotted #d41b43;flex-direction:column;justify-content:center;align-items:center;width:100%;height:80%;padding:10px;display:flex}#root .container .register-login .form form .drag-drop i{color:#d41b43;pointer-events:none;margin-bottom:10px;font-size:3em}#root .container .register-login .form form .autocomplete{width:100%;box-shadow:0 1px 1px #0000001a,0 10px 30px #0000001a}#root .container .register-login .form form .autocomplete ul{box-sizing:border-box;width:100%;margin:0;padding:0}#root .container .register-login .form form .autocomplete ul li{cursor:pointer;border-bottom:1px solid #eee;width:100%;padding:10px;list-style:none}#root .container .register-login .form form .autocomplete ul li:last-child{border-bottom:none}#root .container .register-login .form form .autocomplete ul li:hover{background-color:#ffa8bb}#root .container .register-login .form form .passwords{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .register-login .form form .passwords input{flex:1;width:100%}#root .container .register-login .form form .passwords i{color:#999;width:0%;font-size:16px;transform:translate(-24px)}#root .container .register-login .form form .passwords i:hover{color:#d41b43}#root .container .register-login .form form button,#root .container .register-login .form form .player .btn .add,#root .container .player .btn .register-login .form form .add{border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px;display:flex}@media screen and (max-width:500px){#root .container .register-login .form form button,#root .container .register-login .form form .player .btn .add,#root .container .player .btn .register-login .form form .add{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form form button,#root .container .register-login .form form .player .btn .add,#root .container .player .btn .register-login .form form .add{font-size:12px}}#root .container .register-login .form form button,#root .container .register-login .form form .player .btn .add,#root .container .player .btn .register-login .form form .add{color:#fff;cursor:pointer;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .register-login .form form button:hover,#root .container .register-login .form form .player .btn .add:hover,#root .container .player .btn .register-login .form form .add:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .register-login .form form button,#root .container .register-login .form form .player .btn .add,#root .container .player .btn .register-login .form form .add{flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}#root .container .register-login .form form .btn-animate{color:#bbb;pointer-events:none;background-color:#ddd;border:3px solid #ddd;animation:1.25s infinite alternate animate}@keyframes animate{0%{color:#777;background-color:#270a0f;border:3px solid #270a0f}to{background-color:#2b1217;border:3px solid #2b1217}}#root .container .register-login .form form .prevent-click{pointer-events:none;color:#555;background:0 0!important;border:3px solid #555!important}#root .container .register-login .form form .dry{color:#777;background-color:#0000;border:1px solid #bbb;border-radius:5px;width:100%;padding:12px}#root .container .register-login .form form .dry:hover{color:#777;text-decoration:none}#root .container .register-login .form form .cancel{background-color:#270a0f}#root .container .register-login .form form .gradient{background:linear-gradient(90deg,#d41b43,#ff7c98);border:none}#root .container .register-login .form form .gradient:hover{background:linear-gradient(90deg,#d41b43,#ffa8bb)}#root .container .register-login .form form #success{background-color:#16c016;border:3px solid #16c016}#root .container .register-login .form form #success:hover{background-color:#16c016d5}#root .container .register-login .form form p{text-align:center;width:100%;font-size:13px;font-weight:700;transition:all .12s ease-in-out}@media screen and (max-width:350px){#root .container .register-login .form form p{font-size:11px}}#root .container .register-login .form form p{padding:5px}#root .container .register-login .form form #err{background-color:#ffcece}#root .container .register-login .form form .status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0f7ff;background:#10141fb3;border:2px solid #00ffe54d;border-radius:20px;padding:20px 35px;font-size:18px;font-weight:600;position:relative;overflow:hidden;box-shadow:0 8px 32px #0bf3,inset 0 1px #ffffff1a,0 0 0 1px #00ffcc1a}@media screen and (max-width:500px){#root .container .register-login .form form .status-bar{padding:16px 24px}}#root .container .register-login .form form .status-bar:before{content:"";background:linear-gradient(90deg,#00ffb7,#00ffb7,#00ffb7) 0 0/200% 100%;height:3px;animation:3s linear infinite gradient-flow;position:absolute;top:0;left:0;right:0}#root .container .register-login .form form .status-bar:after{content:"";background:radial-gradient(circle,#00ffaa1a 0%,#0000 70%);width:120%;height:120%;animation:4s ease-in-out infinite pulse-radial;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#root .container .register-login .form form .msg{background:linear-gradient(135deg,#0bc46d 0%,#00ed8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 8px;padding:0 5px;font-size:16px;font-weight:800;display:inline-block;position:relative}@media screen and (max-width:500px){#root .container .register-login .form form .msg{font-size:12px}}#root .container .register-login .form form .msg:before{content:attr(data-count);color:#0f8;filter:blur(10px);opacity:.5;z-index:-1;position:absolute;top:0;left:0}#root .container .register-login .form form .led-indicator{background:#0f8;border-radius:50%;width:12px;height:12px;margin-right:10px;animation:1.5s ease-in-out infinite led-breathe;display:inline-block;box-shadow:0 0 10px #0f8,0 0 20px #0f8}@keyframes gradient-flow{0%{background-position:0%}to{background-position:200%}}@keyframes pulse-radial{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.1)}}@keyframes count-glow{0%{text-shadow:0 0 10px #00ff8c80;transform:scale(1)}to{text-shadow:0 0 20px #0f7c;transform:scale(1.05)}}@keyframes led-breathe{0%,to{opacity:.7;box-shadow:0 0 5px #0f8}50%{opacity:1;box-shadow:0 0 15px #0f8,0 0 30px #0f8}}#root .container .register-login .form form .password-strength{background-color:#270a0f;border:1px solid #ffa8bb;border-radius:3px;margin-top:6px;padding:10px}#root .container .register-login .form form .password-strength .heading{color:#fff;margin-right:6px}#root .container .register-login .form form .password-requirements ul li{align-items:center;margin-bottom:3px;display:flex}#root .container .register-login .form form .password-requirements ul li:before{margin-right:8px}#root .container .register-login .form form .confirm-no{color:#777;background-color:#0000;border:1px solid #bbb;border-radius:5px;width:100%;padding:12px}#root .container .register-login .form form .confirm-no:hover{color:#777;background-color:#eee;text-decoration:none}#root .container .register-login .form form input[type=file]{flex-direction:row;justify-content:center;align-items:center;display:none}#root .container .register-login .form form .file{cursor:pointer;color:#777;border:1px solid #bbb;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;font-size:18px;display:flex}@media screen and (max-width:500px){#root .container .register-login .form form .file{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form form .file{font-size:12px}}#root .container .register-login .form .expand{height:500px}@media screen and (max-width:1500px){#root .container .register-login .form .expand{height:400px}}@media screen and (max-width:900px){#root .container .register-login .form .expand{height:300px}}#root .container .register-login .form .expand img{width:100%;height:75%}#root .container .register-login .form p{color:#555;text-align:center;font-size:15px}#root .container .register-login .form a{color:#d41b43;flex-direction:column;justify-content:center;align-items:center;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease-in-out;display:flex}@media screen and (max-width:500px){#root .container .register-login .form a{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form a{font-size:12px}}#root .container .register-login .form a:hover{color:#d41b43;text-decoration:underline}#root .container .register-login .form .msg .success-msg{background-color:#c8ffc8;border-left:3px solid green;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form .msg .success-msg p{color:green;font-size:13px;font-weight:700}#root .container .register-login .form .msg .warning-msg{background-color:#ffe3a8;border-left:3px solid #b97f00;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form .msg .warning-msg p{color:#b97f00;font-size:13px;font-weight:700}#root .container .register-login .form .msg{flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .register-login .form .msg .error-msg{background-color:#ffcece;border-left:3px solid red;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .register-login .form .msg .error-msg p{color:red;font-size:13px;font-weight:700}#root .container .register-login .form .divider{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .register-login .form .divider .heading{color:#777;background-color:#160207;flex-direction:row;justify-content:center;align-items:center;padding:20px;display:flex}#root .container .register-login .form .divider .line{background-color:#bbb;flex:1;height:1px}#root .container .register-login .form .signin-link{cursor:pointer;color:#fff;background-color:#270a0f;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;font-size:18px;text-decoration:none;display:flex}@media screen and (max-width:500px){#root .container .register-login .form .signin-link{font-size:16px}}@media screen and (max-width:350px){#root .container .register-login .form .signin-link{font-size:12px}}#root .container .register-login .form .signin-link:hover{color:#d41b43;background-color:#270a0f;text-decoration:none}#root .container .register-login .form .signin-link img{width:20px;height:20px;margin-top:0;margin-right:10px}#root .container .register-login .two-col{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:10px;display:flex}#root .container .register-login .two-col .heading{text-align:left;background-color:#ddd;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin-top:10px;padding:10px;font-size:14px;font-weight:700;display:flex}#root .container .register-login .two-col h4{text-align:left;color:#555;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:5px;font-size:14px;font-weight:300;display:flex}#root .container .login{margin-top:10px}#root .container .popup-form{z-index:1000000;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .popup-form .ghost-container{z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .popup-form .contents{background:#160207;border-radius:12px;width:40%;padding:24px}@media screen and (max-width:900px){#root .container .popup-form .contents{width:60%}}@media screen and (max-width:600px){#root .container .popup-form .contents{width:80%}}@media screen and (max-width:400px){#root .container .popup-form .contents{width:90%}}#root .container .popup-form .contents{position:relative}#root .container .popup-form .contents .close{color:#d41b43;cursor:pointer;font-size:16px;font-weight:700;position:absolute;top:12px;right:12px}#root .container .popup-form .contents .form-content{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:12px;display:flex}#root .container .popup-form .contents .form-content input{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-form .contents .form-content input{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-form .contents .form-content input{font-size:13px}}#root .container .popup-form .contents .form-content textarea{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-form .contents .form-content textarea{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-form .contents .form-content textarea{font-size:13px}}#root .container .popup-form .contents .form-content textarea{resize:none;height:100px}#root .container .popup-form .contents .form-content select{color:#fff;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px}@media screen and (max-width:500px){#root .container .popup-form .contents .form-content select{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-form .contents .form-content select{font-size:13px}}#root .container .popup-form .contents .form-content button,#root .container .popup-form .contents .form-content .player .btn .add,#root .container .player .btn .popup-form .contents .form-content .add{border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px;display:flex}@media screen and (max-width:500px){#root .container .popup-form .contents .form-content button,#root .container .popup-form .contents .form-content .player .btn .add,#root .container .player .btn .popup-form .contents .form-content .add{font-size:16px}}@media screen and (max-width:350px){#root .container .popup-form .contents .form-content button,#root .container .popup-form .contents .form-content .player .btn .add,#root .container .player .btn .popup-form .contents .form-content .add{font-size:12px}}#root .container .popup-form .contents .form-content button,#root .container .popup-form .contents .form-content .player .btn .add,#root .container .player .btn .popup-form .contents .form-content .add{color:#fff;cursor:pointer;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .popup-form .contents .form-content button:hover,#root .container .popup-form .contents .form-content .player .btn .add:hover,#root .container .player .btn .popup-form .contents .form-content .add:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .popup-form .contents .form-content button,#root .container .popup-form .contents .form-content .player .btn .add,#root .container .player .btn .popup-form .contents .form-content .add{flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease-in-out;display:flex}#root .container .popup-form .contents .form-content button.dry,#root .container .popup-form .contents .form-content .player .btn .dry.add,#root .container .player .btn .popup-form .contents .form-content .dry.add{color:#777;background-color:#0000;border:1px solid #bbb;border-radius:5px;width:100%;padding:12px}#root .container .popup-form .contents .form-content button.dry:hover,#root .container .popup-form .contents .form-content .player .btn .dry.add:hover,#root .container .player .btn .popup-form .contents .form-content .dry.add:hover{color:#777;text-decoration:none}#root .container .popup-form .contents .form-content button.remove-btn,#root .container .popup-form .contents .form-content .player .btn .remove-btn.add,#root .container .player .btn .popup-form .contents .form-content .remove-btn.add{border-radius:0 0 5px 5px;width:fit-content;height:fit-content;margin-top:0;padding:0 5px}#root .container .popup-form .contents .form-content .remove-btn-cont{justify-content:flex-end;width:100%;display:flex}#root .container .popup-form .contents .form-content .feedback{flex:1;margin-top:3px;font-size:12px}#root .container .popup-form .contents .form-content .feedback.err{color:red}#root .container .help{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:94vh;margin-top:12px;padding:0 24px;display:flex}@media screen and (max-width:900px){#root .container .help{padding:0 16px}}@media screen and (max-width:600px){#root .container .help{padding:0}}#root .container .help .help-container{background-color:#0000;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:60%;height:100%;display:flex}@media screen and (max-width:1500px){#root .container .help .help-container{width:70%}}@media screen and (max-width:900px){#root .container .help .help-container{width:85%}}@media screen and (max-width:800px){#root .container .help .help-container{width:90%}}@media screen and (max-width:600px){#root .container .help .help-container{width:100%}}#root .container .help .help-container .heading{width:100%}@media screen and (max-width:600px){#root .container .help .help-container .heading{padding:0 10px}}#root .container .help .help-container .heading h1{color:#555;padding:4px;font-size:20px;font-weight:600}#root .container .help .help-container .help-card{color:#000;word-wrap:break-word;background-color:#fff;border-radius:5px;width:100%;height:fit-content;margin-top:15px;padding:8px 12px;text-decoration:none;transition:all .12s ease-in-out;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .help .help-container .help-card:last-child{margin-bottom:50px}@media screen and (max-width:600px){#root .container .help .help-container .help-card{box-shadow:none;border-radius:0;padding:8px 10px}}#root .container .help .help-container .help-card h1{font-size:20px;font-weight:bolder}@media screen and (max-width:720px){#root .container .help .help-container .help-card h1{font-size:16px}}#root .container .help .help-container .help-card h1{display:block}#root .container .help .help-container .help-card p{margin-top:6px;display:block}@media screen and (max-width:500px){#root .container .help .help-container .help-card p{font-size:15px}}#root .container .help .help-container .help-card .dry{color:#777;font-size:15px;font-style:italic}@media screen and (max-width:500px){#root .container .help .help-container .help-card .dry{font-size:14px}}#root .container .help .help-container .help-card a{color:#d41b43;margin:0 5px}#root .container .home-page{background:#160207;min-height:100vh;position:relative}#root .container .scroll-progress{z-index:10000000;opacity:0;background:0 0;width:100%;height:3px;transition:opacity .3s;position:fixed;top:0;left:0}#root .container .scroll-progress.visible{opacity:1}#root .container .scroll-progress .progress-bar{background:linear-gradient(90deg,#00d181,#d41b43);height:100%;transition:width .1s}#root .container .hero-section{align-items:center;padding:80px 10%;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1024px){#root .container .hero-section{text-align:center;flex-direction:column;padding:60px 20px}}@media screen and (max-width:900px){#root .container .hero-section{text-align:center;flex-direction:column;padding:60px 20px 0}}#root .container .hero-section .hero-background{z-index:0;position:absolute;inset:0}#root .container .hero-section .hero-background .gradient-overlay{background:radial-gradient(circle at 30%,#d41b4326 0%,#0000 50%),radial-gradient(circle at 70%,#00d18126 0%,#0000 50%);position:absolute;inset:0}#root .container .hero-section .hero-content{z-index:1;flex:1;max-width:600px;position:relative}#root .container .hero-section .hero-content .badge{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b434d;border-radius:100px;align-items:center;gap:8px;margin-bottom:30px;padding:8px 16px;font-size:.9rem;display:inline-flex}#root .container .hero-section .hero-content .badge svg{color:#00d181}#root .container .hero-section .hero-content .hero-title{color:#fff;margin-bottom:20px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1}#root .container .hero-section .hero-content .hero-title .gradient-text{background:linear-gradient(135deg,#00d181,#d41b43);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}#root .container .hero-section .hero-content .hero-subtitle{color:#ffa8bb;opacity:.9;margin-bottom:30px;font-size:1.2rem;line-height:1.6}#root .container .hero-section .hero-content .hero-cta{gap:20px;margin-bottom:30px;display:flex}@media screen and (max-width:768px){#root .container .hero-section .hero-content .hero-cta{flex-direction:column}}#root .container .hero-section .hero-content .hero-cta .btn-primary,#root .container .hero-section .hero-content .hero-cta .btn-secondary{border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}#root .container .hero-section .hero-content .hero-cta .btn-primary svg,#root .container .hero-section .hero-content .hero-cta .btn-secondary svg{font-size:1.2rem}#root .container .hero-section .hero-content .hero-cta .btn-primary{color:#160207;background:linear-gradient(135deg,#00d181,#05ff9f);border:none}#root .container .hero-section .hero-content .hero-cta .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d18166}#root .container .hero-section .hero-content .hero-cta .btn-secondary{color:#fff;background:#d41b431a;border:2px solid #d41b434d}#root .container .hero-section .hero-content .hero-cta .btn-secondary:hover{background:#d41b4333;border-color:#d41b43;transform:translateY(-3px)}#root .container .hero-section .hero-content .hero-features{flex-wrap:wrap;gap:20px;display:flex}#root .container .hero-section .hero-content .hero-features .feature{color:#ffa8bb;align-items:center;gap:5px;font-size:.95rem;display:flex}#root .container .hero-section .hero-content .hero-features .feature .check{color:#00d181;font-weight:700}#root .container .hero-section .hero-visual{z-index:1;flex:1;justify-content:flex-end;align-items:center;height:500px;display:flex;position:relative}#root .container .hero-section .hero-visual .music-visualization{justify-content:center;align-items:center;gap:8px;width:400px;height:400px;display:flex;position:relative}#root .container .hero-section .hero-visual .music-visualization .wave{background:linear-gradient(#d41b43,#00d181);border-radius:4px;width:8px;animation:1.5s ease-in-out infinite waveHeight}#root .container .hero-section .hero-visual .music-visualization .wave.wave-1{height:70px;animation-delay:.1s}#root .container .hero-section .hero-visual .music-visualization .wave.wave-2{height:90px;animation-delay:.2s}#root .container .hero-section .hero-visual .music-visualization .wave.wave-3{height:110px;animation-delay:.3s}#root .container .hero-section .hero-visual .music-visualization .wave.wave-4{height:130px;animation-delay:.4s}#root .container .hero-section .hero-visual .music-visualization .wave.wave-5{height:150px;animation-delay:.5s}#root .container .hero-section .hero-visual .floating-cards{width:50%;height:100%;position:absolute}#root .container .hero-section .hero-visual .floating-cards .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#270a0fe6;border:1px solid #d41b434d;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-weight:500;animation:6s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 30px #0000004d}#root .container .hero-section .hero-visual .floating-cards .card .card-icon{margin-top:5px;font-size:1.2rem}#root .container .hero-section .hero-visual .floating-cards .card.card-1{animation-delay:0s;top:20%;left:10%}#root .container .hero-section .hero-visual .floating-cards .card.card-2{animation-delay:1s;top:50%;right:10%}#root .container .hero-section .hero-visual .floating-cards .card.card-3{animation-delay:2s;bottom:20%;left:20%}@media screen and (max-width:1200px){#root .container .hero-section .hero-visual .floating-cards{width:100%}#root .container .hero-section .hero-visual .floating-cards .card{display:none}}#root .container .value-proposition{grid-template-columns:repeat(4,1fr);gap:30px;padding:0 5% 80px;display:grid}@media screen and (max-width:1024px){#root .container .value-proposition{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){#root .container .value-proposition{grid-template-columns:1fr}}#root .container .value-proposition .value-card{text-align:center;background:#270a0f80;border:1px solid #d41b431a;border-radius:20px;padding:30px;transition:all .3s}#root .container .value-proposition .value-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 10px 30px #00d1811a}#root .container .value-proposition .value-card:hover .value-icon{color:#00d181;background:#00d18133}#root .container .value-proposition .value-card .value-icon{color:#ffa8bb;background:#d41b431a;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:2rem;transition:all .3s;display:flex}#root .container .value-proposition .value-card h3{color:#fff;margin-bottom:15px;font-size:1.3rem}#root .container .value-proposition .value-card p{color:#ffa8bb;opacity:.9;font-size:.95rem;line-height:1.6}#root .container .featured-categories{padding:60px 5%}#root .container .featured-categories .heading{justify-content:center;display:flex;position:relative}#root .container .featured-categories .heading span{background-color:#ffa8bb;width:120px;height:10px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}#root .container .featured-categories .heading h2{text-align:left;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:60px;font-weight:500}@media screen and (max-width:1300px){#root .container .featured-categories .heading h2{font-size:48px}}@media screen and (max-width:1200px){#root .container .featured-categories .heading h2{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .featured-categories .heading h2{font-size:30px}}@media screen and (max-width:260px){#root .container .featured-categories .heading h2{font-size:20px}}#root .container .featured-categories .small-text{color:#ffa8bb;text-align:center;margin-top:50px;margin-bottom:30px;font-size:14px}#root .container .featured-categories .category-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media screen and (max-width:768px){#root .container .featured-categories .category-grid{grid-template-columns:repeat(2,1fr)}}#root .container .featured-categories .category-grid .category-card{border-radius:15px;height:150px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}#root .container .featured-categories .category-grid .category-card:hover{transform:scale(1.02);box-shadow:0 10px 30px #0000004d}#root .container .featured-categories .category-grid .category-card:hover span{opacity:.5}#root .container .featured-categories .category-grid .category-card img{-o-object-fit:cover;object-fit:cover;border-radius:15px;width:100%;height:100%}#root .container .featured-categories .category-grid .category-card span{color:#fff;text-shadow:0 2px 10px #00000080;z-index:2;font-size:1.3rem;font-weight:600;transition:transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#root .container .featured-categories .category-grid .category-card:before{content:"";z-index:1;background:linear-gradient(#0000,#000);position:absolute;inset:0}#root .container .songs-section{padding:40px 5%}@media screen and (max-width:768px){#root .container .songs-section{padding:40px 0}}#root .container .songs-section .section-tabs{background:#270a0fcc;border:1px solid #d41b4333;border-radius:50px;gap:10px;width:fit-content;margin-bottom:30px;padding:10px;display:flex}@media screen and (max-width:768px){#root .container .songs-section .section-tabs{justify-content:center;width:100%}}#root .container .songs-section .section-tabs button,#root .container .songs-section .section-tabs .player .btn .add,#root .container .player .btn .songs-section .section-tabs .add{color:#ffa8bb;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}#root .container .songs-section .section-tabs button svg,#root .container .songs-section .section-tabs .player .btn .add svg,#root .container .player .btn .songs-section .section-tabs .add svg{font-size:1.1rem}#root .container .songs-section .section-tabs button:hover,#root .container .songs-section .section-tabs .player .btn .add:hover,#root .container .player .btn .songs-section .section-tabs .add:hover{color:#fff}#root .container .songs-section .section-tabs button.active,#root .container .songs-section .section-tabs .player .btn .active.add,#root .container .player .btn .songs-section .section-tabs .active.add{color:#00d181;background:#00d18133}#root .container .songs-section .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}@media screen and (max-width:768px){#root .container .songs-section .section-header{padding:40px 5% 0}}#root .container .songs-section .section-header .header-left h2{color:#fff;align-items:center;gap:10px;margin-bottom:5px;font-size:1.8rem;display:flex}#root .container .songs-section .section-header .header-left h2 .section-icon{color:#00d181}@media screen and (max-width:900px){#root .container .songs-section .section-header .header-left h2{font-size:20px}#root .container .songs-section .section-header .header-left .section-icon{font-size:14px}}#root .container .songs-section .section-header .header-left p{color:#ffa8bb;opacity:.9;font-size:1rem}@media screen and (max-width:370px){#root .container .songs-section .section-header .header-left p{display:none}}#root .container .songs-section .section-header .view-all{color:#00d181;align-items:center;gap:5px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}#root .container .songs-section .section-header .view-all span{transition:transform .3s}#root .container .songs-section .section-header .view-all:hover{color:#05ff9f}#root .container .songs-section .section-header .view-all:hover span{transform:translate(5px)}#root .container .songs-section .tracks-container{width:100%;height:fit-content}#root .container .songs-section .tracks-container .tracks-grid{width:100%;margin-bottom:60px;display:flex}#root .container .songs-section .tracks-container .tracks-grid .embla__slide{width:200px;min-width:200px}#root .container .songs-section .featured-playlist{background:linear-gradient(135deg,#d41b4333,#00d1811a);border-radius:20px;margin-bottom:60px;padding:30px;display:none}#root .container .songs-section .featured-playlist .playlist-header{justify-content:space-between;align-items:center;display:flex}#root .container .songs-section .featured-playlist .playlist-header .playlist-info{padding-right:12px}#root .container .songs-section .featured-playlist .playlist-header .playlist-info h3{color:#fff;margin-bottom:5px;font-size:1.5rem}#root .container .songs-section .featured-playlist .playlist-header .playlist-info p{color:#ffa8bb;font-size:.95rem}#root .container .songs-section .featured-playlist .playlist-header .play-all-btn{color:#fff;cursor:pointer;background:#00d18133;border:2px solid #00d181;border-radius:50px;align-items:center;gap:10px;padding:12px 25px;font-weight:500;transition:all .3s;display:flex}@media screen and (max-width:460px){#root .container .songs-section .featured-playlist .playlist-header .play-all-btn{display:none}}#root .container .songs-section .featured-playlist .playlist-header .play-all-btn:hover{color:#160207;background:#00d181}#root .container .songs-section .top-artists .artists-grid,#root .container .songs-section .top-artists .playlists-grid,#root .container .songs-section .top-playlists .artists-grid,#root .container .songs-section .top-playlists .playlists-grid{width:100%;margin-bottom:60px;display:flex}#root .container .songs-section .top-artists .artists-grid .embla__slide,#root .container .songs-section .top-artists .playlists-grid .embla__slide,#root .container .songs-section .top-playlists .artists-grid .embla__slide,#root .container .songs-section .top-playlists .playlists-grid .embla__slide{width:200px;min-width:200px}#root .container .songs-section .top-artists .artists-grid .artist-card,#root .container .songs-section .top-artists .playlists-grid .artist-card,#root .container .songs-section .top-playlists .artists-grid .artist-card,#root .container .songs-section .top-playlists .playlists-grid .artist-card{cursor:pointer;border-radius:15px;flex-direction:column;align-items:center;gap:15px;padding:15px;text-decoration:none;transition:all .3s;display:flex}#root .container .songs-section .top-artists .artists-grid .artist-card:hover,#root .container .songs-section .top-artists .playlists-grid .artist-card:hover,#root .container .songs-section .top-playlists .artists-grid .artist-card:hover,#root .container .songs-section .top-playlists .playlists-grid .artist-card:hover{border:none;background-color:#270a0f!important}#root .container .songs-section .top-artists .artists-grid .artist-card .artist-avatar,#root .container .songs-section .top-artists .playlists-grid .artist-card .artist-avatar,#root .container .songs-section .top-playlists .artists-grid .artist-card .artist-avatar,#root .container .songs-section .top-playlists .playlists-grid .artist-card .artist-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:100%;height:170px;display:flex}#root .container .songs-section .top-artists .artists-grid .artist-card .artist-avatar img,#root .container .songs-section .top-artists .playlists-grid .artist-card .artist-avatar img,#root .container .songs-section .top-playlists .artists-grid .artist-card .artist-avatar img,#root .container .songs-section .top-playlists .playlists-grid .artist-card .artist-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container .songs-section .top-artists .artists-grid .artist-card .artist-info,#root .container .songs-section .top-artists .playlists-grid .artist-card .artist-info,#root .container .songs-section .top-playlists .artists-grid .artist-card .artist-info,#root .container .songs-section .top-playlists .playlists-grid .artist-card .artist-info{width:100%}#root .container .songs-section .top-artists .artists-grid .artist-card .artist-info h4,#root .container .songs-section .top-artists .playlists-grid .artist-card .artist-info h4,#root .container .songs-section .top-playlists .artists-grid .artist-card .artist-info h4,#root .container .songs-section .top-playlists .playlists-grid .artist-card .artist-info h4{color:#fff;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;margin-bottom:3px;font-size:18px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .songs-section .top-artists .artists-grid .artist-card .artist-info p,#root .container .songs-section .top-artists .playlists-grid .artist-card .artist-info p,#root .container .songs-section .top-playlists .artists-grid .artist-card .artist-info p,#root .container .songs-section .top-playlists .playlists-grid .artist-card .artist-info p{color:#ffa8bb;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;margin-top:4px;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden;color:#bbb!important}#root .container .songs-section .top-artists .artists-grid .artist-card .follow-btn,#root .container .songs-section .top-artists .playlists-grid .artist-card .follow-btn,#root .container .songs-section .top-playlists .artists-grid .artist-card .follow-btn,#root .container .songs-section .top-playlists .playlists-grid .artist-card .follow-btn{color:#00d181;cursor:pointer;background:0 0;border:2px solid #00d181;border-radius:20px;padding:6px 15px;font-weight:500;transition:all .3s}#root .container .songs-section .top-artists .artists-grid .artist-card .follow-btn:hover,#root .container .songs-section .top-artists .playlists-grid .artist-card .follow-btn:hover,#root .container .songs-section .top-playlists .artists-grid .artist-card .follow-btn:hover,#root .container .songs-section .top-playlists .playlists-grid .artist-card .follow-btn:hover{color:#160207;background:#00d181}#root .container .songs-section .favorites-placeholder{text-align:center;background:#270a0f80;border-radius:20px;padding:80px 20px}#root .container .songs-section .favorites-placeholder .placeholder-icon{color:#d41b43;opacity:.5;margin-bottom:20px;font-size:4rem}#root .container .songs-section .favorites-placeholder h3{color:#fff;margin-bottom:10px;font-size:1.5rem}#root .container .songs-section .favorites-placeholder p{color:#ffa8bb;margin-bottom:30px}#root .container .songs-section .favorites-placeholder .btn-primary{color:#160207;background:linear-gradient(135deg,#00d181,#05ff9f);border-radius:50px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}#root .container .songs-section .favorites-placeholder .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d18166}#root .container .floating-ai-button{z-index:1000;animation:3s ease-in-out infinite float;position:fixed;bottom:30px;right:30px}#root .container .floating-ai-button button,#root .container .floating-ai-button .player .btn .add,#root .container .player .btn .floating-ai-button .add{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181,#05ff9f);border:none;border-radius:50px;align-items:center;gap:10px;padding:15px 30px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 10px 30px #00d1814d}#root .container .floating-ai-button button .ai-icon,#root .container .floating-ai-button .player .btn .add .ai-icon,#root .container .player .btn .floating-ai-button .add .ai-icon{font-size:1.3rem}#root .container .floating-ai-button button:hover,#root .container .floating-ai-button .player .btn .add:hover,#root .container .player .btn .floating-ai-button .add:hover{transform:scale(1.05);box-shadow:0 15px 40px #00d18180}@media screen and (max-width:900px){#root .container .floating-ai-button{display:none}}#root .container .content-container{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex}#root .container .content-container .main-container{flex-direction:column;justify-content:center;align-items:center;width:80%;display:flex}@media screen and (max-width:1400px){#root .container .content-container .main-container{width:92%}}@media screen and (max-width:900px){#root .container .content-container .main-container{width:100%}}#root .container .content-container .main-container .songs-section{background-color:#0000;flex-direction:column;width:100%;padding-top:40px;display:flex}#root .container .content-container .main-container .songs-section .heading{justify-content:center;margin-bottom:20px;display:flex;position:relative}#root .container .content-container .main-container .songs-section .heading span{background-color:#ffa8bb;width:120px;height:10px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}#root .container .content-container .main-container .songs-section .heading h1{text-align:left;color:#fff;font-size:60px;font-weight:500}@media screen and (max-width:1300px){#root .container .content-container .main-container .songs-section .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .content-container .main-container .songs-section .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .content-container .main-container .songs-section .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .content-container .main-container .songs-section .heading h1{font-size:20px}}#root .container .content-container .main-container .songs-section .sub-heading-cont{border-bottom:1px solid #ffa8bb;margin-top:40px;padding:10px;display:block}#root .container .content-container .main-container .songs-section .sub-heading-cont h2{color:#fff;font-size:30px}@media screen and (max-width:1300px){#root .container .content-container .main-container .songs-section .sub-heading-cont h2{font-size:24px}}@media screen and (max-width:600px){#root .container .content-container .main-container .songs-section .sub-heading-cont h2{font-size:20px}}#root .container .content-container .main-container .songs-section .sub-heading-cont p{color:#ffa8bb;font-size:16px}#root .container .content-container .main-container .songs-section .more{background:0 0;flex-direction:row;justify-content:center;align-items:center;margin-top:15px;display:flex}#root .container .content-container .main-container .songs-section .more a{color:#ffa8bb;border:1px solid #ffa8bb;border-radius:5px;padding:10px 15px;text-decoration:none}#root .container .content-container .main-container .pricing-container{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;padding:40px 10px;display:flex}@media screen and (max-width:800px){#root .container .content-container .main-container .pricing-container{padding:30px 10px}}#root .container .content-container .main-container .pricing-container #intro-head{color:#fff;margin-bottom:10px;font-size:20px;font-weight:500}#root .container .content-container .main-container .pricing-container .heading{justify-content:center;display:flex;position:relative}#root .container .content-container .main-container .pricing-container .heading span{background-color:#ffa8bb;width:120px;height:10px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}#root .container .content-container .main-container .pricing-container .heading h3{text-align:left;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:500}@media screen and (max-width:1300px){#root .container .content-container .main-container .pricing-container .heading h3{font-size:48px}}@media screen and (max-width:1200px){#root .container .content-container .main-container .pricing-container .heading h3{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .content-container .main-container .pricing-container .heading h3{font-size:30px}}@media screen and (max-width:260px){#root .container .content-container .main-container .pricing-container .heading h3{font-size:20px}}#root .container .content-container .main-container .pricing-container .small-text{color:#ffa8bb;text-align:center;font-size:14px}#root .container .content-container .main-container .pricing-container .pricing-content{flex-wrap:wrap;justify-content:center;margin-top:80px;display:flex}@media screen and (max-width:800px){#root .container .content-container .main-container .pricing-container .pricing-content{margin-top:40px}}#root .container .content-container .main-container .pricing-container .pricing-content .card{background-color:#160207;border-radius:5px;flex-direction:column;justify-content:center;width:300px;margin:15px;padding:20px;display:flex;box-shadow:-4px -4px 12px #000,-4px -4px 8px #00000080,inset 4px 4px 12px #0000001a,4px 4px 8px #0000004d}@media screen and (max-width:800px){#root .container .content-container .main-container .pricing-container .pricing-content .card{margin:10px}}@media screen and (max-width:330px){#root .container .content-container .main-container .pricing-container .pricing-content .card{width:100%}}#root .container .content-container .main-container .pricing-container .pricing-content .card h4{color:#fff;text-align:center;align-self:center;font-size:36px;font-weight:500}#root .container .content-container .main-container .pricing-container .pricing-content .card p{font-style:16px}#root .container .content-container .main-container .pricing-container .pricing-content .card .price{color:#d41b43;align-self:center;margin-top:10px;font-weight:700}#root .container .content-container .main-container .pricing-container .pricing-content .card .includes{margin-top:20px}#root .container .content-container .main-container .pricing-container .pricing-content .card ul{box-sizing:border-box;margin:0;padding:0;list-style:none}#root .container .content-container .main-container .pricing-container .pricing-content .card ul li{color:#777;margin-left:0;display:flex}#root .container .content-container .main-container .pricing-container .pricing-content .card a,#root .container .content-container .main-container .pricing-container .pricing-content .card button,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add{color:#fff;border-radius:5px;margin-top:50px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out}#root .container .content-container .main-container .pricing-container .pricing-content .card a:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card button:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add:hover,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add:hover{color:#d41b43}#root .container .content-container .main-container .pricing-container .pricing-content .card a,#root .container .content-container .main-container .pricing-container .pricing-content .card button,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add{color:#fff;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .content-container .main-container .pricing-container .pricing-content .card a:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card button:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add:hover,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .content-container .main-container .pricing-container .pricing-content .card a,#root .container .content-container .main-container .pricing-container .pricing-content .card button,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add{text-align:center;color:#fff;background-color:#d41b43;padding:12px 40px;font-size:16px}@media screen and (max-width:900px){#root .container .content-container .main-container .pricing-container .pricing-content .card a,#root .container .content-container .main-container .pricing-container .pricing-content .card button,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add{padding:12px 36px}}#root .container .content-container .main-container .pricing-container .pricing-content .card a,#root .container .content-container .main-container .pricing-container .pricing-content .card button,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add{transition:all .3s ease-in-out;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .content-container .main-container .pricing-container .pricing-content .card a:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card button:hover,#root .container .content-container .main-container .pricing-container .pricing-content .card .player .btn .add:hover,#root .container .player .btn .content-container .main-container .pricing-container .pricing-content .card .add:hover{box-shadow:1px 12px 36px #00000040}#root .container .content-container .main-container .beat-leases{margin-top:-80px}@media screen and (max-width:900px){#root .container .content-container .main-container .beat-leases{margin-top:-50px}}#root .container .content-container .main-container .ai-music-pricing{max-width:1200px;margin:0 auto}@media screen and (max-width:900px){#root .container .content-container .main-container .ai-music-pricing.pricing-home-page{margin-top:-50px}}#root .container .content-container .main-container .heading{text-align:center;margin-bottom:3rem}#root .container .content-container .main-container .heading h1{color:#333;margin-bottom:.5rem;font-size:2.5rem}#root .container .content-container .main-container .heading span{background:#591325;width:60px;height:3px;margin:0 auto;display:block}#root .container .content-container .main-container .subtitle{color:#666;margin-top:1rem;font-size:1.1rem}#root .container .content-container .main-container .pricing-content{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;display:grid}#root .container .content-container .main-container .card{background:#fff;border-radius:10px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 5px 20px #0000001a}#root .container .content-container .main-container .card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}#root .container .content-container .main-container .card h2{color:#333;margin-bottom:1rem;font-size:1.5rem}#root .container .content-container .main-container .price{color:#591325;margin:1.5rem 0;font-size:2.5rem;font-weight:700}#root .container .content-container .main-container .card ul{margin:2rem 0;padding:0}#root .container .content-container .main-container .card li{color:#555;margin-top:3px;padding:.5rem 0 .5rem 6px}#root .container .content-container .main-container .card li:last-child{border-bottom:none}#root .container .content-container .main-container .card li strong{color:#333}#root .container .content-container .main-container .ai-plan{border-top:4px solid #591325}#root .container .content-container .main-container .ai-plan.free{border-top-color:#6c757d}#root .container .content-container .main-container .ai-plan.pro{z-index:1;border-top-color:#00d181;transform:scale(1.05)}#root .container .content-container .main-container .beat-lease{border-top:4px solid #28a745}#root .container .content-container .main-container .beat-lease.exclusive{border-top-color:#ffc107;transform:scale(1.05)}#root .container .content-container .main-container .plan-badge{color:#fff;text-transform:uppercase;background:#00d181;border-radius:20px;padding:.25rem 1rem;font-size:.8rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}#root .container .content-container .main-container .beat-lease.exclusive .plan-badge{color:#333;background:#ffc107}#root .container .content-container .main-container .feature-yes{color:#fff!important}#root .container .content-container .main-container .feature-yes .check-icon{color:#00d181;margin-right:5px;font-size:14px;font-weight:600}#root .container .content-container .main-container .feature-no{color:#dc3545;opacity:.7}#root .container .content-container .main-container .feature-no .check-icon{margin-right:5px;font-size:14px;font-weight:600}#root .container .content-container .main-container .subscribe-btn,#root .container .content-container .main-container .btn-primary,#root .container .content-container .main-container .btn-secondary{text-align:center;cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:1rem;padding:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:block}#root .container .content-container .main-container .subscribe-btn:disabled,#root .container .content-container .main-container .btn-primary:disabled,#root .container .content-container .main-container .btn-secondary:disabled,#root .container .content-container .main-container .free-btn{pointer-events:none;opacity:.3}#root .container .content-container .main-container .btn-primary{color:#fff;background:#591325}#root .container .content-container .main-container .btn-primary:hover{background:#3a5ce5}#root .container .content-container .main-container .btn-secondary{color:#fff;background:#6c757d}#root .container .content-container .main-container .btn-secondary:hover{background:#5a6268}#root .container .content-container .main-container .ai-plan.pro .btn-primary{background:#00d181!important}#root .container .content-container .main-container .ai-plan.pro .btn-primary:hover{background:#ff5252}#root .container .content-container .main-container .free-note{text-align:center;color:#6c757d;margin-top:.5rem;font-size:.9rem}#root .container .content-container .main-container .section-divider{text-align:center;margin:4rem 0;position:relative}#root .container .content-container .main-container .section-divider:before{content:"";z-index:1;background:#ddd;height:1px;position:absolute;top:50%;left:0;right:0}#root .container .content-container .main-container .section-divider span{color:#666;z-index:2;background:#fff;padding:0 1rem;font-weight:700;position:relative}#root .container .content-container .main-container .pricing-cta{text-align:center;color:#fff;background:linear-gradient(135deg,#d41b43 0%,#00d181 100%);border-radius:10px;margin-top:4rem;padding:3rem}#root .container .content-container .main-container .pricing-cta h5{margin-bottom:1rem;font-size:2rem}@media screen and (max-width:500px){#root .container .content-container .main-container .pricing-cta h5{font-size:1.4rem}}#root .container .content-container .main-container .pricing-cta p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}@media screen and (max-width:500px){#root .container .content-container .main-container .pricing-cta p{font-size:16px}}#root .container .content-container .main-container .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}#root .container .content-container .main-container .cta-buttons .btn-primary{color:#591325;background:#fff;width:auto;padding:.8rem 2rem}#root .container .content-container .main-container .cta-buttons .btn-secondary{color:#fff;background:0 0;border:2px solid #fff;width:auto;padding:.8rem 2rem}#root .container .content-container .main-container .cta-buttons .btn-secondary:hover{background:#ffffff1a}@media (max-width:768px){#root .container .content-container .main-container .pricing-content{grid-template-columns:1fr}#root .container .content-container .main-container .ai-plan.pro,#root .container .content-container .main-container .beat-lease.exclusive{transform:none}#root .container .content-container .main-container .cta-buttons{flex-direction:column}#root .container .content-container .main-container .heading h1,#root .container .content-container .main-container .price{font-size:2rem}}@keyframes wave{0%{transform:translate(0)}50%{transform:translate(-25%)}to{transform:translate(-50%)}}@keyframes waveHeight{0%,to{height:30px}50%{height:70px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width:768px){#root .container .hero-section .hero-content .hero-title{font-size:2.5rem}#root .container .hero-section .hero-content .hero-subtitle{font-size:1rem}#root .container .hero-section .hero-visual{height:300px;display:none}#root .container .hero-section .hero-visual .music-visualization{width:300px;height:300px}}@media screen and (max-width:768px) and (max-width:900px){#root .container .hero-section .hero-visual .music-visualization{width:100px;height:100px}}@media screen and (max-width:768px){#root .container .hero-section .hero-visual .floating-cards .card{padding:8px 15px;font-size:.9rem}#root .container .hero-section .hero-visual .floating-cards .card.card-1{top:10%}#root .container .hero-section .hero-visual .floating-cards .card.card-2{top:60%}#root .container .hero-section .hero-visual .floating-cards .card.card-3{bottom:10%}#root .container .stats-section .stat-item .stat-number{font-size:1.8rem}#root .container .stats-section .stat-item .stat-label{font-size:.9rem}#root .container .floating-ai-button{bottom:20px;right:20px}#root .container .floating-ai-button button,#root .container .floating-ai-button .player .btn .add,#root .container .player .btn .floating-ai-button .add{padding:12px 20px;font-size:.9rem}#root .container .floating-ai-button button .ai-icon,#root .container .floating-ai-button .player .btn .add .ai-icon,#root .container .player .btn .floating-ai-button .add .ai-icon{font-size:1.1rem}}#root .container footer{z-index:9;background:#181012;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 8px;display:flex;position:relative}#root .container footer .footer-card-container{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:60px;display:flex}@media screen and (max-width:630px){#root .container footer .footer-card-container{flex-direction:column}}#root .container footer .footer-card-container .footer-card{background-color:#0000;flex-direction:column;justify-content:space-evenly;align-items:center;width:40%;display:flex;position:relative}@media screen and (max-width:630px){#root .container footer .footer-card-container .footer-card{margin-top:30px}}#root .container footer .footer-card-container .footer-card h2{color:#ddd;text-align:center;font-size:20px;font-weight:500}#root .container footer .footer-card-container .footer-card a.button{color:#fff;border-radius:5px;margin-top:20px;margin-bottom:20px;padding:10px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out}#root .container footer .footer-card-container .footer-card a.button:hover{color:#d41b43}#root .container footer .footer-card-container .footer-card a.button{color:#fff;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container footer .footer-card-container .footer-card a.button:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container footer .footer-card-container .footer-card a.button{text-align:center;color:#fff;background-color:#d41b43;padding:12px 40px;font-size:16px}@media screen and (max-width:900px){#root .container footer .footer-card-container .footer-card a.button{padding:12px 36px}}#root .container footer .footer-card-container .footer-card a.button{transition:all .3s ease-in-out;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container footer .footer-card-container .footer-card a.button:hover{box-shadow:1px 12px 36px #00000040}#root .container footer .footer-card-container .footer-card a.link{color:#bbb;text-align:center;margin-top:10px;font-size:16px;text-decoration:none;transition:all .3s ease-in-out}#root .container footer .footer-card-container .footer-card a.link:hover{color:#d41b43}#root .container footer .footer-card-container .footer-card a.link i{margin-right:6px;font-size:20px}#root .container footer p.copyright{color:#ddd;text-align:center;margin-top:60px;font-size:16px}@media screen and (max-width:500px){#root .container footer p.copyright{font-size:13px}}#root .container footer p.copyright{background-color:#222;width:100%;padding:10px}@media screen and (max-width:900px){#root .container footer .raise{margin-bottom:40px}}#root .container .in-app{padding:0 8px 60px}#root .container .player{z-index:1001;z-index:99;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;top:0}@media screen and (max-width:1000px){#root .container .player{background-size:100% 100%}}@media screen and (min-height:800px){#root .container .player{background-size:100% 100%}}#root .container .player .art-cont{-o-object-fit:cover;object-fit:cover;width:100%;min-height:80vh;position:relative;top:0;box-shadow:0 10px 30px #000000e6}@media screen and (max-width:800px){#root .container .player .art-cont{min-height:50vh}}@media screen and (max-width:500px){#root .container .player .art-cont{min-height:40vh}}@media screen and (max-width:400px){#root .container .player .art-cont{min-height:30vh}}#root .container .player .art-cont .art{flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}#root .container .player .art-cont .art:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle,#0000 30%,#0000004d 70%,#0009 100%);width:100%;height:100%;position:absolute;bottom:0;left:0}#root .container .player .art-cont .art img{border-radius:8px;width:50%;height:80%}@media screen and (max-width:1400px){#root .container .player .art-cont .art img{width:50%;height:60%}}@media screen and (max-width:900px){#root .container .player .art-cont .art img{width:70%}}@media screen and (max-width:500px){#root .container .player .art-cont .art img{width:80%;height:60%}}@media screen and (max-height:900px){#root .container .player .art-cont .art img{width:80%;height:80%}}@media screen and (max-height:700px){#root .container .player .art-cont .art img{width:60%;height:80%}}@media screen and (max-width:300px){#root .container .player .art-cont .art img{width:100%;height:100%}}#root .container .player .art-cont .art .main-controls{width:80%;position:absolute;top:0}@media screen and (max-width:1400px){#root .container .player .art-cont .art .main-controls{width:92%}}@media screen and (max-width:900px){#root .container .player .art-cont .art .main-controls{width:100%}}#root .container .player .art-cont .art .main-controls{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;height:100%;padding:10px;transition:all .25s ease-in-out;display:flex}#root .container .player .art-cont .art .main-controls:hover p{color:#fff}#root .container .player .art-cont .art .main-controls p{color:#ffffff7a;cursor:pointer;width:33%;font-size:6em;transition:all .25s ease-in-out}@media screen and (max-width:800px){#root .container .player .art-cont .art .main-controls p{font-size:4em}}@media screen and (max-width:320px){#root .container .player .art-cont .art .main-controls p{font-size:3em}}#root .container .player .art-cont .art .main-controls .play{border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:200px;height:200px;display:flex}#root .container .player .art-cont .art .main-controls .back{text-align:left;align-items:flex-start}#root .container .player .art-cont .art .main-controls .forward{text-align:right;align-items:flex-end}#root .container .player .art-cont .art .times{width:80%;position:absolute;top:0}@media screen and (max-width:1400px){#root .container .player .art-cont .art .times{width:92%}}@media screen and (max-width:900px){#root .container .player .art-cont .art .times{width:100%}}#root .container .player .art-cont .art .times{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;padding:10px;transition:all .25s ease-in-out;display:flex}#root .container .player .art-cont .art .times p{color:#fff;background:#16020780;border-radius:5px;padding:10px;font-size:20px;font-weight:700}#root .container .player .art-cont .art .times .duration{font-weight:400}#root .container .player .art-cont .art .times span{background:#d41b43;border-radius:50%;width:5px;height:5px;margin:10px}#root .container .player #seek[type=range]{z-index:100;-webkit-appearance:none;opacity:.9;cursor:pointer;background:linear-gradient(90deg,#1f8 60%,#fff 60%);outline:none;width:100%;height:3px;box-shadow:inset -6px -6px 24px #3855314d}#root .container .player #seek[type=range]:hover{opacity:1}#root .container .player #seek[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:6px 6px 30px #fff}#root .container .player .mini-controls{border-bottom:1px solid #555;flex-direction:row;justify-content:flex-start;align-items:center;width:80%;height:30%;padding:10px;display:flex;position:relative;top:0}@media screen and (max-width:1400px){#root .container .player .mini-controls{width:92%}}@media screen and (max-width:900px){#root .container .player .mini-controls{width:100%}}#root .container .player .mini-controls p{color:#fff;cursor:pointer;padding:5px;font-size:20px}#root .container .player .mini-controls .play{margin-right:12px}#root .container .player .mini-controls #volume[type=range]{-webkit-appearance:none;opacity:.9;cursor:pointer;background:#fff;outline:none;width:200px;height:3px;box-shadow:inset -6px -6px 24px #3855314d}@media screen and (max-width:500px){#root .container .player .mini-controls #volume[type=range]{width:120px}}@media screen and (max-width:340px){#root .container .player .mini-controls #volume[type=range]{width:90px}}#root .container .player .mini-controls #volume[type=range]:hover{opacity:1}#root .container .player .mini-controls #volume[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:6px 6px 30px #fff}#root .container .player .mini-controls .loop{color:#777}#root .container .player .mini-controls .action-cont{background-color:#0000;flex-direction:row;flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container .player .mini-controls .action-cont .download,#root .container .player .mini-controls .action-cont .action-btn{color:#ffa8bb;cursor:pointer;background-color:#0000;border:1px solid #ffa8bb;border-radius:99px;outline:none;flex-direction:row;justify-content:center;place-self:flex-end;align-items:center;padding:10px 24px;font-weight:700;transition:all .25s ease-in-out;display:flex}#root .container .player .mini-controls .action-cont .download:hover,#root .container .player .mini-controls .action-cont .action-btn:hover{background-color:#270a0f}@media screen and (max-width:400px){#root .container .player .mini-controls .action-cont .download,#root .container .player .mini-controls .action-cont .action-btn{padding:10px 16px}}@media screen and (max-width:300px){#root .container .player .mini-controls .action-cont .download,#root .container .player .mini-controls .action-cont .action-btn{padding:10px;font-size:14px}}#root .container .player .mini-controls .action-cont .action-btn{background-color:#270a0f;border:none}#root .container .player .mini-controls .action-cont .link{color:#ffa8bb;margin-right:6px;font-size:12px;text-decoration:underline!important}#root .container .player .song-details{width:80%}@media screen and (max-width:1400px){#root .container .player .song-details{width:92%}}@media screen and (max-width:900px){#root .container .player .song-details{width:100%}}#root .container .player .song-details{color:#fff;border-bottom:1px solid #555;padding:10px 10px 20px;display:block;overflow:auto}#root .container .player .song-details h1{font-size:36px;font-weight:500}@media screen and (max-width:600px){#root .container .player .song-details h1{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;letter-spacing:normal;-webkit-box-orient:vertical;max-height:4.4rem;font-size:18px;font-weight:700;line-height:1.4rem;overflow:hidden}}#root .container .player .song-details .creator{width:100%;margin-top:10px;display:flex}#root .container .player .song-details .creator .creator-container{text-decoration:none;display:flex}#root .container .player .song-details .creator .creator-container .profile-avatar img{width:30px;height:30px}#root .container .player .song-details .creator h2{color:#d41b43;width:100%;margin-top:6px;font-size:16px;font-weight:700}#root .container .player .song-details .creator h2:not(.creator-link){margin-top:0}@media screen and (max-width:600px){#root .container .player .song-details .creator h2{font-size:16px}}#root .container .player .song-details .creator .follow{position:relative;top:2px;left:36px}#root .container .player .song-details .creator .follow .follow-btn{cursor:pointer;border:none;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .3s}#root .container .player .song-details .creator .follow .follow-btn:not(.following){color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .player .song-details .creator .follow .follow-btn:not(.following):hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .player .song-details .creator .follow .follow-btn.following{color:#00d181;background:0 0;border:2px solid #00d181;padding:3px 12px}#root .container .player .song-details .creator .follow .follow-btn.following:hover{background:#00d1811a}#root .container .player .song-details .creator .follow .follow-btn:disabled{opacity:.6;cursor:not-allowed}#root .container .player .song-details p,#root .container .player .song-details .details{color:#777}#root .container .player .song-details p:first-of-type,#root .container .player .song-details .details:first-of-type{margin-top:20px}#root .container .player .song-details p span,#root .container .player .song-details .details span{font-weight:700}#root .container .player .song-details .detail-item{border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:8px;padding-top:12px;display:flex}#root .container .player .song-details .detail-item .detail-label{color:#ffa8bb;margin-top:2px;font-size:.9rem;font-weight:500}#root .container .player .song-details .detail-item .detail-content{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}#root .container .player .song-details .detail-item .detail-content .detail-text{color:#fff;word-break:break-word;font-size:.95rem;line-height:1.5}#root .container .player .song-details .detail-item .detail-content .detail-text.line-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#root .container .player .song-details .engagement{justify-content:flex-end;gap:10px;width:100%;display:flex}#root .container .player .song-details .engagement button,#root .container .player .song-details .engagement .btn .add,#root .container .player .btn .song-details .engagement .add{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;padding:5px 16px;font-size:14px;display:flex}#root .container .player .song-details .engagement button i,#root .container .player .song-details .engagement .btn .add i,#root .container .player .btn .song-details .engagement .add i{margin-right:8px;font-size:20px}#root .container .player .song-details .more-btn{color:#00d181;cursor:pointer;text-transform:lowercase;background:0 0;border:1px solid #00d1814d;border-radius:12px;padding:2px 8px;font-size:.8rem;transition:all .2s}#root .container .player .song-details .more-btn:hover{background:#00d1811a;border-color:#00d181}#root .container .player .song-details .more-btn:focus{outline:none;box-shadow:0 0 0 2px #00d18133}#root .container .player .song-details .more-details-btn{color:#00d181;cursor:pointer;background:0 0;border:1px dashed #00d1814d;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-size:.9rem;transition:all .2s}#root .container .player .song-details .more-details-btn:hover{background:#00d1810d;border-color:#00d181}#root .container .player .song-details .details-section{flex-direction:column;gap:5px;display:flex}#root .container .player .btn{width:80%}@media screen and (max-width:1400px){#root .container .player .btn{width:92%}}@media screen and (max-width:900px){#root .container .player .btn{width:100%}}#root .container .player .btn{color:#fff;border-bottom:1px solid #555;margin-top:10px;padding:10px 10px 20px}#root .container .player .btn button,#root .container .player .btn .add{cursor:pointer;color:#fff;background:#d41b43;border:1px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;font-weight:700;transition:all .3s ease-in-out;display:flex}#root .container .player .btn button:hover,#root .container .player .btn .add:hover{background:linear-gradient(90deg,#d41b43,#ffa8bb)}#root .container .player .btn .add{color:#fff;background-color:#d41b43;border:1px solid #d41b43;margin-bottom:10px}#root .container .player .btn .add:hover{background-color:#d41b43}#root .container .player .recommended{width:80%}@media screen and (max-width:1400px){#root .container .player .recommended{width:92%}}@media screen and (max-width:900px){#root .container .player .recommended{width:100%}}#root .container .player .recommended{color:#fff;margin-bottom:40px}#root .container .player .recommended .frosted-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#16020780;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .player .recommended .frosted-menu-container .ghost-container{z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .player .recommended .frosted-menu-container .frosted-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .player .recommended .frosted-menu-container .frosted-item{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}#root .container .player .recommended .frosted-menu-container .frosted-item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .player .recommended .frosted-menu-container .frosted-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d41b431a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}#root .container .player .recommended .frosted-menu-container .frosted-item:hover{background:#ffffff1f;border-color:#d41b434d;transform:translateY(-2px);box-shadow:0 4px 20px #0003,0 0 0 1px #d41b431a}#root .container .player .recommended .frosted-menu-container .frosted-item:hover:before{opacity:1}#root .container .player .recommended .frosted-menu-container .frosted-item:active{transform:translateY(0)}#root .container .player .recommended .popup-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#160207f2;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .player .recommended .popup-menu-container .ghost-container{z-index:-1;pointer-events:auto;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .player .recommended .popup-menu-container .menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .player .recommended .popup-menu-container .menu.position-right{margin-top:5px;top:100%;right:0}#root .container .player .recommended .popup-menu-container .menu.position-left{margin-top:5px;top:100%;left:0}#root .container .player .recommended .popup-menu-container .menu{animation:.2s menuFadeIn}#root .container .player .recommended .popup-menu-container .item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:400;transition:all .2s;display:flex}#root .container .player .recommended .popup-menu-container .item i{color:#fff;width:18px;font-size:14px}#root .container .player .recommended .popup-menu-container .item:hover{color:#fff;background:#d41b4326}#root .container .player .recommended .popup-menu-container .item:hover i{color:#fff}#root .container .player .recommended .popup-menu-container .item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}#root .container .player .recommended .song-card{cursor:pointer;color:#fff;border:1px solid #0000;border-bottom-color:#555;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;text-decoration:none;transition:all .3s ease-in-out;display:flex}#root .container .player .recommended .song-card:hover{background-color:#270a0f!important}#root .container .player .recommended .song-card:last-child{border-bottom:none}#root .container .player .recommended .song-card .art{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;display:flex}#root .container .player .recommended .song-card .art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .player .recommended .song-card .details{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:95%;margin:0 0 0 10px;display:block;overflow:hidden}#root .container .player .recommended .song-card .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:500;display:block;overflow:hidden}#root .container .player .recommended .song-card .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;display:block;overflow:hidden}#root .container .player .recommended .song-card .details .feedback{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}#root .container .player .recommended .song-card .details .feedback p{color:#bbb;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-top:6px;padding-right:10px;font-size:11px;display:flex;overflow:hidden}#root .container .player .recommended .song-card .details .feedback p .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .player .recommended .song-card .details .feedback .actions,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container .player .recommended .song-card .details .feedback .actions button,#root .container .player .recommended .song-card .details .feedback .actions .btn .add,#root .container .player .btn .recommended .song-card .details .feedback .actions .add,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper button,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper .btn .add,#root .container .player .btn .recommended .song-card .details .feedback .popup-menu-wrapper .add{color:#ddd;cursor:pointer;pointer-events:auto;background-color:#0000;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}#root .container .player .recommended .song-card .details .feedback .actions button:hover,#root .container .player .recommended .song-card .details .feedback .actions .btn .add:hover,#root .container .player .btn .recommended .song-card .details .feedback .actions .add:hover,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper button:hover,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper .btn .add:hover,#root .container .player .btn .recommended .song-card .details .feedback .popup-menu-wrapper .add:hover{background-color:#450616}#root .container .player .recommended .song-card .details .feedback .actions .popup-menu-container,#root .container .player .recommended .song-card .details .feedback .popup-menu-wrapper .popup-menu-container{margin-top:5px;position:absolute;top:100%;right:0}#root .container .player .recommended .song-card .dur{color:#bbb;flex-direction:row;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex}#root .container .player .recommended .song-card .add{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;padding:5px 10px;transition:all .3s ease-in-out}#root .container .player .recommended .song-card .add:hover{color:#160207;background-color:#ffa8bb}#root .container .player .recommended .song-card .like-song-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.9rem;transition:all .2s;display:inline-flex}#root .container .player .recommended .song-card .like-song-btn:hover:not(:disabled){background:#d41b431a;transform:scale(1.05)}#root .container .player .recommended .song-card .like-song-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .player .recommended .song-card .like-song-btn i{font-size:1rem;transition:all .2s}#root .container .player .recommended .song-card .like-song-btn i.liked{color:#d41b43;animation:.3s heartBeat}#root .container .player .recommended .song-card .like-song-btn i.fa-spinner{color:#00d181}#root .container .player .recommended .song-card .like-song-btn .like-count{color:#fffc;font-size:.85rem}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}#root .container .player .recommended .song-card-vert{text-align:center;background:#111;border:none;border-radius:12px;flex-direction:column;align-items:center;transition:all .2s}#root .container .player .recommended .song-card-vert:hover{border:none;background-color:#270a0f!important}#root .container .player .recommended .song-card-vert .art{width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}#root .container .player .recommended .song-card-vert .art .no-cover{font-size:36px}#root .container .player .recommended .song-card-vert .art img{-o-object-fit:cover;object-fit:cover}#root .container .player .recommended .song-card-vert .details{width:100%;margin:0}#root .container .player .recommended .song-card-vert .details h1,#root .container .player .recommended .song-card-vert .details h2{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .player .recommended .song-card-vert .details h1{font-size:18px}#root .container .player .recommended .song-card-vert .details h2{margin-top:4px;color:#bbb!important}#root .container .player .recommended .song-card-vert .details .feedback{margin-top:4px;display:flex}#root .container .player .recommended .song-card-vert .dur{color:#fff;background-color:#0006;border-radius:5px;position:absolute}#root .container .player .recommended .song-dropdown{justify-content:flex-end;width:100%;display:flex}#root .container .player .recommended .song-dropdown button,#root .container .player .recommended .song-dropdown .btn .add,#root .container .player .btn .recommended .song-dropdown .add{z-index:100000;background:#390814}#root .container .player .recommended .song-dropdown button:hover,#root .container .player .recommended .song-dropdown .btn .add:hover,#root .container .player .btn .recommended .song-dropdown .add:hover{background:#390814}#root .container .player .recommended .song-dropdown .dropdown-menu{z-index:1000;background:#390814;border-radius:5px;min-width:180px;position:absolute;top:100%;right:0}#root .container .player .recommended .song-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:10px;font-size:12px;display:flex}#root .container .player .recommended .song-dropdown .dropdown-menu .dropdown-item:first-child{border-radius:5px 5px 0 0}#root .container .player .recommended .song-dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 5px 5px}#root .container .player .recommended .song-dropdown .dropdown-menu .dropdown-item:hover{background:#591325}#root .container .player .recommended .song-dropdown .dropdown-menu .dropdown-item i{margin-right:6px}#root .container .player .comments-container{transform-origin:bottom;z-index:1000000;background-color:#270a0f;border-radius:30px 30px 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%;animation:.3s linear slideUp;display:flex;position:fixed;bottom:0;box-shadow:3px 1px 12px #0000004d}#root .container .player .comments-container .comm-nav{background-color:#0000;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;padding:10px;display:flex}#root .container .player .comments-container .comm-nav .close-comments{cursor:pointer;color:#777;background-color:#0000;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:bolder;transition:all .3s ease-in-out;display:flex}@media screen and (max-width:500px){#root .container .player .comments-container .comm-nav .close-comments{width:24px;height:24px;font-size:16px}}#root .container .player .comments-container .comm-nav .close-comments:hover{background-color:#eee}#root .container .player .comments-container .comments-comp{background-color:#0000;border-top:1px solid #351c22;flex-direction:column;flex:1;width:100%;padding:10px;display:flex;position:relative;overflow:auto}#root .container .player .comments-container .comments-comp::-webkit-scrollbar{background:0 0;width:3px}#root .container .player .comments-container .comments-comp::-webkit-scrollbar-track{background-color:#0000}#root .container .player .comments-container .comments-comp::-webkit-scrollbar-thumb{background:#404b4380;width:3px}@media screen and (max-width:600px){#root .container .player .comments-container .comments-comp{box-shadow:none;border-radius:none;padding:12px}}#root .container .player .comments-container .comments-comp .typing{background-color:#d41b43;border-radius:99px;flex-direction:row;justify-content:center;align-items:center;gap:3px;width:60px;padding:10px;display:flex;position:sticky;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000005c}#root .container .player .comments-container .comments-comp .typing div{background-color:#fff;border-radius:50%;width:10px;height:10px;animation:2s infinite alternate opate}#root .container .player .comments-container .comments-comp .typing div:nth-child(2){animation-delay:.25s}#root .container .player .comments-container .comments-comp .typing div:nth-child(3){animation-delay:.5s}@keyframes opate{0%{opacity:.5}40%{opacity:1}80%{opacity:.5}to{opacity:1}}#root .container .player .comments-container .comments-comp .comment{flex-direction:row;margin-top:10px;display:flex}#root .container .player .comments-container .comments-comp .comment:first-child{margin-top:0}#root .container .player .comments-container .comments-comp .comment .prof-img{border-radius:50%;width:35px;height:35px;text-decoration:none}#root .container .player .comments-container .comments-comp .comment .prof-img img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container .player .comments-container .comments-comp .comment .comment-box{background-color:#351c22;border-radius:0 20px 20px;max-width:60%;margin-right:10px;padding:10px}@media screen and (max-width:600px){#root .container .player .comments-container .comments-comp .comment .comment-box{margin-right:6px;padding:10px}}#root .container .player .comments-container .comments-comp .comment .comment-box h3{color:#777;font-size:15px}#root .container .player .comments-container .comments-comp .comment .comment-box h3 a{color:#777;text-decoration:none}#root .container .player .comments-container .comments-comp .comment .comment-box h3 a:hover{text-decoration:underline}#root .container .player .comments-container .comments-comp .comment .comment-box p{color:#fff;font-size:15px}#root .container .player .comments-container .comments-comp .comment .dt{flex-direction:row;justify-content:flex-end;align-self:flex-end;align-items:center;display:flex}#root .container .player .comments-container .comments-comp .comment .dt p{color:#777;font-size:11px;font-weight:700}#root .container .player .comments-container .comments-comp .me{flex-flow:row-reverse}#root .container .player .comments-container .comments-comp .me .comment-box{border-top-left-radius:20px;border-top-right-radius:0;margin-left:10px}#root .container .player .comments-container .comments-comp .them .comment-box{margin-left:10px}#root .container .player .comments-container .write-comment{flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;display:flex}#root .container .player .comments-container .write-comment form{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .player .comments-container .write-comment form textarea{resize:none;color:#fff;background-color:#351c22;border:none;border-radius:99px;outline:none;flex:1;height:40px;padding:11px 15px;font-family:Poppins,sans-serif;font-size:15px;position:relative}#root .container .player .comments-container .write-comment form textarea::-webkit-scrollbar{background:0 0;width:2px}#root .container .player .comments-container .write-comment form textarea::-webkit-scrollbar-track{background-color:#0000}#root .container .player .comments-container .write-comment form textarea::-webkit-scrollbar-thumb{background:#404b4380;width:2px}#root .container .player .comments-container .write-comment form button,#root .container .player .comments-container .write-comment form .btn .add,#root .container .player .btn .comments-container .write-comment form .add{color:#fff;cursor:pointer;resize:none;background-color:#d41b43;border:none;border-radius:50%;outline:none;width:40px;height:40px;margin-left:5px;font-family:Poppins,sans-serif;font-size:15px}#root .container .player .modern-comments-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000001;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}#root .container .player .modern-comments-overlay .modern-comments-container{background:linear-gradient(135deg,#270a0f 0% 100%);border-radius:30px 30px 0 0;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 -10px 30px #0000004d}@media screen and (max-width:900px){#root .container .player .modern-comments-overlay .modern-comments-container{max-height:80vh;margin-bottom:50px}}#root .container .player .modern-comments-overlay .modern-comments-container .comments-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comments-header h2{color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:600;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comments-header h2 .comment-count{color:#ffffffb3;background:#ffffff1a;border-radius:20px;padding:2px 8px;font-size:14px}#root .container .player .modern-comments-overlay .modern-comments-container .comments-header .close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;transition:all .3s}#root .container .player .modern-comments-overlay .modern-comments-container .comments-header .close-btn:hover{background:#fff3;transform:rotate(90deg)}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment{cursor:pointer;border-radius:20px;margin:20px;padding:20px;transition:all .3s;position:relative}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .trending-badge{color:#ff4757;background:#fff;border-radius:20px;align-items:center;gap:5px;padding:5px 15px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-10px;right:20px;box-shadow:0 5px 15px #ff47574d}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .trending-badge i{color:#ff4757}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .view-all-hint{text-align:center;color:#ffffffe6;margin-top:15px;font-size:12px;font-weight:500}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .comment{background:0 0}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .comment .comment-content .comment-text{color:#fff}#root .container .player .modern-comments-overlay .modern-comments-container .trending-comment .comment .comment-content .username{color:#bbb}#root .container .player .modern-comments-overlay .modern-comments-container .all-comments{flex:1;padding:20px;overflow-y:auto}#root .container .player .modern-comments-overlay .modern-comments-container .all-comments::-webkit-scrollbar{width:5px}#root .container .player .modern-comments-overlay .modern-comments-container .all-comments::-webkit-scrollbar-track{background:#ffffff0d}#root .container .player .modern-comments-overlay .modern-comments-container .all-comments::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}#root .container .player .modern-comments-overlay .modern-comments-container .comment{gap:12px;margin-bottom:20px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment.reply{margin-bottom:15px}#root .container .player .modern-comments-overlay .modern-comments-container .comment.reply .comment-avatar{width:24px;height:24px}#root .container .player .modern-comments-overlay .modern-comments-container .comment.reply .comment-content{background:#ffffff0d}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content{background:#ffffff0d;border-radius:15px;flex:1;padding:12px 15px;transition:all .3s}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content:hover{background:#ffffff14}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:5px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-header .username{color:#bbb;flex-direction:row;justify-content:center;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-header .username .username-text:hover{text-decoration:underline}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-header .username .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-header .username .creator{color:#00d181}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-text{color:#ffffffe6;word-break:break-word;margin-bottom:10px;font-size:14px;line-height:1.5}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions{gap:15px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions button,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .btn .add,#root .container .player .btn .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .add{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;transition:all .3s;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions button i,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .btn .add i,#root .container .player .btn .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .add i{font-size:14px}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions button:hover,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .btn .add:hover,#root .container .player .btn .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .add:hover,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions button.liked,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .btn .liked.add,#root .container .player .btn .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .liked.add{color:#d41b43}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions button.delete-btn:hover,#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .btn .delete-btn.add:hover,#root .container .player .btn .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .delete-btn.add:hover{color:#ff2b2b}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .like-btn-container{flex:1;justify-content:flex-end;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .comment-actions .timestamp{color:#fff6;font-size:11px}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview{border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .preview-reply{color:#ffffffb3;border-left:2px solid #d41b43;margin-bottom:5px;padding-left:10px;font-size:13px}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .preview-reply .reply-username{color:#bbb;margin-right:8px;font-weight:600;text-decoration:none}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .preview-reply .reply-username:hover{text-decoration:underline}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .preview-reply .reply-text{color:#ffffffb3}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .preview-reply .mention{color:#d41b43;font-weight:500}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .show-more-replies{color:#d41b43;cursor:pointer;background:0 0;border:none;margin-top:5px;font-size:12px}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .reply-preview .show-more-replies:hover{text-decoration:underline}#root .container .player .modern-comments-overlay .modern-comments-container .comment .comment-content .replies-section{margin-top:15px}#root .container .player .modern-comments-overlay .modern-comments-container .load-more-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px dashed #ffffff1a;border-radius:10px;width:100%;margin:10px 0;padding:12px;font-size:14px;transition:all .3s}#root .container .player .modern-comments-overlay .modern-comments-container .load-more-btn:hover:not(:disabled){background:#ffffff1a;border-color:#777}#root .container .player .modern-comments-overlay .modern-comments-container .load-more-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form{background:#0003;border-top:1px solid #ffffff1a;padding:20px}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper{background:#ffffff0d;border-radius:25px;align-items:flex-end;gap:10px;padding:5px 5px 5px 15px;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:100px;padding:10px 0;font-size:14px}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper textarea::placeholder{color:#fff6}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper .send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper .send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 5px 15px #667eea66}#root .container .player .modern-comments-overlay .modern-comments-container .comment-input-form .input-wrapper .send-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .modern-comments-container .loading-spinner{text-align:center;color:#ffffff80;padding:20px}#root .container .player .modern-comments-overlay .no-comments{text-align:center;color:#ffffff80;padding:40px 20px;font-size:14px}#root .container .player .modern-comments-overlay .comment-actions button:disabled,#root .container .player .modern-comments-overlay .comment-actions .btn .add:disabled,#root .container .player .btn .modern-comments-overlay .comment-actions .add:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .replying-to{background:#ffffff1a;border-left:3px solid #00d181;border-radius:8px;justify-content:space-between;align-items:center;margin:20px;padding:10px 15px;display:flex;position:sticky;bottom:0}#root .container .player .modern-comments-overlay .replying-to span{color:#bbb;font-size:14px;font-weight:500}#root .container .player .modern-comments-overlay .replying-to button,#root .container .player .modern-comments-overlay .replying-to .btn .add,#root .container .player .btn .modern-comments-overlay .replying-to .add{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .3s;display:flex}#root .container .player .modern-comments-overlay .replying-to button:hover,#root .container .player .modern-comments-overlay .replying-to .btn .add:hover,#root .container .player .btn .modern-comments-overlay .replying-to .add:hover{color:#ff4757;background:#ffffff1a}#root .container .player .modern-comments-overlay .reply-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;transition:all .3s;display:flex}#root .container .player .modern-comments-overlay .reply-btn:hover:not(:disabled){color:#d41b43}#root .container .player .modern-comments-overlay .delete-confirm{background:#ff47571a;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;font-size:12px;display:flex}#root .container .player .modern-comments-overlay .delete-confirm span{color:#ff4757;font-weight:500}#root .container .player .modern-comments-overlay .delete-confirm button,#root .container .player .modern-comments-overlay .delete-confirm .btn .add,#root .container .player .btn .modern-comments-overlay .delete-confirm .add{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}#root .container .player .modern-comments-overlay .delete-confirm button.confirm-yes,#root .container .player .modern-comments-overlay .delete-confirm .btn .confirm-yes.add,#root .container .player .btn .modern-comments-overlay .delete-confirm .confirm-yes.add{color:#fff;background:#ff4757}#root .container .player .modern-comments-overlay .delete-confirm button.confirm-yes:hover:not(:disabled),#root .container .player .modern-comments-overlay .delete-confirm .btn .confirm-yes.add:hover:not(:disabled),#root .container .player .btn .modern-comments-overlay .delete-confirm .confirm-yes.add:hover:not(:disabled){background:#ff6b81;transform:scale(1.1)}#root .container .player .modern-comments-overlay .delete-confirm button.confirm-no,#root .container .player .modern-comments-overlay .delete-confirm .btn .confirm-no.add,#root .container .player .btn .modern-comments-overlay .delete-confirm .confirm-no.add{color:#ffffffb3;background:#ffffff1a}#root .container .player .modern-comments-overlay .delete-confirm button.confirm-no:hover:not(:disabled),#root .container .player .modern-comments-overlay .delete-confirm .btn .confirm-no.add:hover:not(:disabled),#root .container .player .btn .modern-comments-overlay .delete-confirm .confirm-no.add:hover:not(:disabled){background:#fff3;transform:scale(1.1)}#root .container .player .modern-comments-overlay .delete-confirm button:disabled,#root .container .player .modern-comments-overlay .delete-confirm .btn .add:disabled,#root .container .player .btn .modern-comments-overlay .delete-confirm .add:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .delete-confirm button i,#root .container .player .modern-comments-overlay .delete-confirm .btn .add i,#root .container .player .btn .modern-comments-overlay .delete-confirm .add i{font-size:10px}#root .container .player .modern-comments-overlay .delete-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;font-size:12px;transition:all .3s;display:flex}#root .container .player .modern-comments-overlay .delete-btn:hover:not(:disabled){color:#ff4757;transform:scale(1.1)}#root .container .player .modern-comments-overlay .delete-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .comment.deleting{opacity:.7;pointer-events:none}#root .container .player .modern-comments-overlay .mention{color:#43bdff;font-weight:500;text-decoration:none}#root .container .player .modern-comments-overlay .mention:hover{text-decoration:underline}#root .container .player .modern-comments-overlay .show-replies-btn{color:#bbb;cursor:pointer;background:0 0;border:1px dashed #ffffff1a;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:12px;transition:all .3s;display:inline-flex}#root .container .player .modern-comments-overlay .show-replies-btn i{font-size:12px}#root .container .player .modern-comments-overlay .show-replies-btn:hover:not(:disabled){background:#ffffff0d;border-color:#777}#root .container .player .modern-comments-overlay .show-replies-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .player .modern-comments-overlay .show-replies-btn.load-more{opacity:.8;border-style:dashed;margin-left:40px}#root .container .player .modern-comments-overlay .show-replies-btn.load-more:hover:not(:disabled){opacity:1}#root .container .player .modern-comments-overlay .replies-section{border-left:2px solid #ffffff1a;margin-top:15px;padding-left:15px}@media (max-width:768px){#root .container .player .modern-comments-container{border-radius:20px 20px 0 0;max-width:100%}}#root .container .explore-player{color:#fff;background:#160207;grid-template-columns:1fr 400px;gap:30px;max-width:1600px;min-height:100vh;margin:0 auto;padding:30px;display:grid}@media screen and (max-width:1200px){#root .container .explore-player{grid-template-columns:1fr;padding:20px}}@media screen and (max-width:768px){#root .container .explore-player{padding:15px}}#root .container .explore-player .player-main{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;flex-direction:column;gap:40px;padding:40px;display:flex}@media screen and (max-width:768px){#root .container .explore-player .player-main{gap:30px;padding:25px}}#root .container .explore-player .player-main .player-art{width:300px;height:300px;margin:0 auto}@media screen and (max-width:768px){#root .container .explore-player .player-main .player-art{width:250px;height:250px}}#root .container .explore-player .player-main .player-art img{-o-object-fit:cover;object-fit:cover;border-radius:20px;width:100%;height:100%;box-shadow:0 20px 40px #0000004d}#root .container .explore-player .player-main .player-art .art-placeholder{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e95273 100%);border-radius:20px;justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex;box-shadow:0 20px 40px #0000004d}#root .container .explore-player .player-main .player-info .song-meta{text-align:center;margin-bottom:40px}#root .container .explore-player .player-main .player-info .song-meta h1{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}@media screen and (max-width:768px){#root .container .explore-player .player-main .player-info .song-meta h1{font-size:2rem}}#root .container .explore-player .player-main .player-info .song-meta h2{color:#ffa8bb;margin-bottom:20px;font-size:1.3rem;font-weight:500}#root .container .explore-player .player-main .player-info .song-meta .song-description{color:#ffa8bbe6;max-width:600px;margin:0 auto 25px;font-size:1.1rem;line-height:1.6}#root .container .explore-player .player-main .player-info .song-meta .song-stats{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}#root .container .explore-player .player-main .player-info .song-meta .song-stats .stat{color:#ffa8bb;background:#d41b431a;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:.95rem;display:flex}#root .container .explore-player .player-main .player-info .song-meta .song-stats .stat i{color:#00d181;font-size:.9rem}#root .container .explore-player .player-main .player-info .player-controls .progress-section{align-items:center;gap:20px;margin-bottom:30px;display:flex}#root .container .explore-player .player-main .player-info .player-controls .progress-section .time-current,#root .container .explore-player .player-main .player-info .player-controls .progress-section .time-total{color:#ffa8bb;min-width:45px;font-size:.95rem;font-weight:500}#root .container .explore-player .player-main .player-info .player-controls .progress-section .progress-bar{appearance:none;cursor:pointer;background:#d41b4333;border-radius:3px;flex:1;height:6px}#root .container .explore-player .player-main .player-info .player-controls .progress-section .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#d41b43;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}#root .container .explore-player .player-main .player-info .player-controls .progress-section .progress-bar::-moz-range-thumb{cursor:pointer;background:#d41b43;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #0000004d}#root .container .explore-player .player-main .player-info .player-controls .control-buttons{justify-content:center;align-items:center;gap:30px;margin-bottom:40px;display:flex}#root .container .explore-player .player-main .player-info .player-controls .control-buttons .control-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .3s;display:flex}#root .container .explore-player .player-main .player-info .player-controls .control-buttons .control-btn:hover{color:#fff;background:#d41b4333;transform:translateY(-3px)}#root .container .explore-player .player-main .player-info .player-controls .control-buttons .control-btn.play-btn{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;width:80px;height:80px;font-size:2rem}#root .container .explore-player .player-main .player-info .player-controls .control-buttons .control-btn.play-btn:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 30px #00d1814d}#root .container .explore-player .player-main .player-info .player-controls .volume-section{align-items:center;gap:15px;max-width:300px;margin:0 auto;display:flex}#root .container .explore-player .player-main .player-info .player-controls .volume-section .volume-btn{color:#ffa8bb;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.5rem;transition:color .3s}#root .container .explore-player .player-main .player-info .player-controls .volume-section .volume-btn:hover{color:#fff}#root .container .explore-player .player-main .player-info .player-controls .volume-section .volume-bar{appearance:none;cursor:pointer;background:#00d18133;border-radius:2px;flex:1;height:4px}#root .container .explore-player .player-main .player-info .player-controls .volume-section .volume-bar::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#00d181;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}#root .container .explore-player .player-main .player-info .player-controls .volume-section .volume-bar::-moz-range-thumb{cursor:pointer;background:#00d181;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 4px #0003}#root .container .explore-player .player-playlist{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;flex-direction:column;padding:25px;display:flex}#root .container .explore-player .player-playlist .playlist-header{border-bottom:1px solid #d41b431a;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}#root .container .explore-player .player-playlist .playlist-header h3{color:#fff;font-size:1.3rem;font-weight:600}#root .container .explore-player .player-playlist .playlist-header .playlist-count{color:#ffa8bb;background:#d41b4333;border-radius:12px;padding:4px 12px;font-size:.9rem}#root .container .explore-player .player-playlist .playlist-songs{flex:1;margin-bottom:20px;overflow-y:auto}#root .container .explore-player .player-playlist .playlist-songs::-webkit-scrollbar{width:6px}#root .container .explore-player .player-playlist .playlist-songs::-webkit-scrollbar-track{background:#d41b431a;border-radius:3px}#root .container .explore-player .player-playlist .playlist-songs::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:3px}#root .container .explore-player .player-playlist .playlist-songs .playlist-item{cursor:pointer;background:#d41b431a;border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s;display:flex}#root .container .explore-player .player-playlist .playlist-songs .playlist-item:hover{background:#d41b4333;transform:translate(5px)}#root .container .explore-player .player-playlist .playlist-songs .playlist-item.active{background:#00d1811a;border:1px solid #00d1814d}#root .container .explore-player .player-playlist .playlist-songs .playlist-item.active .item-number{color:#00d181}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-number{color:#ffa8bb;text-align:center;width:25px;font-size:1.1rem;font-weight:700}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-art{flex-shrink:0;width:50px;height:50px}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-art .item-art-placeholder{color:#ffa8bb;background:#d41b4333;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-info{flex:1;min-width:0}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1rem;font-weight:600;overflow:hidden}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-info .item-artist{color:#ffa8bb;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}#root .container .explore-player .player-playlist .playlist-songs .playlist-item .item-stats .item-plays{color:#00d181;white-space:nowrap;font-size:.85rem;font-weight:500}#root .container .explore-player .player-playlist .playlist-pagination{border-top:1px solid #d41b431a;padding-top:20px}#root .container .loading-container{z-index:9999;background:#160207;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#root .container .loading-container .loader{border:4px solid #d41b4333;border-top-color:#00d181;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .loading-container p{color:#ffa8bb;font-size:1.1rem}#root .container .mini-player{z-index:101010;background-color:#270a0f;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:80px;display:none;position:fixed;bottom:-1px;box-shadow:-4px -4px 12px #000,-4px -4px 8px #00000080,inset 4px 4px 12px #0000001a,4px 4px 8px #0000004d}@media screen and (max-width:900px){#root .container .mini-player{bottom:50px}}#root .container .mini-player .img{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:55px;height:55px;margin-left:20px;margin-right:15px;display:flex}@media screen and (max-width:600px){#root .container .mini-player .img{width:50px;height:50px}#root .container .mini-player .img img{width:100%;height:100%}}#root .container .mini-player .img img{border-radius:8px;width:100%;height:100%}#root .container .mini-player .img p{color:#fff;font-size:24px}#root .container .mini-player .play-cont{flex-direction:row;justify-content:center;align-items:center;display:flex}#root .container .mini-player .play-cont p{color:#fff;cursor:pointer;flex-direction:row;justify-content:center;align-items:center;font-size:3em;display:flex}@media screen and (max-width:600px){#root .container .mini-player .play-cont p{font-size:2em}#root .container .mini-player .play-cont{padding-right:20px}}#root .container .mini-player .details{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;height:100%;display:flex;overflow:hidden}#root .container .mini-player .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:95%;margin-bottom:5px;font-size:24px;font-weight:500;display:block;overflow:hidden}@media screen and (max-width:600px){#root .container .mini-player .details h1{font-size:18px;font-weight:700}}#root .container .mini-player .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:95%;font-size:16px;font-weight:500;display:block;overflow:hidden}@media screen and (max-width:600px){#root .container .mini-player .details h2{font-weight:500}}#root .container .mini-player #seek[type=range]{z-index:100;-webkit-appearance:none;opacity:.9;cursor:pointer;background:linear-gradient(90deg,#1f8 60%,#fff 60%);outline:none;width:100%;height:3px;box-shadow:inset -6px -6px 24px #3855314d}#root .container .mini-player #seek[type=range]:hover{opacity:1}#root .container .mini-player #seek[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:15px;height:15px;box-shadow:6px 6px 30px #fff}#root .container .mini-player .progress-bar{color:#fff;padding:0 20px;font-size:14px;font-weight:500}#root .container .mini-player .progress-bar .time{background:#160207;border-radius:5px;margin:0 2px;padding:2px 8px}@media screen and (max-width:600px){#root .container .mini-player .progress-bar{font-size:11px;display:none}}#root .container .main-cont .songs-cont{width:80%}@media screen and (max-width:1400px){#root .container .main-cont .songs-cont{width:92%}}@media screen and (max-width:900px){#root .container .main-cont .songs-cont{width:100%}}#root .container .main-cont .songs-cont{background-color:#0000;margin-bottom:40px;padding:10px}#root .container .main-cont .songs-cont .heading{border-radius:5px;width:100%;margin-top:12px;padding:5px}@media screen and (max-width:600px){#root .container .main-cont .songs-cont .heading{border-radius:0}}#root .container .main-cont .songs-cont .heading h1{text-align:center;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1300px){#root .container .main-cont .songs-cont .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .main-cont .songs-cont .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .main-cont .songs-cont .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .main-cont .songs-cont .heading h1{font-size:20px}}#root .container .main-cont .songs-cont .genres{border-bottom:1px solid #ffa8bb;align-self:center;width:100%;margin-top:10px;padding:10px}#root .container .main-cont .songs-cont .genres .genres__container{flex-flow:wrap;justify-content:space-evenly;align-items:center;width:100%;display:flex}#root .container .main-cont .songs-cont .genres .genres__container .genre{color:#fff;background-color:#270a0f;border:1px solid #270a0f;border-radius:999px;margin:5px;padding:10px 36px;font-size:14px;text-decoration:none;transition:all .3s ease-in-out}@media screen and (max-width:600px){#root .container .main-cont .songs-cont .genres .genres__container .genre{padding:10px 18px;font-size:11px}}#root .container .main-cont .songs-cont .genres .genres__container .genre:hover,#root .container .main-cont .songs-cont .genres .genres__container .active{color:#ffa8bb;border:1px solid #ffa8bb}#root .container .main-cont .songs-cont .not-found{color:#777;margin-top:10px;font-size:16px;font-weight:500}#root .container .main-cont .songs-cont .frosted-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#16020780;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .main-cont .songs-cont .frosted-menu-container .ghost-container{z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d41b431a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item:hover{background:#ffffff1f;border-color:#d41b434d;transform:translateY(-2px);box-shadow:0 4px 20px #0003,0 0 0 1px #d41b431a}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item:hover:before{opacity:1}#root .container .main-cont .songs-cont .frosted-menu-container .frosted-item:active{transform:translateY(0)}#root .container .main-cont .songs-cont .popup-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#160207f2;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .main-cont .songs-cont .popup-menu-container .ghost-container{z-index:-1;pointer-events:auto;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .main-cont .songs-cont .popup-menu-container .menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .main-cont .songs-cont .popup-menu-container .menu.position-right{margin-top:5px;top:100%;right:0}#root .container .main-cont .songs-cont .popup-menu-container .menu.position-left{margin-top:5px;top:100%;left:0}#root .container .main-cont .songs-cont .popup-menu-container .menu{animation:.2s menuFadeIn}#root .container .main-cont .songs-cont .popup-menu-container .item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:400;transition:all .2s;display:flex}#root .container .main-cont .songs-cont .popup-menu-container .item i{color:#fff;width:18px;font-size:14px}#root .container .main-cont .songs-cont .popup-menu-container .item:hover{color:#fff;background:#d41b4326}#root .container .main-cont .songs-cont .popup-menu-container .item:hover i{color:#fff}#root .container .main-cont .songs-cont .popup-menu-container .item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .main-cont .songs-cont .song-card{cursor:pointer;color:#fff;border:1px solid #0000;border-bottom-color:#555;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;text-decoration:none;transition:all .3s ease-in-out;display:flex}#root .container .main-cont .songs-cont .song-card:hover{background-color:#270a0f!important}#root .container .main-cont .songs-cont .song-card:last-child{border-bottom:none}#root .container .main-cont .songs-cont .song-card .art{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;display:flex}#root .container .main-cont .songs-cont .song-card .art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .main-cont .songs-cont .song-card .details{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:95%;margin:0 0 0 10px;display:block;overflow:hidden}#root .container .main-cont .songs-cont .song-card .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:500;display:block;overflow:hidden}#root .container .main-cont .songs-cont .song-card .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;display:block;overflow:hidden}#root .container .main-cont .songs-cont .song-card .details .feedback{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}#root .container .main-cont .songs-cont .song-card .details .feedback p{color:#bbb;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-top:6px;padding-right:10px;font-size:11px;display:flex;overflow:hidden}#root .container .main-cont .songs-cont .song-card .details .feedback p .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .main-cont .songs-cont .song-card .details .feedback .actions,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container .main-cont .songs-cont .song-card .details .feedback .actions button,#root .container .main-cont .songs-cont .song-card .details .feedback .actions .player .btn .add,#root .container .player .btn .main-cont .songs-cont .song-card .details .feedback .actions .add,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper button,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper .player .btn .add,#root .container .player .btn .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper .add{color:#ddd;cursor:pointer;pointer-events:auto;background-color:#0000;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}#root .container .main-cont .songs-cont .song-card .details .feedback .actions button:hover,#root .container .main-cont .songs-cont .song-card .details .feedback .actions .player .btn .add:hover,#root .container .player .btn .main-cont .songs-cont .song-card .details .feedback .actions .add:hover,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper button:hover,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper .player .btn .add:hover,#root .container .player .btn .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper .add:hover{background-color:#450616}#root .container .main-cont .songs-cont .song-card .details .feedback .actions .popup-menu-container,#root .container .main-cont .songs-cont .song-card .details .feedback .popup-menu-wrapper .popup-menu-container{margin-top:5px;position:absolute;top:100%;right:0}#root .container .main-cont .songs-cont .song-card .dur{color:#bbb;flex-direction:row;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex}#root .container .main-cont .songs-cont .song-card .add{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;padding:5px 10px;transition:all .3s ease-in-out}#root .container .main-cont .songs-cont .song-card .add:hover{color:#160207;background-color:#ffa8bb}#root .container .main-cont .songs-cont .song-card .like-song-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.9rem;transition:all .2s;display:inline-flex}#root .container .main-cont .songs-cont .song-card .like-song-btn:hover:not(:disabled){background:#d41b431a;transform:scale(1.05)}#root .container .main-cont .songs-cont .song-card .like-song-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .main-cont .songs-cont .song-card .like-song-btn i{font-size:1rem;transition:all .2s}#root .container .main-cont .songs-cont .song-card .like-song-btn i.liked{color:#d41b43;animation:.3s heartBeat}#root .container .main-cont .songs-cont .song-card .like-song-btn i.fa-spinner{color:#00d181}#root .container .main-cont .songs-cont .song-card .like-song-btn .like-count{color:#fffc;font-size:.85rem}#root .container .main-cont .songs-cont .song-card-vert{text-align:center;background:#111;border:none;border-radius:12px;flex-direction:column;align-items:center;transition:all .2s}#root .container .main-cont .songs-cont .song-card-vert:hover{border:none;background-color:#270a0f!important}#root .container .main-cont .songs-cont .song-card-vert .art{width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}#root .container .main-cont .songs-cont .song-card-vert .art .no-cover{font-size:36px}#root .container .main-cont .songs-cont .song-card-vert .art img{-o-object-fit:cover;object-fit:cover}#root .container .main-cont .songs-cont .song-card-vert .details{width:100%;margin:0}#root .container .main-cont .songs-cont .song-card-vert .details h1,#root .container .main-cont .songs-cont .song-card-vert .details h2{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .main-cont .songs-cont .song-card-vert .details h1{font-size:18px}#root .container .main-cont .songs-cont .song-card-vert .details h2{margin-top:4px;color:#bbb!important}#root .container .main-cont .songs-cont .song-card-vert .details .feedback{margin-top:4px;display:flex}#root .container .main-cont .songs-cont .song-card-vert .dur{color:#fff;background-color:#0006;border-radius:5px;position:absolute}#root .container .main-cont .songs-cont .song-dropdown{justify-content:flex-end;width:100%;display:flex}#root .container .main-cont .songs-cont .song-dropdown button,#root .container .main-cont .songs-cont .song-dropdown .player .btn .add,#root .container .player .btn .main-cont .songs-cont .song-dropdown .add{z-index:100000;background:#390814}#root .container .main-cont .songs-cont .song-dropdown button:hover,#root .container .main-cont .songs-cont .song-dropdown .player .btn .add:hover,#root .container .player .btn .main-cont .songs-cont .song-dropdown .add:hover{background:#390814}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu{z-index:1000;background:#390814;border-radius:5px;min-width:180px;position:absolute;top:100%;right:0}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:10px;font-size:12px;display:flex}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu .dropdown-item:first-child{border-radius:5px 5px 0 0}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 5px 5px}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu .dropdown-item:hover{background:#591325}#root .container .main-cont .songs-cont .song-dropdown .dropdown-menu .dropdown-item i{margin-right:6px}#root .container .explore-page{color:#fff;background:#160207;min-height:100vh;padding-bottom:60px}#root .container .explore-page .explore-hero{text-align:center;background:linear-gradient(135deg,#d41b43cc 0%,#160207f2 100%);padding:60px 20px 40px;position:relative;overflow:hidden}#root .container .explore-page .explore-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M50,0 C77.614,0 100,22.386 100,50 C100,77.614 77.614,100 50,100 C22.386,100 0,77.614 0,50 C0,22.386 22.386,0 50,0 Z\" fill=\"none\" stroke=\"rgba(212,27,67,0.1)\" stroke-width=\"1\"/></svg>");position:absolute;inset:0}#root .container .explore-page .explore-hero .hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}#root .container .explore-page .explore-hero .hero-content .hero-icon{color:#00d181;margin-bottom:20px;font-size:3rem}#root .container .explore-page .explore-hero .hero-content .hero-icon svg{width:60px;height:60px}#root .container .explore-page .explore-hero .hero-content h1{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:3.5rem;font-weight:800}@media screen and (max-width:768px){#root .container .explore-page .explore-hero .hero-content h1{font-size:2.5rem}}#root .container .explore-page .explore-hero .hero-content .hero-subtitle{color:#ffa8bb;opacity:.9;max-width:600px;margin:0 auto 30px;font-size:1.2rem;line-height:1.6}#root .container .explore-page .explore-hero .hero-content .hero-stats{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}#root .container .explore-page .explore-hero .hero-content .hero-stats .hero-stat{background:#d41b4333;border:1px solid #d41b434d;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;transition:all .3s;display:flex}#root .container .explore-page .explore-hero .hero-content .hero-stats .hero-stat:hover{background:#d41b434d;border-color:#00d1814d;transform:translateY(-3px)}#root .container .explore-page .explore-hero .hero-content .hero-stats .hero-stat svg{color:#00d181;font-size:1.5rem}#root .container .explore-page .explore-hero .hero-content .hero-stats .hero-stat span{color:#fff;font-size:1rem;font-weight:600}#root .container .explore-page .explore-content{grid-template-columns:300px 1fr;gap:30px;max-width:1400px;margin:20px auto 0;padding:0 20px;display:grid}@media screen and (max-width:1024px){#root .container .explore-page .explore-content{grid-template-columns:1fr;gap:20px}}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;margin-bottom:20px;padding:25px}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .sidebar-title{color:#fff;align-items:center;gap:10px;margin-bottom:20px;font-size:1.2rem;font-weight:600;display:flex}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .sidebar-title svg{color:#00d181}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form{margin-bottom:25px}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper{position:relative}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .search-icon{color:#ffa8bb;font-size:1.1rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .search-input{color:#fff;background:#d41b431a;border:2px solid #d41b4333;border-radius:12px;width:100%;padding:14px 45px;font-size:1rem;transition:all .3s}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .search-input:focus{background:#d41b4326;border-color:#00d181;outline:none}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .search-input::placeholder{color:#ffa8bb99}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .clear-search-btn{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:8px;transition:all .3s;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .search-form .search-input-wrapper .clear-search-btn:hover{color:#fff;background:#d41b434d}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section{margin-bottom:25px}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section h4{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.95rem;font-weight:600}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .genre-buttons{flex-direction:column;gap:8px;display:flex}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .genre-buttons .genre-btn{color:#ffa8bb;cursor:pointer;text-align:left;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .genre-buttons .genre-btn:hover{color:#fff;background:#d41b4333}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .genre-buttons .genre-btn.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .sort-buttons{flex-direction:column;gap:8px;display:flex}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .sort-buttons .sort-btn{color:#ffa8bb;cursor:pointer;text-align:left;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .sort-buttons .sort-btn:hover{color:#fff;background:#d41b4333}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .filter-section .sort-buttons .sort-btn.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .clear-filters-btn{color:#ffa8bb;cursor:pointer;background:#d41b4326;border:1px solid #d41b434d;border-radius:8px;width:100%;padding:12px;font-size:.95rem;font-weight:500;transition:all .3s}#root .container .explore-page .explore-content .explore-sidebar .sidebar-section .clear-filters-btn:hover{color:#fff;background:#d41b4340}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item{cursor:pointer;background:#d41b431a;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;transition:all .3s;display:flex}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item:hover{background:#d41b4333;transform:translate(5px)}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-rank{color:#00d181;flex-shrink:0;width:30px;font-size:1.2rem;font-weight:700}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-art{flex-shrink:0;width:50px;height:50px}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-art .trending-art-placeholder{color:#ffa8bb;background:#d41b4333;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.5rem;display:flex}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info{flex:1;width:100px;min-width:0}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:600;overflow:hidden}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info .trending-artist{color:#ffa8bb;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.85rem;overflow:hidden}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info .trending-stats{gap:10px;font-size:.8rem;display:flex}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info .trending-stats .plays{color:#00d181;font-weight:500}#root .container .explore-page .explore-content .explore-sidebar .trending-section .trending-list .trending-item .trending-info .trending-stats .time{color:#ffa8bbb3}#root .container .explore-page .explore-content .explore-main .explore-tabs{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;gap:10px;margin-bottom:25px;padding:10px;display:flex}#root .container .explore-page .explore-content .explore-main .explore-tabs .explore-tab{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;flex:1;padding:12px 20px;font-size:.95rem;font-weight:500;transition:all .3s}@media screen and (max-width:500px){#root .container .explore-page .explore-content .explore-main .explore-tabs .explore-tab{font-size:12px!important}}#root .container .explore-page .explore-content .explore-main .explore-tabs .explore-tab:hover{color:#fff;background:#d41b4333}#root .container .explore-page .explore-content .explore-main .explore-tabs .explore-tab.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600}#root .container .explore-page .explore-content .explore-main .results-header{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;display:flex}#root .container .explore-page .explore-content .explore-main .results-header .results-info h2{color:#fff;margin-bottom:8px;font-size:1.5rem}@media screen and (max-width:500px){#root .container .explore-page .explore-content .explore-main .results-header .results-info h2{font-size:16px}}#root .container .explore-page .explore-content .explore-main .results-header .results-info .results-count{color:#ffa8bb;opacity:.8;font-size:.95rem}#root .container .explore-page .explore-content .explore-main .results-header .results-sort .sort-select{color:#fff;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;padding:10px 20px;font-size:.95rem;transition:all .3s}#root .container .explore-page .explore-content .explore-main .results-header .results-sort .sort-select:focus{border-color:#00d181;outline:none}#root .container .explore-page .explore-content .explore-main .results-header .results-sort .sort-select option{color:#fff;background:#160207}#root .container .explore-page .explore-content .explore-main .loading-songs{text-align:center;background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:80px 20px}#root .container .explore-page .explore-content .explore-main .loading-songs .explore-loader{border:3px solid #d41b4333;border-top-color:#00d181;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}#root .container .explore-page .explore-content .explore-main .loading-songs p{color:#ffa8bb;font-size:1rem}#root .container .explore-page .explore-content .explore-main .no-songs{text-align:center;background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:60px 20px}#root .container .explore-page .explore-content .explore-main .no-songs .no-songs-icon{opacity:.5;margin-bottom:20px;font-size:4rem}#root .container .explore-page .explore-content .explore-main .no-songs h3{color:#fff;margin-bottom:10px;font-size:1.5rem}#root .container .explore-page .explore-content .explore-main .no-songs p{color:#ffa8bb;max-width:400px;margin-bottom:25px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.6}#root .container .explore-page .explore-content .explore-main .no-songs .clear-search-btn,#root .container .explore-page .explore-content .explore-main .no-songs .create-song-btn{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}#root .container .explore-page .explore-content .explore-main .no-songs .clear-search-btn:hover,#root .container .explore-page .explore-content .explore-main .no-songs .create-song-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .explore-page .explore-content .explore-main .songs{background-color:green;width:30%}#root .container .explore-page .explore-content .explore-main .songs-grid{gap:25px;margin-bottom:40px;display:grid}#root .container .explore-page .explore-content .explore-main .songs-grid .header h4{font-size:20px;font-weight:700}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper{overflow:hidden}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer{background:#d41b430d;padding:15px 20px}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator{align-items:center;gap:12px;margin-bottom:15px;display:flex}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-avatar{background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:50%;width:40px;height:40px;overflow:hidden}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-avatar span{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-info{flex:1}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-info .creator-name{color:#fff;margin-bottom:3px;font-size:.95rem;font-weight:600}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-creator .creator-info .creator-time{color:#ffa8bbb3;font-size:.85rem}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-stats{border-top:1px solid #d41b431a;gap:20px;padding-top:15px;display:flex}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-stats .stat-item{color:#ffa8bbcc;align-items:center;gap:6px;font-size:.9rem;display:flex}#root .container .explore-page .explore-content .explore-main .songs-grid .song-card-wrapper .song-card-footer .song-stats .stat-item i{color:#00d181;font-size:.85rem}#root .container .explore-page .explore-content .explore-main .explore-pagination{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:20px}#root .container .explore-dropdown{z-index:10;position:absolute;top:20px;right:20px}#root .container .explore-dropdown button,#root .container .explore-dropdown .player .btn .add,#root .container .player .btn .explore-dropdown .add{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:1px solid #d41b434d;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}#root .container .explore-dropdown button:hover,#root .container .explore-dropdown .player .btn .add:hover,#root .container .player .btn .explore-dropdown .add:hover{color:#fff;background:#d41b434d}#root .container .explore-menu{z-index:1000;min-width:200px}#root .container .explore-menu .frosted-item{text-align:left;color:#ffa8bb;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .3s;display:flex}#root .container .explore-menu .frosted-item:hover{color:#fff;background:#d41b431a}#root .container .explore-menu .frosted-item i{text-align:center;width:20px}#root .container .fa-heart.liked{animation:.3s heartBeat;color:#d41b43!important}#root .container .fa-heart:hover{transform:scale(1.1)}#root .container .explore-player .player{background:#160207}#root .container .explore-player .player .recommended.explore-recommended{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;margin-top:20px;padding:20px}#root .container .song-creator{background:#d41b430d;border-top:1px solid #d41b431a;align-items:center;gap:12px;padding:15px 20px;display:flex}#root .container .song-creator .creator-avatar{background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:50%;width:40px;height:40px;overflow:hidden}#root .container .song-creator .creator-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .song-creator .creator-avatar span{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1rem;font-weight:700;display:flex}#root .container .song-creator .creator-info{flex:1}#root .container .song-creator .creator-info .creator-name{color:#fff;margin-bottom:3px;font-size:.95rem;font-weight:600}#root .container .song-creator .creator-info .creator-time{color:#ffa8bbb3;font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}#root .container .song-dropdown{display:none}@media screen and (max-width:1024px){#root .container .explore-content{grid-template-columns:1fr!important}#root .container .explore-sidebar{order:2;margin-top:30px}#root .container .explore-main{order:1}}@media screen and (max-width:768px){#root .container .explore-hero{padding:40px 15px 30px!important}#root .container .explore-hero h1{font-size:2rem!important}#root .container .explore-hero .hero-subtitle{font-size:1rem!important}#root .container .explore-hero .hero-stats{gap:15px!important}#root .container .explore-hero .hero-stats .hero-stat{padding:10px 15px!important;font-size:.9rem!important}#root .container .songs-grid{grid-template-columns:1fr!important}}#root .container .main-cont .cart-cont{width:80%}@media screen and (max-width:1400px){#root .container .main-cont .cart-cont{width:92%}}@media screen and (max-width:900px){#root .container .main-cont .cart-cont{width:100%}}#root .container .main-cont .cart-cont{background-color:#0000;flex-flow:column wrap;justify-content:center;align-items:center;margin-bottom:40px;padding:10px;display:flex}#root .container .main-cont .cart-cont .heading{border-radius:5px;width:100%;margin-top:12px;padding:5px}@media screen and (max-width:600px){#root .container .main-cont .cart-cont .heading{border-radius:0}}#root .container .main-cont .cart-cont .heading h1{text-align:center;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1300px){#root .container .main-cont .cart-cont .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .main-cont .cart-cont .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .main-cont .cart-cont .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .main-cont .cart-cont .heading h1{font-size:20px}}#root .container .main-cont .cart-cont .card-container{background-color:#0000;flex-flow:wrap;align-items:center;width:100%;display:flex}@media screen and (max-width:1200px){#root .container .main-cont .cart-cont .card-container{justify-content:center;align-items:center}}#root .container .main-cont .cart-cont .card-container .card{background-color:#270a0f;border-radius:5px;width:300px;margin:15px;padding:10px;position:relative;top:0}#root .container .main-cont .cart-cont .card-container .card .delete{cursor:pointer;background:#ff2b2b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}#root .container .main-cont .cart-cont .card-container .card .delete p{color:#fff;font-size:16px}#root .container .main-cont .cart-cont .card-container .card .img{background-color:#777;border-radius:5px 5px 0 0;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;display:flex}#root .container .main-cont .cart-cont .card-container .card .img p{font-size:36px}#root .container .main-cont .cart-cont .card-container .card .img img{border-radius:5px 5px 0 0;width:100%;height:100%}#root .container .main-cont .cart-cont .card-container .card .details{white-space:nowrap;text-overflow:ellipsis;width:95%;margin-top:10px;display:block;overflow:hidden}#root .container .main-cont .cart-cont .card-container .card .details h1{color:#fff;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;letter-spacing:normal;-webkit-box-orient:vertical;max-height:4.4rem;font-size:18px;font-weight:700;line-height:1.4rem;display:-webkit-box;overflow:hidden}@media screen and (max-width:600px){#root .container .main-cont .cart-cont .card-container .card .details h1{font-size:16px}}#root .container .main-cont .cart-cont .card-container .card .details h2{color:#bbb;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;display:block;overflow:hidden}#root .container .main-cont .cart-cont .card-container .card .details p{color:#d41b43;font-size-adjust:18px;margin-top:12px}@media screen and (max-width:600px){#root .container .main-cont .cart-cont .card-container .card .details p{font-size:16px}}#root .container .main-cont .cart-cont .card-container .card select{color:#fff;cursor:pointer;background-color:#d41b43;border:none;outline:none;width:100%;margin-top:12px;padding:10px;font-size:14px}#root .container .main-cont .cart-cont .cart-summary{color:#000;background-color:#270a0f;width:30%;height:fit-content;padding:8px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .main-cont .cart-cont .cart-summary{word-wrap:break-word;cursor:default;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:15px;margin-bottom:50px;transition:all .12s ease-in-out;display:flex}@media screen and (max-width:900px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:50%}}@media screen and (max-width:750px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:60%}}@media screen and (max-width:600px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:70%;margin-top:10px}}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:80%}}@media screen and (max-width:400px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:90%}}@media screen and (max-width:350px){#root .container .main-cont .cart-cont .cart-summary.subscription{width:100%}}#root .container .main-cont .cart-cont .cart-summary.subscription .desc{color:#fff;margin-top:10px;margin-bottom:40px;font-size:20px}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary.subscription .desc{font-size:14px}}#root .container .main-cont .cart-cont .cart-summary:hover{box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}@media screen and (max-width:900px){#root .container .main-cont .cart-cont .cart-summary{width:50%}}@media screen and (max-width:750px){#root .container .main-cont .cart-cont .cart-summary{width:60%}}@media screen and (max-width:600px){#root .container .main-cont .cart-cont .cart-summary{width:70%;margin-top:10px}}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary{width:80%}}@media screen and (max-width:400px){#root .container .main-cont .cart-cont .cart-summary{width:90%}}@media screen and (max-width:350px){#root .container .main-cont .cart-cont .cart-summary{width:100%}}#root .container .main-cont .cart-cont .cart-summary h1{font-size:20px;font-weight:bolder}@media screen and (max-width:720px){#root .container .main-cont .cart-cont .cart-summary h1{font-size:16px}}#root .container .main-cont .cart-cont .cart-summary h1{white-space:nowrap;text-overflow:ellipsis;color:#bbb;width:100%;display:block;overflow:hidden}#root .container .main-cont .cart-cont .cart-summary .total{flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:12px;display:flex}#root .container .main-cont .cart-cont .cart-summary .total p{white-space:nowrap;text-overflow:ellipsis;color:#bbb;flex:1;width:100%;display:block;overflow:hidden}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary .total p{font-size:15px}}#root .container .main-cont .cart-cont .cart-summary .total h4{color:#16c016;font-weight:bolder}#root .container .main-cont .cart-cont .cart-summary .submit-button{border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px;text-decoration:none;display:flex}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary .submit-button{font-size:16px}}@media screen and (max-width:350px){#root .container .main-cont .cart-cont .cart-summary .submit-button{font-size:12px}}#root .container .main-cont .cart-cont .cart-summary .submit-button{color:#fff;cursor:pointer;background-color:#16c016;border:3px solid #16c016;transition:all .12s ease-in-out}#root .container .main-cont .cart-cont .cart-summary .submit-button:hover{color:#fff;box-shadow:1px 3px 3px #0e880e66}@media screen and (max-width:500px){#root .container .main-cont .cart-cont .cart-summary .submit-button{font-size:15px}}#root .container .shopping-cart-page{color:#fff;background:#160207;min-height:100vh;padding:30px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}@media screen and (max-width:768px){#root .container .shopping-cart-page{padding:20px 15px}}#root .container .progress-steps{justify-content:center;align-items:center;gap:10px;max-width:800px;margin-bottom:50px;margin-left:auto;margin-right:auto;display:flex}@media screen and (max-width:768px){#root .container .progress-steps{flex-direction:column;gap:20px;margin-bottom:30px}}#root .container .progress-steps .step{background:#d41b431a;border:1px solid #d41b4333;border-radius:12px;flex:1;align-items:center;gap:15px;padding:15px 25px;transition:all .3s;display:flex;position:relative}@media screen and (max-width:768px){#root .container .progress-steps .step{width:100%}}#root .container .progress-steps .step.active{background:#00d1811a;border-color:#00d1814d}#root .container .progress-steps .step.active .step-number{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .progress-steps .step .step-number{background:#d41b4333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex}#root .container .progress-steps .step .step-info{flex:1}#root .container .progress-steps .step .step-info .step-title{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600}#root .container .progress-steps .step .step-info .step-subtitle{color:#ffa8bb;opacity:.8;font-size:.85rem}#root .container .progress-steps .step-connector{background:#d41b4333;width:40px;height:2px}@media screen and (max-width:768px){#root .container .progress-steps .step-connector{width:2px;height:20px}}#root .container .cart-container{gap:30px;max-width:1400px;margin:0 auto;display:grid}@media screen and (max-width:1024px){#root .container .cart-container{grid-template-columns:1fr;gap:40px}}#root .container .cart-left .section-header{margin-bottom:40px}#root .container .cart-left .section-header h1{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}@media screen and (max-width:768px){#root .container .cart-left .section-header h1{font-size:2rem}}#root .container .cart-left .section-header .section-subtitle{color:#ffa8bb;opacity:.9;max-width:600px;font-size:1.1rem}#root .container .plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px;display:grid}@media screen and (max-width:768px){#root .container .plans-grid{grid-template-columns:1fr}}#root .container .plan-card{cursor:pointer;background:#270a0f;border:1px solid #d41b4333;border-radius:15px;padding:25px;transition:all .3s;position:relative}#root .container .plan-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 15px 40px #0003}#root .container .plan-card.selected{background:#00d1810d;border-color:#00d181}#root .container .plan-card.recommended{border-color:#d41b43}#root .container .plan-card.recommended .recommended-badge{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:20px;align-items:center;gap:5px;padding:6px 15px;font-size:.8rem;font-weight:600;display:flex;position:absolute;top:-12px;right:20px}#root .container .plan-card .plan-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}#root .container .plan-card .plan-header .plan-name{color:#fff;font-size:1.5rem;font-weight:700}#root .container .plan-card .plan-header .plan-color{border-radius:50%;width:20px;height:20px}#root .container .plan-card .plan-price{margin-bottom:25px}#root .container .plan-card .plan-price .price-amount{color:#00d181;font-size:2.2rem;font-weight:800;line-height:1}#root .container .plan-card .plan-price .price-period{color:#ffa8bb;margin-left:5px;font-size:.9rem}#root .container .plan-card .plan-features{margin-bottom:25px}#root .container .plan-card .plan-features .feature-item{align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;display:flex}#root .container .plan-card .plan-features .feature-item .feature-icon{color:#00d181;width:20px;font-size:1rem}#root .container .plan-card .plan-features .feature-item .feature-text{color:#ffa8bb;font-size:.95rem;line-height:1.4}#root .container .plan-card .plan-actions button,#root .container .plan-card .plan-actions .player .btn .add,#root .container .player .btn .plan-card .plan-actions .add{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}#root .container .plan-card .plan-actions button.btn-select,#root .container .plan-card .plan-actions .player .btn .btn-select.add,#root .container .player .btn .plan-card .plan-actions .btn-select.add{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b434d}#root .container .plan-card .plan-actions button.btn-select:hover,#root .container .plan-card .plan-actions .player .btn .btn-select.add:hover,#root .container .player .btn .plan-card .plan-actions .btn-select.add:hover{color:#fff;background:#d41b4333}#root .container .plan-card .plan-actions button.btn-selected,#root .container .plan-card .plan-actions .player .btn .btn-selected.add,#root .container .player .btn .plan-card .plan-actions .btn-selected.add{color:#160207;cursor:default;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .plan-benefits{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;padding:30px}#root .container .plan-benefits h3{color:#fff;text-align:center;margin-bottom:25px;font-size:1.3rem}#root .container .plan-benefits .benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}#root .container .plan-benefits .benefits-grid .benefit{background:#d41b430d;border:1px solid #d41b431a;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}#root .container .plan-benefits .benefits-grid .benefit svg{color:#00d181;flex-shrink:0;font-size:1.3rem}#root .container .plan-benefits .benefits-grid .benefit span{color:#ffa8bb;font-size:.95rem;line-height:1.4}#root .container .loading-plans{text-align:center;padding:60px 20px}#root .container .loading-plans .loader{border:3px solid #d41b4333;border-top-color:#00d181;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}#root .container .loading-plans p{color:#ffa8bb;font-size:1rem}#root .container .cart-right .sticky-summary{position:sticky;top:30px}#root .container .cart-summary{background:#270a0f;border:1px solid #d41b4333;border-radius:15px;margin-bottom:25px;padding:30px}@media screen and (max-width:768px){#root .container .cart-summary{padding:25px 20px}}#root .container .cart-summary .summary-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}#root .container .cart-summary .summary-header h2{color:#fff;align-items:center;gap:10px;font-size:1.5rem;display:flex}@media screen and (max-width:768px){#root .container .cart-summary .summary-header h2{padding-right:10px;font-size:16px}}#root .container .cart-summary .summary-header .order-number{color:#ffa8bb;opacity:.8;font-size:.85rem}#root .container .cart-summary .summary-items{margin-bottom:25px}#root .container .cart-summary .summary-items .summary-item{border-bottom:1px solid #d41b431a;justify-content:space-between;align-items:center;padding:15px 0;display:flex}#root .container .cart-summary .summary-items .summary-item .item-info h4{color:#fff;margin-bottom:5px;font-size:1.1rem}#root .container .cart-summary .summary-items .summary-item .item-info .item-desc{color:#ffa8bb;opacity:.8;font-size:.9rem}#root .container .cart-summary .summary-items .summary-item .item-price{color:#00d181;font-size:1.3rem;font-weight:700}#root .container .cart-summary .summary-items .summary-divider{background:#d41b431a;height:1px;margin:20px 0}#root .container .cart-summary .summary-items .price-breakdown .price-row{color:#ffa8bb;justify-content:space-between;align-items:center;padding:10px 0;font-size:.95rem;display:flex}#root .container .cart-summary .summary-items .price-breakdown .price-row.total{color:#fff;border-top:1px solid #d41b4333;margin-top:10px;padding-top:15px;font-weight:600}#root .container .cart-summary .summary-items .price-breakdown .price-row.total .total-amount{color:#00d181;font-size:1.5rem}#root .container .cart-summary .security-features{background:#d41b430d;border-radius:10px;flex-wrap:wrap;justify-content:space-around;gap:15px;margin-bottom:25px;padding:20px;display:flex}#root .container .cart-summary .security-features .security-item{color:#ffa8bb;opacity:.9;align-items:center;gap:8px;font-size:.85rem;display:flex}#root .container .cart-summary .security-features .security-item svg{color:#00d181;font-size:1rem}#root .container .cart-summary .payment-form button,#root .container .cart-summary .payment-form .player .btn .add,#root .container .player .btn .cart-summary .payment-form .add{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .cart-summary .payment-form button,#root .container .cart-summary .payment-form .player .btn .add,#root .container .player .btn .cart-summary .payment-form .add{font-size:14px}}#root .container .cart-summary .payment-form button.btn-checkout,#root .container .cart-summary .payment-form .player .btn .btn-checkout.add,#root .container .player .btn .cart-summary .payment-form .btn-checkout.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .cart-summary .payment-form button.btn-checkout:hover,#root .container .cart-summary .payment-form .player .btn .btn-checkout.add:hover,#root .container .player .btn .cart-summary .payment-form .btn-checkout.add:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d1814d}#root .container .cart-summary .payment-form button.btn-processing,#root .container .cart-summary .payment-form .player .btn .btn-processing.add,#root .container .player .btn .cart-summary .payment-form .btn-processing.add{color:#ffa8bb;cursor:not-allowed;background:#d41b4333}#root .container .cart-summary .payment-form button.btn-processing .spinner,#root .container .cart-summary .payment-form .player .btn .btn-processing.add .spinner,#root .container .player .btn .cart-summary .payment-form .btn-processing.add .spinner{border:2px solid #ffa8bb4d;border-top-color:#ffa8bb;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}#root .container .cart-summary .payment-note{background:#00d1810d;border:1px solid #00d1811a;border-radius:10px;margin-top:20px;padding:15px}#root .container .cart-summary .payment-note p{color:#aeffe0;opacity:.9;font-size:.9rem;line-height:1.5}#root .container .empty-cart{text-align:center;background:#270a0f;border:1px solid #d41b4333;border-radius:15px;padding:60px 30px}#root .container .empty-cart .empty-icon{color:#ffa8bb4d;margin-bottom:20px;font-size:4rem}#root .container .empty-cart h3{color:#fff;margin-bottom:10px;font-size:1.5rem}#root .container .empty-cart p{color:#ffa8bb;opacity:.8;margin-bottom:25px}#root .container .empty-cart .btn-browse{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;padding:14px 30px;font-size:1rem;font-weight:600;transition:all .3s}#root .container .empty-cart .btn-browse:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .user-info{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;padding:25px}#root .container .user-info .user-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}#root .container .user-info .user-header h4{color:#fff;font-size:1.2rem}#root .container .user-info .user-header .btn-edit{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:1px solid #d41b434d;border-radius:6px;padding:6px 15px;font-size:.85rem;transition:all .3s}#root .container .user-info .user-header .btn-edit:hover{color:#fff;background:#d41b434d}#root .container .user-info .user-details .detail-item{border-bottom:1px solid #d41b431a;justify-content:space-between;align-items:center;padding:10px 0;display:flex}#root .container .user-info .user-details .detail-item:last-child{border-bottom:none}#root .container .user-info .user-details .detail-item .detail-label{color:#ffa8bb;opacity:.8;font-size:.9rem}#root .container .user-info .user-details .detail-item .detail-value{color:#fff;font-size:.95rem;font-weight:500}#root .container .user-info .user-details .detail-item .detail-value.plan-badge{color:#00d181;background:#00d18133;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}#root .container .faq-section{margin-top:40px;padding-top:40px}#root .container .faq-section h2{text-align:center;background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:2rem}@media screen and (max-width:768px){#root .container .faq-section h2{margin-bottom:25px;font-size:1.7rem}}#root .container .faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid}@media screen and (max-width:768px){#root .container .faq-grid{grid-template-columns:1fr;gap:20px}}#root .container .faq-item{background:#270a0f;border:1px solid #d41b4333;border-radius:15px;padding:25px;transition:all .3s;position:relative;overflow:hidden}#root .container .faq-item:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 15px 40px #0003}#root .container .faq-item:before{content:"";opacity:0;background:linear-gradient(#00d181,#aeffe0);width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}#root .container .faq-item:hover:before{opacity:1}#root .container .faq-item h4{color:#fff;align-items:flex-start;gap:12px;margin-bottom:15px;font-size:1.2rem;font-weight:600;line-height:1.4;display:flex}#root .container .faq-item h4:before{content:"Q";color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:.9rem;font-weight:700;display:flex}#root .container .faq-item p{color:#ffa8bb;opacity:.9;margin-bottom:0;padding-left:40px;font-size:.95rem;line-height:1.6}#root .container .faq-item p:before{content:"A:";color:#00d181;margin-right:8px;font-weight:600}#root .container .faq-item-toggle .faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding-right:10px;display:flex}#root .container .faq-item-toggle .faq-question h4{flex:1;margin-bottom:0}#root .container .faq-item-toggle .faq-question .faq-toggle-icon{color:#ffa8bb;flex-shrink:0;font-size:1.2rem;transition:transform .3s}#root .container .faq-item-toggle .faq-question:hover .faq-toggle-icon{color:#fff}#root .container .faq-item-toggle .faq-answer{opacity:0;max-height:0;transition:max-height .3s,opacity .3s;overflow:hidden}#root .container .faq-item-toggle .faq-answer p{margin-top:0;padding-top:15px}#root .container .faq-item-toggle.active .faq-toggle-icon{color:#00d181;transform:rotate(180deg)}#root .container .faq-item-toggle.active .faq-answer{opacity:1;max-height:500px}#root .container .faq-item:first-child{animation-delay:.1s}#root .container .faq-item:nth-child(2){animation-delay:.2s}#root .container .faq-item:nth-child(3){animation-delay:.3s}#root .container .faq-item:nth-child(4){animation-delay:.4s}#root .container .faq-item:nth-child(5){animation-delay:.5s}#root .container .faq-item:nth-child(6){animation-delay:.6s}#root .container .faq-item:nth-child(7){animation-delay:.7s}#root .container .faq-item:nth-child(8){animation-delay:.8s}#root .container .faq-item:nth-child(9){animation-delay:.9s}#root .container .faq-item:nth-child(10){animation-delay:1s}@media screen and (max-width:480px){#root .container .faq-section{margin-top:30px;padding-top:30px}#root .container .faq-item{padding:20px}#root .container .faq-item h4{gap:10px;font-size:1.1rem}#root .container .faq-item h4:before{width:24px;height:24px;font-size:.8rem}#root .container .faq-item p{padding-left:34px;font-size:.9rem}}@media (prefers-color-scheme:dark){#root .container .faq-section{border-top-color:#d41b434d}#root .container .faq-item{background:#270a0f}}@media print{#root .container .faq-section{border-top:1px solid #ddd}#root .container .faq-section h2{-webkit-text-fill-color:black;color:#000;background:0 0}#root .container .faq-section .faq-item{-moz-column-break-inside:avoid;break-inside:avoid;border:1px solid #eee}}#root .container .error-container{text-align:center;border-radius:15px;padding:60px 30px}#root .container .error-container .error-icon{color:#e63c61;margin-bottom:20px;font-size:3.5rem}#root .container .error-container h3{color:#fff;margin-bottom:10px;font-size:1.5rem}#root .container .error-container .error-message{color:#ffa8bb;opacity:.9;max-width:400px;margin-bottom:25px;margin-left:auto;margin-right:auto}#root .container .error-container .btn-retry{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:1px solid #d41b434d;border-radius:8px;align-items:center;gap:8px;padding:12px 25px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}#root .container .error-container .btn-retry:hover{color:#fff;background:#d41b434d}#root .container .success-message{text-align:center;background:#00d1811a;border:1px solid #00d18133;border-radius:12px;margin:20px 0;padding:20px}#root .container .success-message .success-icon{color:#00d181;margin-bottom:15px;font-size:2rem}#root .container .success-message h4{color:#aeffe0;margin-bottom:10px}#root .container .success-message p{color:#e1fff4;opacity:.9;font-size:.95rem}#root .container .warning-message{background:#d41b431a;border:1px solid #d41b4333;border-radius:12px;align-items:center;gap:15px;margin:20px 0;padding:20px;display:flex}#root .container .warning-message .warning-icon{color:#d41b43;flex-shrink:0;font-size:1.5rem}#root .container .warning-message p{color:#ffa8bb;opacity:.9;font-size:.9rem}@media screen and (max-width:480px){#root .container .shopping-cart-page{padding:20px 10px}#root .container .plan-card{padding:20px}#root .container .cart-summary{padding:20px 15px}#root .container .progress-steps .step{padding:12px 20px}#root .container .plan-benefits{padding:20px}}@media (prefers-color-scheme:dark){#root .container .shopping-cart-page{background:#160207}#root .container .shopping-cart-page .plan-card,#root .container .shopping-cart-page .cart-summary,#root .container .shopping-cart-page .empty-cart{background:#270a0f}}@media print{#root .container .shopping-cart-page{color:#000;background:#fff}#root .container .shopping-cart-page .plan-card,#root .container .shopping-cart-page .cart-summary{box-shadow:none;border:1px solid #ddd}#root .container .shopping-cart-page button,#root .container .shopping-cart-page .player .btn .add,#root .container .player .btn .shopping-cart-page .add{display:none}}#root .container .visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#root .container .shopping-cart-page button:focus,#root .container .shopping-cart-page .player .btn .add:focus,#root .container .player .btn .shopping-cart-page .add:focus,#root .container .shopping-cart-page .plan-card:focus{outline-offset:2px;outline:2px solid #00d181}#root .container html{scroll-behavior:smooth}#root .container ::-webkit-scrollbar{width:8px}#root .container ::-webkit-scrollbar-track{background:#160207}#root .container ::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:4px}#root .container ::-webkit-scrollbar-thumb:hover{background:#d41b4380}#root .container .about-page{color:#fff;background:#160207;min-height:100vh;margin-bottom:40px;line-height:1.6}#root .container .container{max-width:1200px;margin:0 auto;padding:0 20px}#root .container .btn-primary,#root .container .btn-secondary{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}#root .container .btn-primary.btn-large,#root .container .btn-secondary.btn-large{padding:16px 40px;font-size:1.1rem}#root .container .btn-primary{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00d1814d}#root .container .btn-secondary{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b434d}#root .container .btn-secondary:hover{color:#fff;background:#d41b4333;transform:translateY(-2px)}#root .container .section-title{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:2.5rem;font-weight:800}@media screen and (max-width:768px){#root .container .section-title{font-size:2rem}}#root .container .section-subtitle{color:#ffa8bb;text-align:center;opacity:.9;max-width:600px;margin:0 auto 40px;font-size:1.1rem}#root .container .about-hero{text-align:center;background:linear-gradient(135deg,#d41b43e6 0%,#160207f2 100%);padding:120px 20px;position:relative;overflow:hidden}#root .container .about-hero:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M50,0 C77.614,0 100,22.386 100,50 C100,77.614 77.614,100 50,100 C22.386,100 0,77.614 0,50 C0,22.386 22.386,0 50,0 Z\" fill=\"none\" stroke=\"rgba(212,27,67,0.1)\" stroke-width=\"1\"/></svg>");position:absolute;inset:0}#root .container .hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}#root .container .hero-title{margin-bottom:20px;font-size:3.5rem;font-weight:800;line-height:1.2}@media screen and (max-width:768px){#root .container .hero-title{font-size:2.5rem}}@media screen and (max-width:480px){#root .container .hero-title{font-size:2rem}}#root .container .gradient-text{background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#root .container .hero-subtitle{color:#ffa8bb;opacity:.9;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.3rem}@media screen and (max-width:768px){#root .container .hero-subtitle{font-size:1.1rem}}#root .container .hero-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media screen and (max-width:480px){#root .container .hero-actions{flex-direction:column;align-items:center}}#root .container .about-page .stats-section{background:#270a0f;padding:80px 0}#root .container .about-page .stats-section .container{max-width:1000px}#root .container .about-page .stats-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}@media screen and (max-width:900px){#root .container .about-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#root .container .about-page .stats-grid{grid-template-columns:1fr}}#root .container .about-page .stat-card{text-align:center;background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;padding:30px 20px;transition:all .3s}#root .container .about-page .stat-card:hover{background:#d41b4326;border-color:#00d1814d;transform:translateY(-5px)}#root .container .stat-number{color:#00d181;margin-bottom:10px;font-size:2.5rem;font-weight:800;line-height:1}@media screen and (max-width:768px){#root .container .stat-number{font-size:2rem}}#root .container .stat-label{color:#ffa8bb;opacity:.9;font-size:1rem;font-weight:500}#root .container .mission-section{background:#160207;padding:100px 0}#root .container .mission-section .container{max-width:1000px}#root .container .mission-content{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}@media screen and (max-width:768px){#root .container .mission-content{grid-template-columns:1fr;gap:40px}}#root .container .mission-text h2{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:2.5rem}@media screen and (max-width:768px){#root .container .mission-text h2{font-size:2rem}}#root .container .mission-statement{color:#fff;margin-bottom:20px;font-size:1.2rem;font-weight:500;line-height:1.8}#root .container .mission-visual{justify-content:center;align-items:center;display:flex}#root .container .visual-circle{background:linear-gradient(135deg,#00d1811a 0%,#aeffe01a 100%);border:2px solid #00d1814d;border-radius:50%;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}#root .container .visual-circle:before{content:"";border:2px solid #d41b4333;border-radius:50%;position:absolute;inset:-10px}#root .container .visual-icon{color:#00d181;opacity:.8;font-size:5rem}#root .container .features-section{background:#270a0f;padding:100px 0}#root .container .features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;display:grid}#root .container .feature-card{text-align:center;background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;padding:40px 30px;transition:all .3s}#root .container .feature-card:hover{background:#d41b4326;border-color:#00d18180;transform:translateY(-10px);box-shadow:0 15px 40px #0003}#root .container .feature-icon{color:#00d181;margin-bottom:25px;font-size:2.5rem}#root .container .feature-title{color:#fff;margin-bottom:15px;font-size:1.3rem;font-weight:700}#root .container .feature-description{color:#ffa8bb;opacity:.9;font-size:1rem;line-height:1.6}#root .container .team-section{background:#160207;padding:100px 0}#root .container .team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;display:grid}@media screen and (max-width:768px){#root .container .team-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}}#root .container .team-card{background:#270a0f;border:1px solid #d41b4333;border-radius:20px;transition:all .3s;overflow:hidden}#root .container .team-card:hover{border-color:#00d1814d;transform:translateY(-10px);box-shadow:0 20px 50px #0000004d}#root .container .team-image-wrapper{background:#d41b4340;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}@media screen and (max-width:768px){#root .container .team-image-wrapper{background-color:#0000;height:250px}}#root .container .team-image-wrapper img{border-radius:10px;width:200px;height:200px;box-shadow:1px 6px 24px #000000bf}#root .container .team-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.team-card:hover #root .container .team-image{transform:scale(1.05)}#root .container .team-overlay{opacity:.5;background:linear-gradient(#0000 0%,#160207e6 100%);position:absolute;inset:0}@media screen and (max-width:768px){#root .container .team-overlay{background:0 0}}#root .container .team-info{padding:30px}#root .container .team-name{color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:700}#root .container .team-role{color:#00d181;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:1rem;font-weight:600}#root .container .team-bio{color:#ffa8bb;opacity:.9;line-height:1.6}#root .container .contact-section{background:#270a0f;padding:100px 0}#root .container .contact-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}@media screen and (max-width:900px){#root .container .contact-grid{grid-template-columns:1fr;gap:40px}}#root .container .contact-info h2{background:linear-gradient(135deg,#fff 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:25px;font-size:2.5rem}@media screen and (max-width:768px){#root .container .contact-info h2{font-size:2rem}}#root .container .contact-info>p{color:#ffa8bb;margin-bottom:40px;font-size:1.1rem;line-height:1.7}#root .container .contact-details{flex-direction:column;gap:30px;display:flex}#root .container .contact-item{align-items:flex-start;gap:20px;display:flex}#root .container .contact-item .contact-icon{color:#00d181;flex-shrink:0;margin-top:5px;font-size:1.5rem}#root .container .contact-item h4{color:#fff;margin-bottom:8px;font-size:1.1rem}#root .container .contact-item p{color:#ffa8bb;line-height:1.6}#root .container .contact-disclaimer{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;padding:40px}#root .container .contact-disclaimer h3{color:#fff;margin-bottom:20px;font-size:1.5rem}#root .container .contact-disclaimer p{color:#ffa8bb;margin-bottom:20px;line-height:1.7}#root .container .contact-disclaimer p:last-of-type{margin-bottom:40px}#root .container .copyright-link{color:#00d181;font-weight:600;text-decoration:none;transition:color .3s}#root .container .copyright-link:hover{color:#aeffe0;text-decoration:underline}#root .container .social-links h4{color:#fff;margin-bottom:20px;font-size:1.2rem}#root .container .social-icons{gap:20px;display:flex}#root .container .social-icon{color:#ffa8bb;background:#d41b4333;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;text-decoration:none;transition:all .3s;display:flex}#root .container .social-icon:hover{color:#fff;background:#d41b434d;transform:translateY(-3px)}#root .container .cta-section{text-align:center;background:linear-gradient(135deg,#d41b43e6 0%,#160207f2 100%);padding:100px 0}#root .container .cta-section .container{max-width:800px}#root .container .cta-section h2{color:#fff;margin-bottom:20px;font-size:2.5rem}@media screen and (max-width:768px){#root .container .cta-section h2{font-size:2rem}}#root .container .cta-section p{color:#ffa8bb;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.2rem}#root .container .cta-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media screen and (max-width:480px){#root .container .cta-actions{flex-direction:column;align-items:center}}@media screen and (max-width:768px){#root .container .about-hero{padding:80px 20px}#root .container .mission-section,#root .container .features-section,#root .container .team-section,#root .container .contact-section,#root .container .cta-section{padding:60px 0}#root .container .about-page .stats-section{padding:40px 0}#root .container .feature-card,#root .container .team-card{padding:30px 20px}#root .container .contact-disclaimer{padding:30px}}@media screen and (max-width:480px){#root .container .hero-title{font-size:2rem}#root .container .hero-subtitle{font-size:1rem}#root .container .section-title{font-size:1.8rem}#root .container .team-image-wrapper{height:200px}#root .container .team-info{padding:20px}}#root .container .about{color:#fff;background-color:#0000;width:100%;min-height:83.5%;margin-bottom:40px;padding:10px}#root .container .about .heading{border-radius:5px;width:100%;margin-top:12px;padding:5px}@media screen and (max-width:600px){#root .container .about .heading{border-radius:0}}#root .container .about .heading h1{text-align:center;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1300px){#root .container .about .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .about .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .about .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .about .heading h1{font-size:20px}}#root .container .about .info{width:100%;padding:0 10px;display:block;overflow:hidden}#root .container .about .info h2{color:#fff;background-color:#270a0f;margin-top:12px;padding:6px;font-size:16px;font-weight:500}#root .container .about .info p{margin-top:6px;font-size:14px}#root .container .about .info p a{color:#d41b43;border-radius:99px;text-decoration:none}#root .container .about .info p span{color:#777;font-weight:700}#root .container .about .info ul{margin-top:6px}#root .container .about .info ul a,#root .container .about .info .btn{color:#d41b43;border-radius:99px;text-decoration:none}#root .container .about .info .title{color:#777;font-weight:700}#root .container .upload-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:83.5%;margin-top:10px;margin-bottom:40px;display:flex}#root .container .upload-container .audio-upload{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:60%;height:80%;display:flex;position:relative;overflow:hidden}@media screen and (max-width:1500px){#root .container .upload-container .audio-upload{width:70%}}@media screen and (max-width:1200px){#root .container .upload-container .audio-upload{width:80%}}@media screen and (max-width:900px){#root .container .upload-container .audio-upload{width:90%}}@media screen and (max-width:600px){#root .container .upload-container .audio-upload{width:95%}}@media screen and (max-height:450px){#root .container .upload-container .audio-upload{height:95%}}#root .container .upload-container .audio-upload{border:1px solid #555}#root .container .upload-container .audio-upload .head{color:#fff;background-color:#777;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;margin-bottom:20px;padding:4px;display:flex;box-shadow:0 1px 1px #000000b3}#root .container .upload-container .audio-upload .head h1{text-align:center;width:fit-content;font-size:20px}#root .container .upload-container .audio-upload .head .upload{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;height:100%;display:flex}#root .container .upload-container .audio-upload .head .upload input[type=file]{display:none}#root .container .upload-container .audio-upload .head .upload label{cursor:pointer;background-color:#555;border-radius:99px;flex-direction:row;justify-content:center;align-items:center;height:100%;margin-left:10px;padding:5px 12px;font-size:14px;display:flex}#root .container .upload-container .audio-upload .head .upload label i{margin-right:4px}#root .container .upload-container .audio-upload .head #playing{text-align:right;white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:100%;margin-left:10px;font-size:14px;display:block;overflow:hidden}#root .container .upload-container .audio-upload .controls{border-radius:99px;flex-direction:row;justify-content:center;align-items:center;gap:20px;padding:12px;display:flex}#root .container .upload-container .audio-upload .controls button,#root .container .upload-container .audio-upload .controls .player .btn .add,#root .container .player .btn .upload-container .audio-upload .controls .add{cursor:pointer;color:#222;background-color:#0000;border:none;border-radius:50px;outline:none;width:50px;height:50px;font-size:20px;transition:all .3s ease-in-out}@media screen and (max-width:600px){#root .container .upload-container .audio-upload .controls button,#root .container .upload-container .audio-upload .controls .player .btn .add,#root .container .player .btn .upload-container .audio-upload .controls .add{width:30px;height:30px}}#root .container .upload-container .audio-upload .controls button:hover,#root .container .upload-container .audio-upload .controls .player .btn .add:hover,#root .container .player .btn .upload-container .audio-upload .controls .add:hover{color:#d41b43}#root .container .upload-container .audio-upload .controls #play{color:#fff;background-color:#d41b43;box-shadow:0 2px 2px #000000b3}@media screen and (max-width:600px){#root .container .upload-container .audio-upload .controls #play{width:50px;height:50px}}#root .container .upload-container .audio-upload .controls #play:hover{box-shadow:inset 1px 2px 4px #000000e6,inset 1px 0 1px #ffffffe6}#root .container .upload-container .audio-upload .ranges{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 10px;display:flex}#root .container .upload-container .audio-upload .ranges .volume-container{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .upload-container .audio-upload .ranges .volume-container p{color:#fff;margin-right:10px}#root .container .upload-container .audio-upload .ranges .volume-container #volume[type=range]{z-index:100;-webkit-appearance:none;opacity:.9;cursor:pointer;background:0 0;outline:none;width:100%;height:3px;box-shadow:inset -6px -6px 24px #c0c5c0b3}#root .container .upload-container .audio-upload .ranges .volume-container #volume[type=range]:hover{opacity:1}#root .container .upload-container .audio-upload .ranges .volume-container #volume[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:15px;height:15px;box-shadow:6px 6px 30px "violet";background:#d41b43;border-right:3px solid #fff;border-radius:50px}#root .container .upload-container .audio-upload .times{flex-direction:row;justify-content:center;align-items:center;gap:50px;width:100%;padding:0 10px;display:flex}@media screen and (max-width:400px){#root .container .upload-container .audio-upload .times{gap:30px}}#root .container .upload-container .audio-upload .times .line{background-color:#bbb;width:1px;height:16px}#root .container .upload-container .audio-upload .times h3{color:#fff;font-size:16px}#root .container .upload-container .audio-upload .seek-container{width:100%;height:20vh;margin-top:50px;position:relative}#root .container .upload-container .audio-upload .seek-container canvas{z-index:2;background-color:#0000;width:100%;height:100%;position:absolute;bottom:0;left:0}#root .container .upload-container .audio-upload .seek-container #seek[type=range]{z-index:100;-webkit-appearance:none;opacity:.9;cursor:pointer;background:0 0;outline:none;width:100%;height:100%;position:absolute;bottom:0;left:0;box-shadow:inset -6px -6px 24px #3855314d}#root .container .upload-container .audio-upload .seek-container #seek[type=range]:hover{opacity:1}#root .container .upload-container .audio-upload .seek-container #seek[type=range]::-webkit-slider-thumb{appearance:none;visibility:hidden;cursor:pointer;width:1px;height:30vh;box-shadow:6px 6px 30px "violet";background:0 0}#root .container .upload-container .audio-upload .seek-container #fillSlider{z-index:100;pointer-events:none;background:#3d2f334d;width:0;height:100%;position:absolute;bottom:0;left:0}#root .container .upload-container .audio-upload .buttons{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:40px;padding:10px;display:flex}#root .container .upload-container .audio-upload .buttons button,#root .container .upload-container .audio-upload .buttons .player .btn .add,#root .container .player .btn .upload-container .audio-upload .buttons .add{border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:6px;font-family:Poppins,sans-serif;font-size:18px;display:flex}@media screen and (max-width:500px){#root .container .upload-container .audio-upload .buttons button,#root .container .upload-container .audio-upload .buttons .player .btn .add,#root .container .player .btn .upload-container .audio-upload .buttons .add{font-size:16px}}@media screen and (max-width:350px){#root .container .upload-container .audio-upload .buttons button,#root .container .upload-container .audio-upload .buttons .player .btn .add,#root .container .player .btn .upload-container .audio-upload .buttons .add{font-size:12px}}#root .container .upload-container .audio-upload .buttons button,#root .container .upload-container .audio-upload .buttons .player .btn .add,#root .container .player .btn .upload-container .audio-upload .buttons .add{color:#fff;background-color:#d41b43;padding:12px 36px;font-weight:700}#root .container .upload-container .audio-upload .buttons button:hover,#root .container .upload-container .audio-upload .buttons .player .btn .add:hover,#root .container .player .btn .upload-container .audio-upload .buttons .add:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#root .container .upload-container .audio-upload .buttons button,#root .container .upload-container .audio-upload .buttons .player .btn .add,#root .container .player .btn .upload-container .audio-upload .buttons .add{cursor:pointer;width:50%;margin-bottom:20px}#root .container .upload-container .audio-upload .buttons .back{color:#ffa8bb;cursor:pointer;background-color:#0000;border:1px solid #ffa8bb;transition:all .3s ease-in-out}#root .container .upload-container .audio-upload .buttons .back:hover{color:#ffa8bb;background-color:#270a0f}#root .container .main-cont{background-color:#0000;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:80vh;display:flex}#root .container .main-cont .admin-nav{z-index:100;background-color:#160207;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:sticky;top:0;box-shadow:0 1px 1px #ffffff1a}#root .container .main-cont .admin-nav .nav-container{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:60%;height:100%;display:flex}@media screen and (max-width:1200px){#root .container .main-cont .admin-nav .nav-container{width:80%}}@media screen and (max-width:600px){#root .container .main-cont .admin-nav .nav-container{width:100%}}#root .container .main-cont .admin-nav .nav-container a{color:#777;text-align:center;flex-direction:row;flex-basis:33.3%;justify-content:center;align-items:center;margin:0 15px;padding:10px;font-size:24px;text-decoration:none;transition:all .12s ease-in-out;display:flex}@media screen and (max-width:800px){#root .container .main-cont .admin-nav .nav-container a{font-size:20px}}@media screen and (max-width:500px){#root .container .main-cont .admin-nav .nav-container a{font-size:11px;font-weight:700}}@media screen and (max-width:600px){#root .container .main-cont .admin-nav .nav-container a{padding:10px 0;font-weight:600}}#root .container .main-cont .admin-nav .nav-container a:hover{color:#d41b43;background-color:#270a0f}#root .container .main-cont .admin-nav .nav-container .active{color:#d41b43;border-bottom:3px solid #d41b43}#root .container .main-cont .admin-cont{width:80%}@media screen and (max-width:1400px){#root .container .main-cont .admin-cont{width:92%}}@media screen and (max-width:900px){#root .container .main-cont .admin-cont{width:100%}}#root .container .main-cont .admin-cont{background-color:#0000;flex-wrap:wrap;justify-content:center;margin-bottom:40px;padding:10px;display:flex}#root .container .main-cont .admin-cont .heading{border-radius:5px;width:100%;margin-top:12px;padding:5px}@media screen and (max-width:600px){#root .container .main-cont .admin-cont .heading{border-radius:0}}#root .container .main-cont .admin-cont .heading h1{text-align:center;background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media screen and (max-width:1300px){#root .container .main-cont .admin-cont .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .main-cont .admin-cont .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .main-cont .admin-cont .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .main-cont .admin-cont .heading h1{font-size:20px}}#root .container .main-cont .admin-cont .tracks-remaining{color:#0f0;text-transform:uppercase;letter-spacing:1px;text-align:center;background:#0a0a0f;border:3px solid #222;border-radius:10px;margin:15px 0 24px;padding:20px 30px;font-size:7px;font-weight:700;animation:.15s infinite matrix-flicker;position:relative;box-shadow:0 0 0 1px #333,0 0 30px #00ff004d,inset 0 0 20px #00ff001a}@media screen and (max-width:350px){#root .container .main-cont .admin-cont .tracks-remaining{font-size:4px}}#root .container .main-cont .admin-cont .tracks-remaining:before{content:"";background:linear-gradient(90deg,#0000,#0f0,#0000);height:3px;animation:2s linear infinite top-scan;position:absolute;top:0;left:0;right:0}#root .container .main-cont .admin-cont .tracks-remaining:after{content:"KEEP CREATING";color:#000;background:#0f0;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;top:-10px;right:10px}#root .container .main-cont .admin-cont .tracks-remaining.default:after{content:"KEEP CREATING"}#root .container .main-cont .admin-cont .tracks-remaining.warning:after{content:"LOW TRACKS!";background:#f90}#root .container .main-cont .admin-cont .tracks-remaining.critical:after{content:"LAST TRACK!";background:red;animation:.5s steps(2,start) infinite critical-blink}#root .container .main-cont .admin-cont .tracks-remaining.out{color:#ff1500;box-shadow:0 0 0 1px #333,0 0 30px #ff08004d,inset 0 0 20px #ff19001a}#root .container .main-cont .admin-cont .tracks-remaining.out .track-count{color:#ff1500;text-shadow:0 0 10px #ff1500;border:2px solid #ff1500}#root .container .main-cont .admin-cont .tracks-remaining.out .track-count:after{background:repeating-linear-gradient(0deg,#ff19001a 0,#ff2f001a 1px,#0000 1px 2px)}#root .container .main-cont .admin-cont .tracks-remaining.out:before{background:linear-gradient(90deg,#0000,#ff1500,#0000)}#root .container .main-cont .admin-cont .tracks-remaining.out:after{content:"SUBSCRIBE FOR MORE!";background:#c00;animation:1s steps(2,start) infinite led-blink}#root .container .main-cont .admin-cont .track-count{color:#0f0;text-shadow:0 0 10px #0f0;background:#111;border:2px solid #0f0;border-radius:5px;margin:0 8px;padding:5px 10px;font-size:12px;animation:.5s ease-out digit-roll;display:inline-block;position:relative}#root .container .main-cont .admin-cont .track-count:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00ff001a 0 1px,#0000 1px 2px);position:absolute;inset:0}@keyframes led-blink{0%,to{opacity:1}50%{opacity:0}}#root .container .main-cont .song{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}#root .container .main-cont .song .popup-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#160207f2;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .main-cont .song .popup-menu-container .ghost-container{z-index:-1;pointer-events:auto;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .main-cont .song .popup-menu-container .menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .main-cont .song .popup-menu-container .menu.position-right{margin-top:5px;top:100%;right:0}#root .container .main-cont .song .popup-menu-container .menu.position-left{margin-top:5px;top:100%;left:0}#root .container .main-cont .song .popup-menu-container .menu{animation:.2s menuFadeIn}#root .container .main-cont .song .popup-menu-container .item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:400;transition:all .2s;display:flex}#root .container .main-cont .song .popup-menu-container .item i{color:#fff;width:18px;font-size:14px}#root .container .main-cont .song .popup-menu-container .item:hover{color:#fff;background:#d41b4326}#root .container .main-cont .song .popup-menu-container .item:hover i{color:#fff}#root .container .main-cont .song .popup-menu-container .item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .main-cont .song .song-card{cursor:pointer;color:#fff;border:1px solid #0000;border-bottom-color:#555;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;text-decoration:none;transition:all .3s ease-in-out;display:flex}#root .container .main-cont .song .song-card:hover{background-color:#270a0f!important}#root .container .main-cont .song .song-card:last-child{border-bottom:none}#root .container .main-cont .song .song-card .art{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;display:flex}#root .container .main-cont .song .song-card .art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .main-cont .song .song-card .details{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:95%;margin:0 0 0 10px;display:block;overflow:hidden}#root .container .main-cont .song .song-card .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:500;display:block;overflow:hidden}#root .container .main-cont .song .song-card .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;display:block;overflow:hidden}#root .container .main-cont .song .song-card .details .feedback{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}#root .container .main-cont .song .song-card .details .feedback p{color:#bbb;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-top:6px;padding-right:10px;font-size:11px;display:flex;overflow:hidden}#root .container .main-cont .song .song-card .details .feedback p .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .main-cont .song .song-card .details .feedback .actions,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container .main-cont .song .song-card .details .feedback .actions button,#root .container .main-cont .song .song-card .details .feedback .actions .player .btn .add,#root .container .player .btn .main-cont .song .song-card .details .feedback .actions .add,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper button,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper .player .btn .add,#root .container .player .btn .main-cont .song .song-card .details .feedback .popup-menu-wrapper .add{color:#ddd;cursor:pointer;pointer-events:auto;background-color:#0000;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}#root .container .main-cont .song .song-card .details .feedback .actions button:hover,#root .container .main-cont .song .song-card .details .feedback .actions .player .btn .add:hover,#root .container .player .btn .main-cont .song .song-card .details .feedback .actions .add:hover,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper button:hover,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper .player .btn .add:hover,#root .container .player .btn .main-cont .song .song-card .details .feedback .popup-menu-wrapper .add:hover{background-color:#450616}#root .container .main-cont .song .song-card .details .feedback .actions .popup-menu-container,#root .container .main-cont .song .song-card .details .feedback .popup-menu-wrapper .popup-menu-container{margin-top:5px;position:absolute;top:100%;right:0}#root .container .main-cont .song .song-card .dur{color:#bbb;flex-direction:row;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex}#root .container .main-cont .song .song-card .add{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;padding:5px 10px;transition:all .3s ease-in-out}#root .container .main-cont .song .song-card .add:hover{color:#160207;background-color:#ffa8bb}#root .container .main-cont .song .song-card .like-song-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.9rem;transition:all .2s;display:inline-flex}#root .container .main-cont .song .song-card .like-song-btn:hover:not(:disabled){background:#d41b431a;transform:scale(1.05)}#root .container .main-cont .song .song-card .like-song-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .main-cont .song .song-card .like-song-btn i{font-size:1rem;transition:all .2s}#root .container .main-cont .song .song-card .like-song-btn i.liked{color:#d41b43;animation:.3s heartBeat}#root .container .main-cont .song .song-card .like-song-btn i.fa-spinner{color:#00d181}#root .container .main-cont .song .song-card .like-song-btn .like-count{color:#fffc;font-size:.85rem}#root .container .main-cont .song .song-card-vert{text-align:center;background:#111;border:none;border-radius:12px;flex-direction:column;align-items:center;transition:all .2s}#root .container .main-cont .song .song-card-vert:hover{border:none;background-color:#270a0f!important}#root .container .main-cont .song .song-card-vert .art{width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}#root .container .main-cont .song .song-card-vert .art .no-cover{font-size:36px}#root .container .main-cont .song .song-card-vert .art img{-o-object-fit:cover;object-fit:cover}#root .container .main-cont .song .song-card-vert .details{width:100%;margin:0}#root .container .main-cont .song .song-card-vert .details h1,#root .container .main-cont .song .song-card-vert .details h2{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .main-cont .song .song-card-vert .details h1{font-size:18px}#root .container .main-cont .song .song-card-vert .details h2{margin-top:4px;color:#bbb!important}#root .container .main-cont .song .song-card-vert .details .feedback{margin-top:4px;display:flex}#root .container .main-cont .song .song-card-vert .dur{color:#fff;background-color:#0006;border-radius:5px;position:absolute}#root .container .main-cont .song .song-dropdown{justify-content:flex-end;width:100%;display:flex}#root .container .main-cont .song .song-dropdown button,#root .container .main-cont .song .song-dropdown .player .btn .add,#root .container .player .btn .main-cont .song .song-dropdown .add{z-index:100000;background:#390814}#root .container .main-cont .song .song-dropdown button:hover,#root .container .main-cont .song .song-dropdown .player .btn .add:hover,#root .container .player .btn .main-cont .song .song-dropdown .add:hover{background:#390814}#root .container .main-cont .song .song-dropdown .dropdown-menu{z-index:1000;background:#390814;border-radius:5px;min-width:180px;position:absolute;top:100%;right:0}#root .container .main-cont .song .song-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:10px;font-size:12px;display:flex}#root .container .main-cont .song .song-dropdown .dropdown-menu .dropdown-item:first-child{border-radius:5px 5px 0 0}#root .container .main-cont .song .song-dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 5px 5px}#root .container .main-cont .song .song-dropdown .dropdown-menu .dropdown-item:hover{background:#591325}#root .container .main-cont .song .song-dropdown .dropdown-menu .dropdown-item i{margin-right:6px}#root .container .main-cont .song .frosted-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#16020780;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .main-cont .song .frosted-menu-container .ghost-container{z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .main-cont .song .frosted-menu-container .frosted-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .main-cont .song .frosted-menu-container .frosted-item{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}#root .container .main-cont .song .frosted-menu-container .frosted-item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .main-cont .song .frosted-menu-container .frosted-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d41b431a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}#root .container .main-cont .song .frosted-menu-container .frosted-item:hover{background:#ffffff1f;border-color:#d41b434d;transform:translateY(-2px);box-shadow:0 4px 20px #0003,0 0 0 1px #d41b431a}#root .container .main-cont .song .frosted-menu-container .frosted-item:hover:before{opacity:1}#root .container .main-cont .song .frosted-menu-container .frosted-item:active{transform:translateY(0)}#root .container .main-cont .song .infinite-scroll-component__outerdiv{width:100%}#root .container .main-cont .song .infinite-scroll-component__outerdiv .infinite-scroll-component{overflow:auto}#root .container .main-cont .song .not-found{color:#777;font-size:16px;font-weight:500}#root .container .main-cont .song button,#root .container .main-cont .song .player .btn .add,#root .container .player .btn .main-cont .song .add{color:#fff;cursor:pointer;background-color:#ff2b2b;border:none;border-radius:0 0 10px 10px;outline:none;align-self:flex-end;padding:5px 10px;font-size:16px;transition:all .3s ease-in-out}#root .container .main-cont .song button:hover,#root .container .main-cont .song .player .btn .add:hover,#root .container .player .btn .main-cont .song .add:hover{background-color:#ff2b2bd5}#root .container .admin-orders-container{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .admin-orders-container .admin-orders-header{margin-bottom:40px}#root .container .admin-orders-container .admin-orders-header .header-main{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:30px;display:flex}@media screen and (max-width:1024px){#root .container .admin-orders-container .admin-orders-header .header-main{flex-direction:column;gap:20px}}#root .container .admin-orders-container .admin-orders-header .header-main .header-title h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem}@media screen and (max-width:900px){#root .container .admin-orders-container .admin-orders-header .header-main .header-title h1{font-size:2rem}}#root .container .admin-orders-container .admin-orders-header .header-main .header-title .header-subtitle{color:#ffa8bb;opacity:.9;font-size:1.1rem}#root .container .admin-orders-container .admin-orders-header .header-main .header-search{flex:1;max-width:500px}@media screen and (max-width:1024px){#root .container .admin-orders-container .admin-orders-header .header-main .header-search{max-width:100%}}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper{background:#270a0f;border:1px solid #d41b4333;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative;overflow:hidden}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper:focus-within{border-color:#00d18180;box-shadow:0 5px 20px #00d1811a}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-icon{align-items:center;padding:0 16px;display:flex}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-icon svg{stroke:#ffa8bb;opacity:.7;width:20px;height:20px}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-size:1rem}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-input::placeholder{color:#ffa8bb;opacity:.6}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-clear{color:#ffa8bb;cursor:pointer;background:0 0;border:none;align-items:center;padding:0 12px;transition:all .3s;display:flex}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-clear svg{stroke-width:2.5px;width:18px;height:18px}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-clear:hover{color:#fff}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-submit{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;padding:16px 24px;font-size:.95rem;font-weight:600;transition:all .3s}#root .container .admin-orders-container .admin-orders-header .header-main .header-search .search-form .search-wrapper .search-submit:hover{opacity:.9}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}@media screen and (max-width:768px){#root .container .admin-orders-container .admin-orders-header .orders-stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#root .container .admin-orders-container .admin-orders-header .orders-stats-grid{grid-template-columns:1fr}}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid .stat-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid .stat-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid .stat-card .stat-icon{background:#d41b4333;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid .stat-card .stat-content .stat-number{color:#00d181;margin-bottom:5px;font-size:1.8rem;font-weight:700;line-height:1}#root .container .admin-orders-container .admin-orders-header .orders-stats-grid .stat-card .stat-content .stat-label{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .admin-orders-container .admin-orders-content{max-width:1400px;margin:0 auto}#root .container .admin-orders-container .admin-orders-content .filters-section{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;margin-bottom:30px;padding:30px}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-header h3{color:#fff;font-size:1.3rem;font-weight:600}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-header .btn-clear-all{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:1px solid #d41b434d;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-header .btn-clear-all:hover{color:#fff;background:#d41b434d}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid{grid-template-columns:1fr auto;gap:30px;margin-bottom:25px;display:grid}@media screen and (max-width:768px){#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid{grid-template-columns:1fr;gap:20px}}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons{flex-wrap:wrap;gap:12px;display:flex}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons .filter-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons .filter-btn:hover{background:#d41b4333;border-color:#d41b434d}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons .filter-btn.active{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-color:#d41b43}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons .filter-btn.active .btn-icon{transform:scale(1.2)}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .filter-buttons .filter-btn .btn-icon{font-size:1.1rem;transition:transform .3s}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .status-select{color:#fff;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;width:100%;padding:12px 20px;font-size:.95rem;transition:all .3s}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .status-select:focus{border-color:#00d181;outline:none}#root .container .admin-orders-container .admin-orders-content .filters-section .filters-grid .filter-group .status-select option{color:#fff;background:#160207}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info{border-top:1px solid #d41b431a;padding-top:20px}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count{flex-wrap:wrap;align-items:center;gap:15px;display:flex}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .count-badge{color:#aeffe0;background:#00d1811a;border:1px solid #00d18133;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .search-tag{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b4333;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .search-tag .tag-label{opacity:.8;font-size:.85rem}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .search-tag .tag-value{font-weight:500}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .search-tag .tag-remove{color:#ffa8bb;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}#root .container .admin-orders-container .admin-orders-content .filters-section .results-info .results-count .search-tag .tag-remove:hover{color:#fff}#root .container .admin-orders-container .admin-orders-content .empty-state{text-align:center;background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:60px 20px}#root .container .admin-orders-container .admin-orders-content .empty-state .empty-icon{opacity:.5;margin-bottom:20px;font-size:4rem}#root .container .admin-orders-container .admin-orders-content .empty-state h2{color:#fff;margin-bottom:15px;font-size:1.8rem}#root .container .admin-orders-container .admin-orders-content .empty-state .empty-message{color:#ffa8bb;max-width:400px;margin-bottom:30px;margin-left:auto;margin-right:auto;line-height:1.6}#root .container .admin-orders-container .admin-orders-content .empty-state .btn-empty-action{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}#root .container .admin-orders-container .admin-orders-content .empty-state .btn-empty-action:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .admin-orders-container .admin-orders-content .orders-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px;display:grid}@media screen and (max-width:768px){#root .container .admin-orders-container .admin-orders-content .orders-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:480px){#root .container .admin-orders-container .admin-orders-content .orders-grid{grid-template-columns:1fr}}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:25px;transition:all .3s}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card:hover{border-color:#d41b434d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header{border-bottom:1px solid #d41b431a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header .order-type-badge{align-items:center;gap:10px;display:flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header .order-type-badge .type-icon{font-size:1.2rem}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header .order-type-badge .type-label{color:#fff;font-size:.95rem;font-weight:600}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header .order-number{color:#00d181;font-size:1.1rem;font-weight:700}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-header .order-number .number-label{color:#ffa8bb;font-weight:400}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-info-grid{gap:12px;margin-bottom:20px;display:grid}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-info-grid .info-row{justify-content:space-between;align-items:center;display:flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-info-grid .info-row .info-label{color:#ffa8bb;opacity:.8;font-size:.9rem}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-info-grid .info-row .info-value{color:#fff;font-size:.95rem;font-weight:500}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-info-grid .info-row .info-value.amount{color:#00d181;font-weight:600}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-status-section .status-badge{color:#b97f00;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-status-section .status-badge.paid{color:#00d181}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-body .order-status-section .status-badge .status-dot{opacity:.8;background:currentColor;border-radius:50%;width:8px;height:8px}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions{border-top:1px solid #d41b431a;gap:12px;margin-top:25px;padding-top:20px;display:flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action.view{color:#ffa8bb;background:#d41b4333;border:1px solid #d41b434d}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action.view:hover{color:#fff;background:#d41b434d}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action.delete{color:#ff2b2b;background:#ff2b2b33;border:1px solid #ff2b2b4d}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action.delete:hover{color:#fff;background:#ff2b2b4d}#root .container .admin-orders-container .admin-orders-content .orders-grid .order-card .order-card-actions .btn-action .action-icon{font-size:1rem}#root .container .admin-orders-container .admin-orders-content .orders-pagination{border-top:1px solid #d41b431a;margin-top:50px;padding-top:30px}#root .container .admin-orders-container .admin-orders-content .orders-pagination .pagination-info{color:#ffa8bb;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:.95rem;display:flex}@media screen and (max-width:768px){#root .container .admin-orders-container .admin-orders-content .orders-pagination .pagination-info{text-align:center;flex-direction:column;gap:10px}}#root .container .admin-orders-container .admin-orders-content .orders-pagination .pagination-info strong{color:#00d181;font-weight:600}#root .container .account{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:90vh;margin-top:20px;display:flex;position:relative}#root .container .account .main-heading{color:#fff;border-bottom:1px solid #ffa8bb;margin-top:-10px;padding:10px;font-size:20px;font-weight:500}#root .container .account .btn-holder{width:80%}@media screen and (max-width:1400px){#root .container .account .btn-holder{width:92%}}@media screen and (max-width:900px){#root .container .account .btn-holder{width:100%}}#root .container .account .btn-holder{border-bottom:2px solid #ddd;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:6px;display:flex;position:relative}#root .container .account .btn-holder h2{color:#777;text-align:left;flex:1;place-self:flex-start;width:90%;margin-right:10px;padding:5px;font-size:20px}#root .container .account .btn-holder button,#root .container .account .btn-holder .player .btn .add,#root .container .player .btn .account .btn-holder .add{color:#777;cursor:pointer;background-color:#0000;border:none;border-radius:5px;outline:none;margin-right:5px;padding:8px 10px;font-size:16px;transition:all .3s ease-in-out}#root .container .account .btn-holder .delete-all{color:#fff;background-color:#ff2b2b;border:1px solid #bbb;margin-left:5px}#root .container .account .btn-holder .delete-all:hover{background-color:#ff2b2bd5}#root .container .account .btn-holder .decoy-cont{z-index:10;background-color:#0000005c;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100vh;animation:.25s linear fade;display:flex;position:absolute;top:0;left:0}@keyframes fade{0%{opacity:0}to{opacity:1}}#root .container .account .btn-holder .search-cont{z-index:1010;background-color:#d41b43;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}#root .container .account .btn-holder .search-cont button,#root .container .account .btn-holder .search-cont .player .btn .add,#root .container .player .btn .account .btn-holder .search-cont .add{color:#fff;width:5%}@media screen and (max-width:600px){#root .container .account .btn-holder .search-cont button,#root .container .account .btn-holder .search-cont .player .btn .add,#root .container .player .btn .account .btn-holder .search-cont .add{width:5.25%}}@media screen and (max-width:380px){#root .container .account .btn-holder .search-cont button,#root .container .account .btn-holder .search-cont .player .btn .add,#root .container .player .btn .account .btn-holder .search-cont .add{width:10%}}#root .container .account .btn-holder .search-cont input{background-color:#fff;border:none;border-radius:999px;outline:none;width:90%;padding:10px}@media screen and (max-width:600px){#root .container .account .btn-holder .search-cont input{width:85%}}@media screen and (max-width:380px){#root .container .account .btn-holder .search-cont input{width:80%}}#root .container .account .btn-holder select{color:#777;cursor:pointer;background-color:#0000;border:1px solid #bbb;border-radius:5px;outline:none;padding:8px 10px;transition:all .3s ease-in-out}#root .container .account .btn-holder select:hover{background-color:#0000}#root .container .account .msg .success-msg{background-color:#c8ffc8;border-left:3px solid green;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .account .msg .success-msg p{color:green;font-size:13px;font-weight:700}#root .container .account .msg{flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .account .msg .error-msg{background-color:#ffcece;border-left:3px solid red;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .account .msg .error-msg p{color:red;font-size:13px;font-weight:700}#root .container .account .account-container{flex-direction:column;justify-content:center;align-items:flex-start;width:80%;height:fit-content;display:flex}@media screen and (max-width:1400px){#root .container .account .account-container{width:92%}}@media screen and (max-width:900px){#root .container .account .account-container{flex-direction:column;align-items:center;width:100%}}#root .container .account .account-container .not-found{color:#777;margin-top:10px;font-size:16px;font-weight:500}#root .container .account .account-container .table{flex-wrap:wrap;width:100%;margin-top:15px;padding:10px;transition:all .3s ease-in-out;display:flex;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .account .account-container .table:hover{box-shadow:1px 12px 36px #00000040}#root .container .account .account-container .table{background-color:#270a0f}@media screen and (max-width:900px){#root .container .account .account-container .table{box-shadow:none}}#root .container .account .account-container .table:first-child{margin-top:10px}#root .container .account .account-container .table:last-child{margin-bottom:20px}#root .container .account .account-container .table form.main-form{flex-flow:wrap;justify-content:center;align-items:center;width:100%;margin-top:24px;display:flex}#root .container .account .account-container .table form.main-form:first-child{margin-top:0}#root .container .account .account-container .table form.main-form .heading{background-color:#ffa8bb;grid-template-columns:repeat(1,1fr);width:100%;overflow:hidden}#root .container .account .account-container .table form.main-form .heading h2{white-space:nowrap;text-overflow:ellipsis;width:100%;padding:10px;font-size:20px;font-weight:500;display:block;overflow:hidden}#root .container .account .account-container .table form.main-form .heading h2 span{color:#fff;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:700}#root .container .account .account-container .table form.main-form .heading h2 .paid{background-color:#16c016}#root .container .account .account-container .table form.main-form .heading h2 .unpaid{background-color:#ff2b2b}#root .container .account .account-container .table form.main-form .heading .content{background-color:#270a0f;border-top:1px solid #777;flex:1}#root .container .account .account-container .table form.main-form .heading .content:first-child{border-top:none}#root .container .account .account-container .table form.main-form .heading .content div{white-space:nowrap;text-overflow:ellipsis;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:5px 0;transition:all .3s ease-in-out;display:flex;overflow:hidden}#root .container .account .account-container .table form.main-form .heading .content div:hover{background-color:#777}#root .container .account .account-container .table form.main-form .heading .content div p{white-space:nowrap;text-overflow:ellipsis;color:#fff;background-color:#0000;border:none;outline:none;width:100%;margin-left:4px;font-size:16.5px;display:block;overflow:hidden}#root .container .account .account-container .table form.main-form .heading .content div .edit{color:#d41b43;cursor:pointer;justify-self:flex-end;width:fit-content;padding-left:6px}#root .container .account .account-container .table form.main-form button,#root .container .account .account-container .table form.main-form .player .btn .add,#root .container .player .btn .account .account-container .table form.main-form .add{color:#fff;cursor:pointer;background-color:#00d181;border:none;outline:none;width:100%;padding:10px;font-size:16.5px;transition:all .3s ease-in-out}#root .container .account .account-container .table form.main-form button:hover,#root .container .account .account-container .table form.main-form .player .btn .add:hover,#root .container .player .btn .account .account-container .table form.main-form .add:hover{color:#fff;background-color:#0e880e}#root .container .account .account-container .table form.delete-form{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .account .account-container .table form.delete-form button,#root .container .account .account-container .table form.delete-form .player .btn .add,#root .container .player .btn .account .account-container .table form.delete-form .add{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;width:100%;margin-top:10px;padding:10px;font-size:16.5px;transition:all .3s ease-in-out}#root .container .account .account-container .table form.delete-form button:hover,#root .container .account .account-container .table form.delete-form .player .btn .add:hover,#root .container .player .btn .account .account-container .table form.delete-form .add:hover{background-color:#ff2b2bd5}#root .container .buyer{margin-bottom:40px}@media screen and (max-width:900px){#root .container .buyer .msg{margin-top:30px}}@media screen and (max-width:600px){#root .container .buyer .msg{margin-top:20px}}#root .container .buyer .msg .success-msg{background-color:#c8ffc8;border-left:3px solid green;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .buyer .msg .success-msg p{color:green;font-size:13px;font-weight:700}#root .container .buyer .msg{flex-direction:column;justify-content:center;align-items:center;margin-top:20px;display:flex}@media screen and (max-width:900px){#root .container .buyer .msg{margin-top:30px}}@media screen and (max-width:600px){#root .container .buyer .msg{margin-top:20px}}#root .container .buyer .msg .error-msg{background-color:#ffcece;border-left:3px solid red;border-radius:5px;width:fit-content;margin-bottom:12px;padding:6px 15px;box-shadow:0 1px 3px #0000004d}#root .container .buyer .msg .error-msg p{color:red;font-size:13px;font-weight:700}#root .container .buyer .buyer-acc-cont{margin-top:20px}@media screen and (max-width:900px){#root .container .buyer .buyer-acc-cont{margin-top:30px}}@media screen and (max-width:600px){#root .container .buyer .buyer-acc-cont{margin-top:20px}}#root .container .buyer .buyer-acc-cont .account-info-container h2{text-align:center}#root .container .buyer .buyer-acc-cont .account-info-container h3{text-align:center;margin-bottom:10px}#root .container .support-dashboard{color:#fff;background:#160207;min-height:100vh;padding:20px 15px}@media screen and (min-width:768px){#root .container .support-dashboard{padding:30px 20px}}#root .container .support-dashboard .dashboard-header{margin-bottom:30px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header{margin-bottom:40px}}#root .container .support-dashboard .dashboard-header .header-content{margin-bottom:20px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-content{margin-bottom:30px}}#root .container .support-dashboard .dashboard-header .header-content h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.8rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-content h1{font-size:2rem}}@media screen and (min-width:1024px){#root .container .support-dashboard .dashboard-header .header-content h1{font-size:2.5rem}}#root .container .support-dashboard .dashboard-header .header-content .header-subtitle{color:#ffa8bb;opacity:.9;font-size:1rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-content .header-subtitle{font-size:1.1rem}}#root .container .support-dashboard .dashboard-header .header-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;display:grid}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}}#root .container .support-dashboard .dashboard-header .header-stats .stat-card{background:#270a0f;border:1px solid #d41b431a;border-radius:12px;align-items:center;gap:12px;padding:15px;transition:all .3s;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-stats .stat-card{border-radius:15px;gap:15px;padding:20px}}#root .container .support-dashboard .dashboard-header .header-stats .stat-card:hover{border-color:#00d1814d;transform:translateY(-3px);box-shadow:0 10px 30px #0003}#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-icon{background:#d41b4333;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-icon{border-radius:12px;width:60px;height:60px;font-size:2rem}}#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-info .stat-number{color:#00d181;font-size:1.5rem;font-weight:700;line-height:1}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-info .stat-number{font-size:1.8rem}}#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-info .stat-label{color:#ffa8bb;opacity:.9;font-size:.85rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-header .header-stats .stat-card .stat-info .stat-label{font-size:.9rem}}#root .container .support-dashboard .dashboard-content{grid-template-columns:1fr;gap:20px;margin:0 auto;display:grid}@media screen and (min-width:1024px){#root .container .support-dashboard .dashboard-content{grid-template-columns:2fr 1fr;gap:30px;max-width:1400px}}#root .container .support-dashboard .dashboard-content .email-composition,#root .container .support-dashboard .dashboard-content .email-history{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:20px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition,#root .container .support-dashboard .dashboard-content .email-history{border-radius:20px;padding:25px}}@media screen and (min-width:1024px){#root .container .support-dashboard .dashboard-content .email-composition,#root .container .support-dashboard .dashboard-content .email-history{padding:30px}}#root .container .support-dashboard .dashboard-content .email-composition .section-header{border-bottom:1px solid #d41b4333;flex-direction:column;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:30px;padding-bottom:20px}}#root .container .support-dashboard .dashboard-content .email-composition .section-header h2{color:#fff;font-size:1.3rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .section-header h2{font-size:1.5rem}}#root .container .support-dashboard .dashboard-content .email-composition .section-header .template-buttons{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .section-header .template-buttons{justify-content:flex-end;gap:10px}}#root .container .support-dashboard .dashboard-content .email-composition .section-header .template-buttons .template-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .section-header .template-buttons .template-btn{border-radius:8px;padding:8px 16px;font-size:.85rem}}#root .container .support-dashboard .dashboard-content .email-composition .section-header .template-buttons .template-btn:hover{color:#fff;background:#d41b4333}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal{background:#d41b4326;border:1px solid #d41b4333;border-radius:12px;flex-direction:column;max-height:60vh;margin-top:10px;margin-bottom:20px;padding:15px;display:flex;position:relative;overflow:hidden}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal{border-radius:15px;max-height:500px;margin-top:15px;margin-bottom:25px;padding:25px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header{margin-bottom:15px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header{margin-bottom:20px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header h3{color:#fff;margin-bottom:12px;font-size:1.2rem;font-weight:600}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header h3{margin-bottom:15px;font-size:1.3rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form,#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .search-input-wrapper{position:relative}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .user-search-input{color:#fff;background:#d41b431a;border:2px solid #d41b434d;border-radius:8px;width:100%;padding:12px 40px 12px 15px;font-size:.95rem;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .user-search-input{border-radius:10px;padding:14px 45px 14px 20px;font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .user-search-input:focus{background:#d41b4326;border-color:#00d181;outline:none}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .user-search-input::placeholder{color:#ffa8bb99;font-size:.9rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .user-search-input::placeholder{font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .clear-search-btn{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;font-size:.9rem;transition:all .3s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .clear-search-btn{width:32px;height:32px;padding:8px;right:15px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-modal-header .user-search .search-user-form .clear-search-btn:hover{color:#fff;background:#d41b434d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container{flex-direction:column;flex:1;min-height:200px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container{min-height:300px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row{border-top:1px solid #d41b431a;border-bottom:1px solid #d41b431a;margin-bottom:12px;padding:12px 0}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row{margin-bottom:15px;padding:15px 0}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row .select-all-label{color:#ffa8bb;cursor:pointer;align-items:center;gap:10px;font-size:.9rem;font-weight:500;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row .select-all-label{gap:12px;font-size:.95rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row .select-all-label input[type=checkbox]{cursor:pointer;accent-color:#00d181;width:18px;height:18px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row .select-all-label input[type=checkbox]{width:20px;height:20px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .select-all-row .select-all-label span{opacity:.9}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list{flex:1;max-height:40vh;padding-right:5px;overflow-y:auto}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list{max-height:300px;padding-right:10px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar{width:4px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar{width:6px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar-track{background:#d41b431a;border-radius:2px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar-track{border-radius:3px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:2px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list::-webkit-scrollbar-thumb{border-radius:3px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .loading-users,#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .no-users{text-align:center;color:#ffa8bb;opacity:.8;padding:30px 15px;font-size:.9rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .loading-users,#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .no-users{padding:40px 20px;font-size:.95rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item{cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px;transition:all .3s;display:flex;position:relative}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item{border-radius:10px;align-items:center;gap:15px;margin-bottom:10px;padding:15px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item:hover{background:#d41b4333;border-color:#00d1814d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item.selected{background:#00d1811a;border-color:#00d18180}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex;overflow:hidden}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info{align-items:center;gap:15px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-avatar{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-avatar{width:45px;height:45px;font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details{flex:1;width:100px;min-width:0;overflow:hidden}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.95rem;font-weight:600;overflow:hidden}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details h4{margin-bottom:5px;font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-email{color:#ffa8bb;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:.85rem;display:block;overflow:hidden}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-email{margin-bottom:6px;font-size:.9rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-status{background-color:#16c016;border-radius:8px 0 99px;width:15px;height:15px;position:absolute;top:0;left:0}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-status.inactive{background-color:#ff2b2b}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-plan{color:#00d181;text-transform:uppercase;background:#00d18133;border-radius:10px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-plan.inactive{color:#ff2b2b;background:#ff2b2b33}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-info .user-details .user-plan{border-radius:12px;padding:4px 10px;font-size:.8rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-select{flex-shrink:0;margin-top:5px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-select{margin-top:0}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-select input[type=checkbox]{cursor:pointer;accent-color:#00d181;width:20px;height:20px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-list .user-item .user-select input[type=checkbox]{width:22px;height:22px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-pagination{border-top:1px solid #d41b431a;margin-top:15px;padding-top:15px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .user-selection-modal .user-list-container .user-pagination{margin-top:20px;padding-top:20px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section{margin-bottom:20px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section{margin-bottom:25px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-input{color:#fff;background:#d41b431a;border:2px solid #d41b4333;border-radius:10px;width:100%;margin-bottom:6px;padding:14px 16px;font-size:1rem;font-weight:500;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-input{border-radius:12px;margin-bottom:8px;padding:16px 20px;font-size:1.1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-input:focus{background:#d41b4326;border-color:#00d181;outline:none;box-shadow:0 0 0 3px #00d1811a}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-input::placeholder{color:#ffa8bb80;font-size:.95rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-input::placeholder{font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-helper{color:#aeffe0;opacity:.8;padding:0 5px;font-size:.8rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section.subject-section .subject-helper{font-size:.85rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .form-label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .form-label{margin-bottom:12px;font-size:.9rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input{flex-direction:row;gap:12px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .email-input{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;flex:1;padding:14px 16px;font-size:.95rem;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .email-input{border-radius:10px;padding:15px 20px;font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .email-input:focus{background:#d41b4326;border-color:#00d181;outline:none}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .select-users-btn{color:#ffa8bb;cursor:pointer;white-space:nowrap;text-align:center;background:#d41b4333;border:1px solid #d41b434d;border-radius:8px;padding:14px 20px;font-size:.9rem;font-weight:500;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .select-users-btn{border-radius:10px;padding:15px 25px;font-size:.95rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .recipient-input .select-users-btn:hover{color:#fff;background:#d41b434d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons{flex-wrap:wrap;gap:8px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons{gap:10px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons .type-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons .type-btn{border-radius:8px;padding:10px 20px;font-size:.9rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons .type-btn:hover{color:#fff;background:#d41b4333}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .email-type-buttons .type-btn.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .message-textarea{color:#fff;resize:vertical;background:#d41b431a;border:2px solid #d41b4333;border-radius:10px;width:100%;min-height:180px;padding:16px;font-size:.95rem;line-height:1.6;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .message-textarea{border-radius:12px;min-height:200px;padding:20px;font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .message-textarea:focus{background:#d41b4326;border-color:#00d181;outline:none;box-shadow:0 0 0 3px #00d1811a}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .message-textarea::placeholder{color:#ffa8bb80;font-size:.9rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .message-textarea::placeholder{font-size:1rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools{flex-direction:column;gap:5px;margin-top:10px;padding:0 5px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-top:12px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools .tool-tip{color:#aeffe0;opacity:.8;font-size:.8rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools .tool-tip{font-size:.85rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools .char-count{color:#ffa8bb;opacity:.8;text-align:right;font-size:.8rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-section .message-editor .editor-tools .char-count{font-size:.85rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions{border-top:1px solid #d41b4333;flex-direction:column;gap:12px;margin-top:30px;padding-top:20px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions{flex-direction:row;gap:15px;margin-top:40px;padding-top:25px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .add,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .add{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .add,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .add{border-radius:12px;gap:12px;padding:18px 30px;font-size:1.05rem}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-secondary,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-secondary.add,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-secondary.add{color:#ffa8bb;background:#d41b4333;border:1px solid #d41b434d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-secondary:hover,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-secondary.add:hover,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-secondary.add:hover{color:#fff;background:#d41b434d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary:hover:not(:disabled),#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add:hover:not(:disabled),#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary:disabled,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add:disabled,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary .spinner,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add .spinner,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add .spinner{border:2px solid #1602074d;border-top-color:#160207;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary .spinner,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add .spinner,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add .spinner{width:20px;height:20px}}#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary .send-icon,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add .send-icon,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add .send-icon{font-size:1.1rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions button.btn-primary .send-icon,#root .container .support-dashboard .dashboard-content .email-composition .email-form .form-actions .player .btn .btn-primary.add .send-icon,#root .container .player .btn .support-dashboard .dashboard-content .email-composition .email-form .form-actions .btn-primary.add .send-icon{font-size:1.2rem}}#root .container .support-dashboard .dashboard-content .email-history .section-header{border-bottom:1px solid #d41b4333;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .section-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:25px}}#root .container .support-dashboard .dashboard-content .email-history .section-header h2{color:#fff;font-size:1.3rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .section-header h2{font-size:1.5rem}}#root .container .support-dashboard .dashboard-content .email-history .section-header .btn-refresh{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:6px;align-self:flex-start;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .section-header .btn-refresh{border-radius:8px;align-self:auto;padding:10px 18px;font-size:.9rem}}#root .container .support-dashboard .dashboard-content .email-history .section-header .btn-refresh:hover{color:#fff;background:#d41b4333}#root .container .support-dashboard .dashboard-content .email-history .empty-history{text-align:center;color:#ffa8bb;opacity:.7;padding:40px 15px}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .empty-history{padding:50px 20px}}#root .container .support-dashboard .dashboard-content .email-history .empty-history .empty-icon{opacity:.5;margin-bottom:15px;font-size:2.5rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .empty-history .empty-icon{margin-bottom:20px;font-size:3rem}}#root .container .support-dashboard .dashboard-content .email-history .empty-history h3{color:#fff;opacity:.9;margin-bottom:8px;font-size:1.2rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .empty-history h3{margin-bottom:10px;font-size:1.3rem}}#root .container .support-dashboard .dashboard-content .email-history .empty-history p{opacity:.7;font-size:.9rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .empty-history p{font-size:.95rem}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item{background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item{border-radius:10px;margin-bottom:15px;padding:20px}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item:hover{background:#d41b4326;transform:translate(3px)}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item:hover{transform:translate(5px)}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header{flex-direction:row;justify-content:space-between;align-items:center;gap:0;margin-bottom:12px}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header .history-type{color:#00d181;text-transform:uppercase;letter-spacing:.5px;background:#00d18133;border-radius:15px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:600}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header .history-type{border-radius:20px;padding:6px 14px;font-size:.8rem}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header .history-time{color:#ffa8bb;opacity:.8;font-size:.8rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-header .history-time{font-size:.85rem}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-subject{color:#fff;margin-bottom:6px;font-size:1rem;font-weight:600;line-height:1.4}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-subject{margin-bottom:8px;font-size:1.05rem}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-recipient{color:#ffa8bb;font-size:.85rem}@media screen and (min-width:768px){#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-recipient{font-size:.9rem}}#root .container .support-dashboard .dashboard-content .email-history .history-list .history-item .history-recipient .recipient-email{color:#00d181;word-break:break-all;font-weight:500}#root .container .admin-dashboard{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .admin-dashboard.loading{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}#root .container .admin-dashboard.loading .loader{border:4px solid #d41b4333;border-top-color:#00d181;border-radius:50%;width:60px;height:60px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .admin-dashboard.loading p{color:#ffa8bb;font-size:1.1rem}#root .container .admin-dashboard .dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:40px;display:flex}@media screen and (max-width:768px){#root .container .admin-dashboard .dashboard-header{flex-direction:column}}#root .container .admin-dashboard .dashboard-header .header-content h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem}@media screen and (max-width:900px){#root .container .admin-dashboard .dashboard-header .header-content h1{font-size:2rem}}#root .container .admin-dashboard .dashboard-header .header-content .header-subtitle{color:#ffa8bb;opacity:.9;font-size:1.1rem}#root .container .admin-dashboard .dashboard-header .header-controls{align-items:center;gap:15px;display:flex}#root .container .admin-dashboard .dashboard-header .header-controls .time-range-selector{background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:10px;padding:10px 15px;display:flex}#root .container .admin-dashboard .dashboard-header .header-controls .time-range-selector svg{color:#ffa8bb}#root .container .admin-dashboard .dashboard-header .header-controls .time-range-selector .time-select{color:#fff;cursor:pointer;background:0 0;border:none;min-width:120px;font-size:.95rem}#root .container .admin-dashboard .dashboard-header .header-controls .time-range-selector .time-select:focus{outline:none}#root .container .admin-dashboard .dashboard-header .header-controls .time-range-selector .time-select option{color:#fff;background:#160207}#root .container .admin-dashboard .dashboard-header .header-controls .refresh-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;transition:all .3s;display:flex}#root .container .admin-dashboard .dashboard-header .header-controls .refresh-btn:hover{color:#fff;background:#d41b4333}#root .container .admin-dashboard .dashboard-header .header-controls .refresh-btn:disabled{opacity:.6;cursor:not-allowed}#root .container .admin-dashboard .dashboard-header .header-controls .refresh-btn .spinning{animation:1s linear infinite spin}#root .container .admin-dashboard .quick-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}@media screen and (max-width:768px){#root .container .admin-dashboard .quick-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#root .container .admin-dashboard .quick-stats{grid-template-columns:1fr}}#root .container .admin-dashboard .quick-stats .stat-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}#root .container .admin-dashboard .quick-stats .stat-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}#root .container .admin-dashboard .quick-stats .stat-card .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:none}#root .container .admin-dashboard .quick-stats .stat-card .stat-info{flex:1}#root .container .admin-dashboard .quick-stats .stat-card .stat-info .stat-number{color:#00d181;margin-bottom:5px;font-size:2rem;font-weight:700;line-height:1}#root .container .admin-dashboard .quick-stats .stat-card .stat-info .stat-label{color:#ffa8bb;opacity:.9;margin-bottom:8px;font-size:.95rem}#root .container .admin-dashboard .quick-stats .stat-card .stat-info .stat-change{align-items:center;gap:5px;margin-top:20px;font-size:.85rem;display:flex}#root .container .admin-dashboard .quick-stats .stat-card .stat-info .stat-change.positive{color:#00d181}#root .container .admin-dashboard .quick-stats .stat-card .stat-info .stat-change svg{font-size:.9rem}#root .container .admin-dashboard .dashboard-tabs{gap:10px;margin-bottom:30px;padding-bottom:5px;display:flex;overflow-x:auto}#root .container .admin-dashboard .dashboard-tabs::-webkit-scrollbar{height:4px}#root .container .admin-dashboard .dashboard-tabs::-webkit-scrollbar-track{background:#d41b431a;border-radius:2px}#root .container .admin-dashboard .dashboard-tabs::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:2px}#root .container .admin-dashboard .dashboard-tabs .tab-btn{color:#ffa8bb;cursor:pointer;white-space:nowrap;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}#root .container .admin-dashboard .dashboard-tabs .tab-btn:hover{color:#fff;background:#d41b4333}#root .container .admin-dashboard .dashboard-tabs .tab-btn.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600}#root .container .admin-dashboard .dashboard-content .overview-grid,#root .container .admin-dashboard .dashboard-content .users-grid,#root .container .admin-dashboard .dashboard-content .content-grid,#root .container .admin-dashboard .dashboard-content .engagement-grid,#root .container .admin-dashboard .dashboard-content .subscriptions-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;display:grid}#root .container .admin-dashboard .dashboard-content .overview-grid .full-width,#root .container .admin-dashboard .dashboard-content .users-grid .full-width,#root .container .admin-dashboard .dashboard-content .content-grid .full-width,#root .container .admin-dashboard .dashboard-content .engagement-grid .full-width,#root .container .admin-dashboard .dashboard-content .subscriptions-grid .full-width{grid-column:1/-1}@media screen and (max-width:768px){#root .container .admin-dashboard .dashboard-content .overview-grid,#root .container .admin-dashboard .dashboard-content .users-grid,#root .container .admin-dashboard .dashboard-content .content-grid,#root .container .admin-dashboard .dashboard-content .engagement-grid,#root .container .admin-dashboard .dashboard-content .subscriptions-grid{grid-template-columns:1fr}}#root .container .admin-dashboard .chart-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:25px;transition:all .3s}#root .container .admin-dashboard .chart-card:hover{border-color:#00d18133;box-shadow:0 10px 30px #0003}#root .container .admin-dashboard .chart-card .chart-header{margin-bottom:25px}#root .container .admin-dashboard .chart-card .chart-header h3{color:#fff;margin-bottom:5px;font-size:1.3rem}#root .container .admin-dashboard .chart-card .chart-header .chart-subtitle{color:#ffa8bb;opacity:.8;font-size:.9rem}#root .container .admin-dashboard .chart-card .health-metrics,#root .container .admin-dashboard .chart-card .engagement-metrics{flex-direction:column;gap:20px;display:flex}#root .container .admin-dashboard .chart-card .health-metrics .health-metric .metric-label,#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-label,#root .container .admin-dashboard .chart-card .engagement-metrics .health-metric .metric-label,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-label{color:#ffa8bb;opacity:.8;margin-bottom:5px;font-size:.9rem}#root .container .admin-dashboard .chart-card .health-metrics .health-metric .metric-value,#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-value,#root .container .admin-dashboard .chart-card .engagement-metrics .health-metric .metric-value,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-value{color:#fff;margin-bottom:8px;font-size:1.8rem;font-weight:700}#root .container .admin-dashboard .chart-card .health-metrics .health-metric .metric-percentage,#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-percentage,#root .container .admin-dashboard .chart-card .engagement-metrics .health-metric .metric-percentage,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-percentage{color:#ffa8bb;opacity:.7;font-size:.85rem}#root .container .admin-dashboard .chart-card .health-metrics .health-metric .metric-progress,#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-progress,#root .container .admin-dashboard .chart-card .engagement-metrics .health-metric .metric-progress,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-progress{background:#d41b431a;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}#root .container .admin-dashboard .chart-card .health-metrics .health-metric .metric-progress .progress-bar,#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-progress .progress-bar,#root .container .admin-dashboard .chart-card .engagement-metrics .health-metric .metric-progress .progress-bar,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-progress .progress-bar{border-radius:3px;height:100%;transition:width .3s}#root .container .admin-dashboard .chart-card .health-metrics .metric-card,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card{background:#d41b430d;border:1px solid #d41b431a;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-icon,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-icon{color:#00d181;background:#d41b431a;border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}#root .container .admin-dashboard .chart-card .health-metrics .metric-card .metric-content,#root .container .admin-dashboard .chart-card .engagement-metrics .metric-card .metric-content{flex:1}#root .container .admin-dashboard .user-list,#root .container .admin-dashboard .song-list{flex-direction:column;gap:12px;max-height:400px;padding-right:10px;display:flex;overflow-y:auto}#root .container .admin-dashboard .user-list::-webkit-scrollbar{width:6px}#root .container .admin-dashboard .song-list::-webkit-scrollbar{width:6px}#root .container .admin-dashboard .user-list::-webkit-scrollbar-track{background:#d41b431a;border-radius:3px}#root .container .admin-dashboard .song-list::-webkit-scrollbar-track{background:#d41b431a;border-radius:3px}#root .container .admin-dashboard .user-list::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:3px}#root .container .admin-dashboard .song-list::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:3px}#root .container .admin-dashboard .user-list .user-item,#root .container .admin-dashboard .user-list .song-item,#root .container .admin-dashboard .song-list .user-item,#root .container .admin-dashboard .song-list .song-item{background:#d41b430d;border:1px solid #d41b431a;border-radius:10px;align-items:center;gap:15px;padding:15px;transition:all .3s;display:flex}#root .container .admin-dashboard .user-list .user-item:hover,#root .container .admin-dashboard .user-list .song-item:hover,#root .container .admin-dashboard .song-list .user-item:hover,#root .container .admin-dashboard .song-list .song-item:hover{background:#d41b431a;transform:translate(5px)}#root .container .admin-dashboard .user-list .user-item .user-rank,#root .container .admin-dashboard .user-list .user-item .song-rank,#root .container .admin-dashboard .user-list .song-item .user-rank,#root .container .admin-dashboard .user-list .song-item .song-rank,#root .container .admin-dashboard .song-list .user-item .user-rank,#root .container .admin-dashboard .song-list .user-item .song-rank,#root .container .admin-dashboard .song-list .song-item .user-rank,#root .container .admin-dashboard .song-list .song-item .song-rank{color:#00d181;text-align:center;width:30px;font-size:1.2rem;font-weight:700}#root .container .admin-dashboard .user-list .user-item .user-info,#root .container .admin-dashboard .user-list .user-item .song-info,#root .container .admin-dashboard .user-list .song-item .user-info,#root .container .admin-dashboard .user-list .song-item .song-info,#root .container .admin-dashboard .song-list .user-item .user-info,#root .container .admin-dashboard .song-list .user-item .song-info,#root .container .admin-dashboard .song-list .song-item .user-info,#root .container .admin-dashboard .song-list .song-item .song-info{flex:1;min-width:0}#root .container .admin-dashboard .user-list .user-item .user-info .user-name,#root .container .admin-dashboard .user-list .user-item .user-info .song-title,#root .container .admin-dashboard .user-list .user-item .song-info .user-name,#root .container .admin-dashboard .user-list .user-item .song-info .song-title,#root .container .admin-dashboard .user-list .song-item .user-info .user-name,#root .container .admin-dashboard .user-list .song-item .user-info .song-title,#root .container .admin-dashboard .user-list .song-item .song-info .user-name,#root .container .admin-dashboard .user-list .song-item .song-info .song-title,#root .container .admin-dashboard .song-list .user-item .user-info .user-name,#root .container .admin-dashboard .song-list .user-item .user-info .song-title,#root .container .admin-dashboard .song-list .user-item .song-info .user-name,#root .container .admin-dashboard .song-list .user-item .song-info .song-title,#root .container .admin-dashboard .song-list .song-item .user-info .user-name,#root .container .admin-dashboard .song-list .song-item .user-info .song-title,#root .container .admin-dashboard .song-list .song-item .song-info .user-name,#root .container .admin-dashboard .song-list .song-item .song-info .song-title{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600}#root .container .admin-dashboard .user-list .user-item .user-info .song-artist,#root .container .admin-dashboard .user-list .user-item .song-info .song-artist,#root .container .admin-dashboard .user-list .song-item .user-info .song-artist,#root .container .admin-dashboard .user-list .song-item .song-info .song-artist,#root .container .admin-dashboard .song-list .user-item .user-info .song-artist,#root .container .admin-dashboard .song-list .user-item .song-info .song-artist,#root .container .admin-dashboard .song-list .song-item .user-info .song-artist,#root .container .admin-dashboard .song-list .song-item .song-info .song-artist{color:#ffa8bb;margin-bottom:8px;font-size:.9rem}#root .container .admin-dashboard .user-list .user-item .user-info .user-details,#root .container .admin-dashboard .user-list .user-item .user-info .song-meta,#root .container .admin-dashboard .user-list .user-item .song-info .user-details,#root .container .admin-dashboard .user-list .user-item .song-info .song-meta,#root .container .admin-dashboard .user-list .song-item .user-info .user-details,#root .container .admin-dashboard .user-list .song-item .user-info .song-meta,#root .container .admin-dashboard .user-list .song-item .song-info .user-details,#root .container .admin-dashboard .user-list .song-item .song-info .song-meta,#root .container .admin-dashboard .song-list .user-item .user-info .user-details,#root .container .admin-dashboard .song-list .user-item .user-info .song-meta,#root .container .admin-dashboard .song-list .user-item .song-info .user-details,#root .container .admin-dashboard .song-list .user-item .song-info .song-meta,#root .container .admin-dashboard .song-list .song-item .user-info .user-details,#root .container .admin-dashboard .song-list .song-item .user-info .song-meta,#root .container .admin-dashboard .song-list .song-item .song-info .user-details,#root .container .admin-dashboard .song-list .song-item .song-info .song-meta{flex-wrap:wrap;gap:15px;font-size:.85rem;display:flex}#root .container .admin-dashboard .user-list .user-item .user-info .user-details span,#root .container .admin-dashboard .user-list .user-item .user-info .song-meta span,#root .container .admin-dashboard .user-list .user-item .song-info .user-details span,#root .container .admin-dashboard .user-list .user-item .song-info .song-meta span,#root .container .admin-dashboard .user-list .song-item .user-info .user-details span,#root .container .admin-dashboard .user-list .song-item .user-info .song-meta span,#root .container .admin-dashboard .user-list .song-item .song-info .user-details span,#root .container .admin-dashboard .user-list .song-item .song-info .song-meta span,#root .container .admin-dashboard .song-list .user-item .user-info .user-details span,#root .container .admin-dashboard .song-list .user-item .user-info .song-meta span,#root .container .admin-dashboard .song-list .user-item .song-info .user-details span,#root .container .admin-dashboard .song-list .user-item .song-info .song-meta span,#root .container .admin-dashboard .song-list .song-item .user-info .user-details span,#root .container .admin-dashboard .song-list .song-item .user-info .song-meta span,#root .container .admin-dashboard .song-list .song-item .song-info .user-details span,#root .container .admin-dashboard .song-list .song-item .song-info .song-meta span{color:#ffa8bbb3}#root .container .admin-dashboard .user-list .user-item .user-info .user-details .status,#root .container .admin-dashboard .user-list .user-item .user-info .song-meta .status,#root .container .admin-dashboard .user-list .user-item .song-info .user-details .status,#root .container .admin-dashboard .user-list .user-item .song-info .song-meta .status,#root .container .admin-dashboard .user-list .song-item .user-info .user-details .status,#root .container .admin-dashboard .user-list .song-item .user-info .song-meta .status,#root .container .admin-dashboard .user-list .song-item .song-info .user-details .status,#root .container .admin-dashboard .user-list .song-item .song-info .song-meta .status,#root .container .admin-dashboard .song-list .user-item .user-info .user-details .status,#root .container .admin-dashboard .song-list .user-item .user-info .song-meta .status,#root .container .admin-dashboard .song-list .user-item .song-info .user-details .status,#root .container .admin-dashboard .song-list .user-item .song-info .song-meta .status,#root .container .admin-dashboard .song-list .song-item .user-info .user-details .status,#root .container .admin-dashboard .song-list .song-item .user-info .song-meta .status,#root .container .admin-dashboard .song-list .song-item .song-info .user-details .status,#root .container .admin-dashboard .song-list .song-item .song-info .song-meta .status{border-radius:10px;padding:2px 8px;font-size:.8rem;font-weight:600}#root .container .admin-dashboard .user-list .user-item .user-info .user-details .status.public,#root .container .admin-dashboard .user-list .user-item .user-info .song-meta .status.public,#root .container .admin-dashboard .user-list .user-item .song-info .user-details .status.public,#root .container .admin-dashboard .user-list .user-item .song-info .song-meta .status.public,#root .container .admin-dashboard .user-list .song-item .user-info .user-details .status.public,#root .container .admin-dashboard .user-list .song-item .user-info .song-meta .status.public,#root .container .admin-dashboard .user-list .song-item .song-info .user-details .status.public,#root .container .admin-dashboard .user-list .song-item .song-info .song-meta .status.public,#root .container .admin-dashboard .song-list .user-item .user-info .user-details .status.public,#root .container .admin-dashboard .song-list .user-item .user-info .song-meta .status.public,#root .container .admin-dashboard .song-list .user-item .song-info .user-details .status.public,#root .container .admin-dashboard .song-list .user-item .song-info .song-meta .status.public,#root .container .admin-dashboard .song-list .song-item .user-info .user-details .status.public,#root .container .admin-dashboard .song-list .song-item .user-info .song-meta .status.public,#root .container .admin-dashboard .song-list .song-item .song-info .user-details .status.public,#root .container .admin-dashboard .song-list .song-item .song-info .song-meta .status.public{color:#00d181;background:#00d18133}#root .container .admin-dashboard .user-list .user-item .user-info .user-details .status.private,#root .container .admin-dashboard .user-list .user-item .user-info .song-meta .status.private,#root .container .admin-dashboard .user-list .user-item .song-info .user-details .status.private,#root .container .admin-dashboard .user-list .user-item .song-info .song-meta .status.private,#root .container .admin-dashboard .user-list .song-item .user-info .user-details .status.private,#root .container .admin-dashboard .user-list .song-item .user-info .song-meta .status.private,#root .container .admin-dashboard .user-list .song-item .song-info .user-details .status.private,#root .container .admin-dashboard .user-list .song-item .song-info .song-meta .status.private,#root .container .admin-dashboard .song-list .user-item .user-info .user-details .status.private,#root .container .admin-dashboard .song-list .user-item .user-info .song-meta .status.private,#root .container .admin-dashboard .song-list .user-item .song-info .user-details .status.private,#root .container .admin-dashboard .song-list .user-item .song-info .song-meta .status.private,#root .container .admin-dashboard .song-list .song-item .user-info .user-details .status.private,#root .container .admin-dashboard .song-list .song-item .user-info .song-meta .status.private,#root .container .admin-dashboard .song-list .song-item .song-info .user-details .status.private,#root .container .admin-dashboard .song-list .song-item .song-info .song-meta .status.private{color:#ffa8bb;background:#d41b4333}#root .container .admin-dashboard .user-list .user-item .user-stats,#root .container .admin-dashboard .user-list .user-item .song-stats,#root .container .admin-dashboard .user-list .song-item .user-stats,#root .container .admin-dashboard .user-list .song-item .song-stats,#root .container .admin-dashboard .song-list .user-item .user-stats,#root .container .admin-dashboard .song-list .user-item .song-stats,#root .container .admin-dashboard .song-list .song-item .user-stats,#root .container .admin-dashboard .song-list .song-item .song-stats{gap:15px;display:flex}#root .container .admin-dashboard .user-list .user-item .user-stats .stat,#root .container .admin-dashboard .user-list .user-item .song-stats .stat,#root .container .admin-dashboard .user-list .song-item .user-stats .stat,#root .container .admin-dashboard .user-list .song-item .song-stats .stat,#root .container .admin-dashboard .song-list .user-item .user-stats .stat,#root .container .admin-dashboard .song-list .user-item .song-stats .stat,#root .container .admin-dashboard .song-list .song-item .user-stats .stat,#root .container .admin-dashboard .song-list .song-item .song-stats .stat{color:#ffa8bb;white-space:nowrap;align-items:center;gap:5px;font-size:.9rem;display:flex}#root .container .admin-dashboard .user-list .user-item .user-stats .stat svg,#root .container .admin-dashboard .user-list .user-item .song-stats .stat svg,#root .container .admin-dashboard .user-list .song-item .user-stats .stat svg,#root .container .admin-dashboard .user-list .song-item .song-stats .stat svg,#root .container .admin-dashboard .song-list .user-item .user-stats .stat svg,#root .container .admin-dashboard .song-list .user-item .song-stats .stat svg,#root .container .admin-dashboard .song-list .song-item .user-stats .stat svg,#root .container .admin-dashboard .song-list .song-item .song-stats .stat svg{color:#00d181;font-size:.85rem}#root .container .recharts-default-tooltip{background-color:#160207!important;border:1px solid #d41b4333!important;border-radius:8px!important;padding:10px!important}#root .container .recharts-tooltip-label{font-weight:600;color:#fff!important}#root .container .recharts-tooltip-item,#root .container .recharts-legend-item-text{color:#ffa8bb!important}#root .container .recharts-cartesian-axis-tick-value{fill:#ffa8bb!important}#root .container .recharts-polar-grid-angle line,#root .container .recharts-polar-grid-concentric circle{stroke:#d41b4333!important}#root .container .report-management{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .report-management .notifications-bar{background:#d41b431a;border:1px solid #d41b434d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:30px;padding:15px 20px;display:flex}#root .container .report-management .notifications-bar svg{color:#ffa8bb;font-size:1.2rem}#root .container .report-management .notifications-bar .recent-reports{color:#ffa8bb;opacity:.8;margin-left:auto;font-size:.9rem}#root .container .report-management .report-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}@media screen and (max-width:768px){#root .container .report-management .report-header{flex-direction:column;align-items:flex-start}}#root .container .report-management .report-header .header-content h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:10px;margin-bottom:8px;font-size:2.5rem;display:flex}@media screen and (max-width:900px){#root .container .report-management .report-header .header-content h1{font-size:2rem}}#root .container .report-management .report-header .header-content h1 svg{-webkit-text-fill-color:initial;color:#ffa8bb}#root .container .report-management .report-header .header-content .header-subtitle{color:#ffa8bb;opacity:.9;font-size:1.1rem}#root .container .report-management .report-header .header-controls{gap:10px;display:flex}#root .container .report-management .report-header .header-controls button,#root .container .report-management .report-header .header-controls .player .btn .add,#root .container .player .btn .report-management .report-header .header-controls .add{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;transition:all .3s;display:flex}#root .container .report-management .report-header .header-controls button.export-btn,#root .container .report-management .report-header .header-controls .player .btn .export-btn.add,#root .container .player .btn .report-management .report-header .header-controls .export-btn.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);font-weight:600}#root .container .report-management .report-header .header-controls button.export-btn:hover,#root .container .report-management .report-header .header-controls .player .btn .export-btn.add:hover,#root .container .player .btn .report-management .report-header .header-controls .export-btn.add:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .report-management .report-header .header-controls button.refresh-btn,#root .container .report-management .report-header .header-controls .player .btn .refresh-btn.add,#root .container .player .btn .report-management .report-header .header-controls .refresh-btn.add{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b4333}#root .container .report-management .report-header .header-controls button.refresh-btn:hover:not(:disabled),#root .container .report-management .report-header .header-controls .player .btn .refresh-btn.add:hover:not(:disabled),#root .container .player .btn .report-management .report-header .header-controls .refresh-btn.add:hover:not(:disabled){color:#fff;background:#d41b4333}#root .container .report-management .report-header .header-controls button.refresh-btn:disabled,#root .container .report-management .report-header .header-controls .player .btn .refresh-btn.add:disabled,#root .container .player .btn .report-management .report-header .header-controls .refresh-btn.add:disabled{opacity:.5;cursor:not-allowed}#root .container .report-management .stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px;display:grid}@media screen and (max-width:768px){#root .container .report-management .stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){#root .container .report-management .stats-grid{grid-template-columns:1fr}}#root .container .report-management .stats-grid .stat-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;align-items:center;gap:20px;padding:25px;transition:all .3s;display:flex}#root .container .report-management .stats-grid .stat-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}#root .container .report-management .stats-grid .stat-card .stat-icon{border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;display:flex}#root .container .report-management .stats-grid .stat-card .stat-icon.pending,#root .container .report-management .stats-grid .stat-card .stat-icon.copyright{color:#ffa8bb;background:#d41b431a}#root .container .report-management .stats-grid .stat-card .stat-icon.resolved{color:#00d181;background:#00d1811a}#root .container .report-management .stats-grid .stat-card .stat-icon.total{color:#ffa8bb;background:#d41b431a}#root .container .report-management .stats-grid .stat-card .stat-info{flex:1}#root .container .report-management .stats-grid .stat-card .stat-info .stat-number{color:#00d181;margin-bottom:5px;font-size:2rem;font-weight:700;line-height:1}#root .container .report-management .stats-grid .stat-card .stat-info .stat-label{color:#ffa8bb;opacity:.9;margin-bottom:5px;font-size:.95rem}#root .container .report-management .stats-grid .stat-card .stat-info .stat-trend{color:#00d181;font-size:.85rem}#root .container .report-management .filters-section{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}#root .container .report-management .filters-section .search-box{flex:1;min-width:250px;position:relative}#root .container .report-management .filters-section .search-box svg{color:#ffa8bb;opacity:.6;position:absolute;top:50%;left:12px;transform:translateY(-50%)}#root .container .report-management .filters-section .search-box input{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;padding:12px 12px 12px 40px;font-size:.95rem}#root .container .report-management .filters-section .search-box input:focus{border-color:#00d181;outline:none}#root .container .report-management .filters-section .search-box input::placeholder{color:#ffa8bb;opacity:.5}#root .container .report-management .filters-section .filter-group{flex-wrap:wrap;gap:10px;display:flex}#root .container .report-management .filters-section .filter-group select,#root .container .report-management .filters-section .filter-group input{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;min-width:140px;padding:12px;font-size:.95rem}#root .container .report-management .filters-section .filter-group select:focus,#root .container .report-management .filters-section .filter-group input:focus{border-color:#00d181;outline:none}#root .container .report-management .filters-section .filter-group select option,#root .container .report-management .filters-section .filter-group input option{color:#fff;background:#390814}#root .container .report-management .filters-section .filter-group input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root .container .report-management .bulk-actions{background:#00d1811a;border:1px solid #00d1814d;border-radius:10px;flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;padding:15px 20px;display:flex}#root .container .report-management .bulk-actions span{color:#00d181;font-weight:600}#root .container .report-management .bulk-actions button,#root .container .report-management .bulk-actions .player .btn .add,#root .container .player .btn .report-management .bulk-actions .add{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:flex}#root .container .report-management .bulk-actions button:first-of-type,#root .container .report-management .bulk-actions .player .btn .add:first-of-type,#root .container .player .btn .report-management .bulk-actions .add:first-of-type{color:#160207;background:#00d181;font-weight:600}#root .container .report-management .bulk-actions button:first-of-type:hover,#root .container .report-management .bulk-actions .player .btn .add:first-of-type:hover,#root .container .player .btn .report-management .bulk-actions .add:first-of-type:hover{background:#05ff9f;transform:translateY(-2px)}#root .container .report-management .bulk-actions button:nth-of-type(2),#root .container .report-management .bulk-actions .player .btn .add:nth-of-type(2),#root .container .player .btn .report-management .bulk-actions .add:nth-of-type(2){color:#ff2b2b;background:#ff2b2b33}#root .container .report-management .bulk-actions button:nth-of-type(2):hover,#root .container .report-management .bulk-actions .player .btn .add:nth-of-type(2):hover,#root .container .player .btn .report-management .bulk-actions .add:nth-of-type(2):hover{background:#ff2b2b4d;transform:translateY(-2px)}#root .container .report-management .bulk-actions button:last-of-type,#root .container .report-management .bulk-actions .player .btn .add:last-of-type,#root .container .player .btn .report-management .bulk-actions .add:last-of-type{color:#ffa8bb;background:#d41b431a}#root .container .report-management .bulk-actions button:last-of-type:hover,#root .container .report-management .bulk-actions .player .btn .add:last-of-type:hover,#root .container .player .btn .report-management .bulk-actions .add:last-of-type:hover{background:#d41b4333;transform:translateY(-2px)}#root .container .report-management .reports-table-container{background:#d41b4305;border:1px solid #d41b431a;border-radius:15px;overflow:hidden}#root .container .report-management .reports-table-container .loading-state{text-align:center;padding:60px}#root .container .report-management .reports-table-container .loading-state .loader{border:3px solid #d41b431a;border-top-color:#00d181;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}#root .container .report-management .reports-table-container .loading-state p{color:#ffa8bb;opacity:.8}#root .container .report-management .reports-table{border-collapse:collapse;width:100%}#root .container .report-management .reports-table th{text-align:left;color:#ffa8bb;background:#d41b430d;border-bottom:1px solid #d41b4333;padding:15px 20px;font-size:.9rem;font-weight:600}#root .container .report-management .reports-table td{border-bottom:1px solid #d41b431a;padding:15px 20px}#root .container .report-management .reports-table tr{transition:all .3s}#root .container .report-management .reports-table tr:hover{background:#d41b430d}#root .container .report-management .reports-table tr.selected{background:#d41b431a}#root .container .report-management .reports-table .song-info,#root .container .report-management .reports-table .user-info{align-items:center;gap:12px;display:flex}#root .container .report-management .reports-table .song-info img,#root .container .report-management .reports-table .user-info img{-o-object-fit:cover;object-fit:cover;border:1px solid #d41b4333;border-radius:8px;width:40px;height:40px}#root .container .report-management .reports-table .song-info .song-title,#root .container .report-management .reports-table .user-info .song-title{color:#fff;margin-bottom:4px;font-weight:600}#root .container .report-management .reports-table .song-info .song-artist,#root .container .report-management .reports-table .user-info .song-artist{color:#ffa8bb;opacity:.8;font-size:.85rem}#root .container .report-management .reports-table .song-info span,#root .container .report-management .reports-table .user-info span{color:#fff;font-weight:500}#root .container .report-management .reports-table .reason-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}#root .container .report-management .reports-table .reason-badge.reason-copyright{color:#ffa8bb;background:#d41b431a}#root .container .report-management .reports-table .reason-badge.reason-inappropriate{color:#b97f00;background:#b97f001a}#root .container .report-management .reports-table .reason-badge.reason-spam{color:#00d181;background:#00d1811a}#root .container .report-management .reports-table .reason-badge.reason-other{color:#ffa8bb;background:#ffa8bb1a}#root .container .report-management .reports-table .status-badge{border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}#root .container .report-management .reports-table .status-badge.status-pending{color:#b97f00;background:#b97f001a}#root .container .report-management .reports-table .status-badge.status-reviewed{color:#00d181;background:#00d1811a}#root .container .report-management .reports-table .status-badge.status-resolved{color:#16c016;background:#16c0161a}#root .container .report-management .reports-table .status-badge.status-dismissed{color:#ff2b2b;background:#ff2b2b1a}#root .container .report-management .reports-table .date-info{color:#ffa8bb;opacity:.8;align-items:center;gap:8px;font-size:.9rem;display:flex}#root .container .report-management .reports-table .date-info svg{color:#00d181}#root .container .report-management .reports-table .action-buttons{flex-wrap:wrap;gap:8px;display:flex}#root .container .report-management .reports-table .action-buttons button,#root .container .report-management .reports-table .action-buttons .player .btn .add,#root .container .player .btn .report-management .reports-table .action-buttons .add{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;transition:all .3s;display:flex}#root .container .report-management .reports-table .action-buttons button.view-btn,#root .container .report-management .reports-table .action-buttons .player .btn .view-btn.add,#root .container .player .btn .report-management .reports-table .action-buttons .view-btn.add{color:#00d181;background:#00d1811a}#root .container .report-management .reports-table .action-buttons button.view-btn:hover,#root .container .report-management .reports-table .action-buttons .player .btn .view-btn.add:hover,#root .container .player .btn .report-management .reports-table .action-buttons .view-btn.add:hover{background:#00d18133;transform:translateY(-2px)}#root .container .report-management .reports-table .action-buttons button.resolve-btn,#root .container .report-management .reports-table .action-buttons .player .btn .resolve-btn.add,#root .container .player .btn .report-management .reports-table .action-buttons .resolve-btn.add{color:#16c016;background:#16c0161a}#root .container .report-management .reports-table .action-buttons button.resolve-btn:hover,#root .container .report-management .reports-table .action-buttons .player .btn .resolve-btn.add:hover,#root .container .player .btn .report-management .reports-table .action-buttons .resolve-btn.add:hover{background:#16c01633;transform:translateY(-2px)}#root .container .report-management .reports-table .action-buttons button.dismiss-btn,#root .container .report-management .reports-table .action-buttons .player .btn .dismiss-btn.add,#root .container .player .btn .report-management .reports-table .action-buttons .dismiss-btn.add{color:#ff2b2b;background:#ff2b2b1a}#root .container .report-management .reports-table .action-buttons button.dismiss-btn:hover,#root .container .report-management .reports-table .action-buttons .player .btn .dismiss-btn.add:hover,#root .container .player .btn .report-management .reports-table .action-buttons .dismiss-btn.add:hover{background:#ff2b2b33;transform:translateY(-2px)}#root .container .report-management .pagination{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}#root .container .report-management .pagination button,#root .container .report-management .pagination .player .btn .add,#root .container .player .btn .report-management .pagination .add{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;padding:10px 20px;transition:all .3s}#root .container .report-management .pagination button:hover:not(:disabled),#root .container .report-management .pagination .player .btn .add:hover:not(:disabled),#root .container .player .btn .report-management .pagination .add:hover:not(:disabled){color:#fff;background:#d41b4333}#root .container .report-management .pagination button:disabled,#root .container .report-management .pagination .player .btn .add:disabled,#root .container .player .btn .report-management .pagination .add:disabled{opacity:.3;cursor:not-allowed}#root .container .report-management .pagination span{color:#ffa8bb;opacity:.8}#root .container .report-management .report-details-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#root .container .report-management .report-details-modal .modal-content{background:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:100%;max-width:800px;max-height:80vh;animation:.3s modalSlideIn;overflow-y:auto;box-shadow:0 20px 40px #0006}#root .container .report-management .report-details-modal .modal-content::-webkit-scrollbar{width:8px}#root .container .report-management .report-details-modal .modal-content::-webkit-scrollbar-track{background:#d41b431a;border-radius:4px}#root .container .report-management .report-details-modal .modal-content::-webkit-scrollbar-thumb{background:#d41b434d;border-radius:4px}#root .container .report-management .report-details-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#d41b4366}#root .container .report-management .report-details-modal .modal-content.loading,#root .container .report-management .report-details-modal .modal-content.error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px;display:flex}#root .container .report-management .report-details-modal .modal-content.loading .loader,#root .container .report-management .report-details-modal .modal-content.error .loader{border:3px solid #d41b431a;border-top-color:#00d181;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .report-management .report-details-modal .modal-content.loading .error-icon,#root .container .report-management .report-details-modal .modal-content.error .error-icon{color:#ff2b2b;margin-bottom:20px;font-size:3rem}#root .container .report-management .report-details-modal .modal-content.loading .error-icon svg,#root .container .report-management .report-details-modal .modal-content.error .error-icon svg{width:60px;height:60px}#root .container .report-management .report-details-modal .modal-content.loading h3,#root .container .report-management .report-details-modal .modal-content.error h3{color:#fff;margin-bottom:10px;font-size:1.5rem}#root .container .report-management .report-details-modal .modal-content.loading p,#root .container .report-management .report-details-modal .modal-content.error p{color:#ffa8bb;margin-bottom:20px}#root .container .report-management .report-details-modal .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}#root .container .report-management .report-details-modal .modal-header h2{color:#fff;align-items:center;gap:10px;font-size:1.5rem;display:flex}#root .container .report-management .report-details-modal .modal-header h2 svg{color:#ffa8bb}#root .container .report-management .report-details-modal .modal-header .close-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}#root .container .report-management .report-details-modal .modal-header .close-btn:hover:not(:disabled){color:#fff;background:#d41b4333;transform:rotate(90deg)}#root .container .report-management .report-details-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .report-management .report-details-modal .modal-header .close-btn svg{font-size:1.2rem}#root .container .report-management .report-details-modal .modal-body{padding:25px}#root .container .report-management .report-details-modal .modal-body .status-section{margin-bottom:25px}#root .container .report-management .report-details-modal .modal-body .status-section .status-badge{border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:600;display:inline-flex}#root .container .report-management .report-details-modal .modal-body .status-section .status-badge.pending{color:#b97f00;background:#b97f001a;border:1px solid #b97f004d}#root .container .report-management .report-details-modal .modal-body .status-section .status-badge.reviewed{color:#00d181;background:#00d1811a;border:1px solid #00d1814d}#root .container .report-management .report-details-modal .modal-body .status-section .status-badge.resolved{color:#16c016;background:#16c0161a;border:1px solid #16c0164d}#root .container .report-management .report-details-modal .modal-body .status-section .status-badge.dismissed{color:#ff2b2b;background:#ff2b2b1a;border:1px solid #ff2b2b4d}#root .container .report-management .report-details-modal .modal-body .info-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px;display:grid}@media screen and (max-width:600px){#root .container .report-management .report-details-modal .modal-body .info-grid{grid-template-columns:1fr}}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card{background:#d41b430d;border:1px solid #d41b431a;border-radius:12px;padding:15px}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-header{color:#ffa8bb;border-bottom:1px solid #d41b4333;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;font-size:.9rem;font-weight:600;display:flex}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-header svg{color:#00d181}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content{gap:15px;display:flex}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content img{-o-object-fit:cover;object-fit:cover;border:2px solid #d41b4333;border-radius:10px;width:60px;height:60px}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content .info-name{color:#fff;margin-bottom:4px;font-weight:600}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content .info-email,#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content .info-artist{color:#ffa8bb;opacity:.8;margin-bottom:4px;font-size:.85rem}#root .container .report-management .report-details-modal .modal-body .info-grid .info-card .info-content .info-meta{color:#ffffff80;font-size:.8rem}#root .container .report-management .report-details-modal .modal-body .details-section{background:#d41b430d;border:1px solid #d41b431a;border-radius:12px;margin-bottom:25px;padding:20px}#root .container .report-management .report-details-modal .modal-body .details-section h3{color:#fff;border-bottom:1px solid #d41b4333;align-items:center;gap:8px;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem;display:flex}#root .container .report-management .report-details-modal .modal-body .details-section h3 svg{color:#00d181}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item{border-bottom:1px solid #d41b431a;padding:10px 0;display:flex}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item:last-child{border-bottom:none}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item .detail-label{color:#ffa8bb;opacity:.8;width:120px;font-size:.9rem}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item .detail-value{color:#fff;flex:1}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item .detail-value.reason{text-transform:capitalize}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item .detail-value.details{white-space:pre-wrap;background:#0003;border-radius:6px;padding:10px;line-height:1.5}#root .container .report-management .report-details-modal .modal-body .details-section .detail-item .detail-value.resolution{color:#00d181;font-style:italic}#root .container .report-management .report-details-modal .modal-body .context-section{background:#d41b430d;border:1px solid #d41b431a;border-radius:12px;padding:20px}#root .container .report-management .report-details-modal .modal-body .context-section h3{color:#fff;border-bottom:1px solid #d41b4333;margin-bottom:15px;padding-bottom:10px;font-size:1.1rem}#root .container .report-management .report-details-modal .modal-body .context-section .context-stats{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px;display:grid}#root .container .report-management .report-details-modal .modal-body .context-section .context-stats .stat{text-align:center;background:#0003;border-radius:8px;padding:12px}#root .container .report-management .report-details-modal .modal-body .context-section .context-stats .stat .stat-label{color:#ffa8bb;opacity:.8;margin-bottom:5px;font-size:.85rem;display:block}#root .container .report-management .report-details-modal .modal-body .context-section .context-stats .stat .stat-value{color:#00d181;font-size:1.5rem;font-weight:700;display:block}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports{margin-top:20px}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports h4{color:#fff;margin-bottom:10px;font-size:.95rem}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item{background:#0003;border-radius:6px;align-items:center;gap:10px;margin-bottom:5px;padding:8px 12px;display:flex}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-reporter,#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-song{color:#fff;flex:2;font-size:.9rem}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-reason{color:#ffa8bb;text-transform:capitalize;flex:1;font-size:.85rem}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-status{text-transform:capitalize;flex:1;font-size:.85rem}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-status.pending{color:#b97f00}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-status.reviewed{color:#00d181}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-status.resolved{color:#16c016}#root .container .report-management .report-details-modal .modal-body .context-section .related-reports .related-item .related-status.dismissed{color:#ff2b2b}#root .container .report-management .report-details-modal .modal-footer{border-top:1px solid #d41b4333;padding:20px 25px}#root .container .report-management .report-details-modal .modal-footer .resolution-input{margin-bottom:20px}#root .container .report-management .report-details-modal .modal-footer .resolution-input label{color:#ffa8bb;margin-bottom:8px;font-size:.9rem;display:block}#root .container .report-management .report-details-modal .modal-footer .resolution-input textarea{color:#fff;resize:vertical;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;min-height:80px;padding:12px;font-size:.95rem}#root .container .report-management .report-details-modal .modal-footer .resolution-input textarea:focus{border-color:#00d181;outline:none}#root .container .report-management .report-details-modal .modal-footer .resolution-input textarea::placeholder{color:#ffa8bb;opacity:.5}#root .container .report-management .report-details-modal .modal-footer .resolution-input textarea:disabled{opacity:.5;cursor:not-allowed}#root .container .report-management .report-details-modal .modal-footer .action-buttons{flex-wrap:wrap;gap:10px;display:flex}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:120px;padding:12px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.review{color:#00d181;background:#00d1811a;border:1px solid #00d1814d}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.review:hover:not(:disabled){background:#00d18133;transform:translateY(-2px)}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.resolve{color:#16c016;background:#16c0161a;border:1px solid #16c0164d}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.resolve:hover:not(:disabled){background:#16c01633;transform:translateY(-2px)}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.dismiss{color:#ff2b2b;background:#ff2b2b1a;border:1px solid #ff2b2b4d}#root .container .report-management .report-details-modal .modal-footer .action-buttons .action-btn.dismiss:hover:not(:disabled){background:#ff2b2b33;transform:translateY(-2px)}#root .container .report-management .report-details-modal .modal-footer .close-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;padding:12px 30px;font-size:.95rem;transition:all .3s}#root .container .report-management .report-details-modal .modal-footer .close-btn:hover:not(:disabled){color:#fff;background:#d41b4333}#root .container .report-management .report-details-modal .modal-footer .close-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .report-management .report-details-modal .modal-footer .retry-btn{color:#160207;cursor:pointer;background:#00d181;border:none;border-radius:8px;padding:12px 30px;font-size:.95rem;font-weight:600;transition:all .3s}#root .container .report-management .report-details-modal .modal-footer .retry-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#root .container .loader{opacity:.9;z-index:11111111;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}#root .container .loader .circle{border:10px solid #270a0f;border-top-color:#d41b43;border-radius:50%;width:100px;height:100px;animation:1.2s linear infinite spin1;position:absolute}@keyframes spin1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#root .container .nav-links{z-index:100000;background-size:cover;width:100%;height:100%;animation:.3s linear animate-links;display:none;position:fixed;top:0;overflow:auto}#root .container .nav-links .nav-links-container{transform-origin:0;background-color:#eee;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:65%;height:auto;animation:.3s linear animateHamMenu;display:flex;position:absolute;box-shadow:0 3px 12px #000c}@keyframes animateHamMenu{0%{transform:translate(-100%)}to{transform:translate(0%)}}@media screen and (max-width:500px){#root .container .nav-links .nav-links-container{width:80%}}#root .container .nav-links .nav-links-container .user-account{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:15%;padding:10px;display:flex;overflow:hidden}#root .container .nav-links .nav-links-container .user-account .img{background-color:#0000;border-radius:50px;width:50px;height:50px;margin-top:20px}@media screen and (max-width:600px){#root .container .nav-links .nav-links-container .user-account .img{margin-top:10px}}#root .container .nav-links .nav-links-container .user-account .img img{border:2px solid #bbb;border-radius:50px;width:40px;height:40px;box-shadow:0 3px 12px #0003}#root .container .nav-links .nav-links-container .user-account .account-email{width:100%;overflow:hidden}#root .container .nav-links .nav-links-container .user-account .account-email p{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;padding:5px 0;text-decoration:none;display:block;overflow:hidden}#root .container .nav-links .nav-links-container .user-account .account-email p i{margin-right:6px}#root .container .nav-links .nav-links-container .nav-links-wrapper{background-color:#fff;width:100%;height:auto}#root .container .nav-links .nav-links-container .nav-links-wrapper a{color:#777;text-align:left;margin-top:10px 0px;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ddd;width:100%;padding:15px 10px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s ease-in-out;display:block;overflow:hidden}#root .container .nav-links .nav-links-container .nav-links-wrapper a:last-of-type{border-bottom:none}#root .container .nav-links .nav-links-container .nav-links-wrapper a:hover{background-color:#ffa8bb}#root .container .nav-links .nav-links-container .nav-links-wrapper a i{margin-right:6px}#root .container .nav-links .nav-links-container .add-button{cursor:pointer}#root .container .category-float{background-color:#0000;width:100%;position:fixed}@media screen and (max-width:700px){#root .container .category-float{bottom:16px}}#root .container .category-float{flex-direction:row;justify-content:flex-end;align-items:center;height:fit-content;padding:0 24px;display:none}@media screen and (max-width:700px){#root .container .category-float{padding:0 16px;display:flex}}@media screen and (max-width:600px){#root .container .category-float{padding:0 10px;bottom:10px}}#root .container .category-float{z-index:111}#root .container .category-float i{color:#fff;font-size:18px}#root .container .category-float .openNav{cursor:pointer;background-color:#d41b43;border:none;border-radius:50px;outline:none;flex-direction:column;justify-content:space-evenly;align-items:center;width:50px;height:50px;display:flex;box-shadow:1px 3px 15px #0000004d}#root .container .category-float .openNav span{background-color:#fff;width:12px;height:3px}#root .container .ai-nav{z-index:100;background-color:#160207;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex;position:sticky;top:0;box-shadow:0 1px 1px #ffffff1a}#root .container .ai-nav .nav-container{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:60%;height:100%;display:flex}@media screen and (max-width:1200px){#root .container .ai-nav .nav-container{width:80%}}@media screen and (max-width:600px){#root .container .ai-nav .nav-container{width:100%}}#root .container .ai-nav .nav-container a{color:#777;text-align:center;flex-direction:row;flex-basis:50%;justify-content:center;align-items:center;margin:0 15px;padding:10px;font-size:24px;text-decoration:none;transition:all .12s ease-in-out;display:flex}@media screen and (max-width:800px){#root .container .ai-nav .nav-container a{font-size:20px}}@media screen and (max-width:500px){#root .container .ai-nav .nav-container a{font-size:16px;font-weight:700}}@media screen and (max-width:600px){#root .container .ai-nav .nav-container a{padding:10px 0;font-weight:600}}#root .container .ai-nav .nav-container a:hover{color:#d41b43;background-color:#270a0f}#root .container .ai-nav .nav-container .active{color:#d41b43;border-bottom:3px solid #d41b43}#root .container .ai-page{min-height:80vh;animation:.5s fadeIn;display:none}#root .container .ai-page.active{display:flex}#root .container .ai-generation-container{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .ai-generation-container .ai-header{text-align:center;margin-bottom:40px}#root .container .ai-generation-container .ai-header h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}@media screen and (max-width:900px){#root .container .ai-generation-container .ai-header h1{font-size:2rem}}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-header h1{font-size:1.8rem}}@media screen and (max-width:350px){#root .container .ai-generation-container .ai-header h1{font-size:1.5rem}}#root .container .ai-generation-container .ai-header p{color:#ffa8bb;opacity:.9;font-size:1.1rem}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-header p{font-size:1rem}}#root .container .ai-generation-container .progress-steps{justify-content:center;align-items:center;gap:20px;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:flex}@media screen and (max-width:770px){#root .container .ai-generation-container .progress-steps{display:none}}@media screen and (max-width:500px){#root .container .ai-generation-container .progress-steps{gap:10px}}#root .container .ai-generation-container .progress-steps .step{z-index:1;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}#root .container .ai-generation-container .progress-steps .step .step-icon{background:#d41b431a;border:2px solid #d41b434d;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .progress-steps .step .step-icon{width:40px;height:40px;font-size:1.2rem}}#root .container .ai-generation-container .progress-steps .step .step-label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.9rem;font-weight:500;transition:all .3s}#root .container .ai-generation-container .progress-steps .step.active .step-icon{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;transform:scale(1.1)}#root .container .ai-generation-container .progress-steps .step.active .step-label{color:#00d181;opacity:1;font-weight:600}#root .container .ai-generation-container .progress-steps .step-connector{background:#d41b434d;flex:1;height:2px;position:relative;top:-25px}@media screen and (max-width:500px){#root .container .ai-generation-container .progress-steps .step-connector{top:-20px}}#root .container .ai-generation-container .ai-content{gap:30px;max-width:1200px;margin:0 auto;display:grid}#root .container .ai-generation-container .ai-form-card{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;padding:40px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000004d}#root .container .ai-generation-container .ai-form-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}@media screen and (max-width:768px){#root .container .ai-generation-container .ai-form-card{padding:30px 20px}}#root .container .ai-generation-container .ai-form-card .form-header{border-bottom:1px solid #d41b4333;margin-bottom:30px;padding-bottom:20px}#root .container .ai-generation-container .ai-form-card .form-header h2{color:#fff;margin-bottom:20px;font-size:1.8rem}@media screen and (max-width:900px){#root .container .ai-generation-container .ai-form-card .form-header h2{font-size:1.6rem}}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .form-header h2{font-size:1.4rem}}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher{gap:15px;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher{flex-direction:column}}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:12px;flex:1;align-items:center;gap:12px;padding:15px 25px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn{padding:12px 20px}}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn:hover{background:#d41b4333;border-color:#d41b434d}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn.active{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-color:#d41b43}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn.active .mode-icon{transform:scale(1.2)}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn .mode-icon{font-size:1.3rem;transition:transform .3s}#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn .mode-label{font-size:1rem}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .form-header .mode-switcher .mode-btn .mode-label{font-size:.9rem}}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions{margin-bottom:30px}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons{gap:15px;width:100%;margin-bottom:20px;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons{flex-direction:column}}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons .action-btn{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;flex:1;align-items:center;gap:10px;width:100%;padding:15px 20px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex;position:relative}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons .action-btn{padding:12px 15px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons .action-btn:hover{color:#fff;background:#d41b4333;border-color:#00d1814d}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons .action-btn .action-icon{font-size:1.2rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-actions .action-buttons .action-btn .selected-persona{color:#160207;background:#00d181;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-8px;right:-8px}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card{background:#00d1811a;border:1px solid #00d18133;border-radius:10px;align-items:center;gap:15px;padding:15px;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card{flex-direction:column}}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .persona-avatar{background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .persona-info{flex:1}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .persona-info h4{color:#fff;margin-bottom:5px;font-size:1rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .persona-info p{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .btn-remove{color:#ff2b2b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;max-width:10px;height:10px;max-height:10px;font-size:1.5rem;transition:all .3s;display:flex;width:10px!important}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .selected-persona-card .btn-remove:hover{background:#ff2b2b1a}#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}@media screen and (max-width:768px){#root .container .ai-generation-container .ai-form-card .ai-form .form-section .form-grid{grid-template-columns:1fr;gap:20px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-group{margin-bottom:25px}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;margin-bottom:10px;font-size:.95rem;font-weight:500;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-label .label-icon{font-size:1.1rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .floating-btn{color:#d41b43;cursor:pointer;background:#270a0f;border-radius:5px;justify-content:flex-end;padding:8px;display:flex;position:absolute;bottom:10px;right:6px}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .floating-btn.desc{bottom:40px}@media screen and (max-width:415px){#root .container .ai-generation-container .ai-form-card .ai-form .form-group .floating-btn.desc{bottom:50px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-input{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;width:100%;padding:15px 20px;font-size:1rem;transition:all .3s}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-input:focus{background:#d41b4326;border-color:#00d181;outline:none}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-input.textarea{resize:none;line-height:1.5;height:130px!important}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .form-input.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23aeffe0' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 20px center;background-repeat:no-repeat;padding-right:50px}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .input-hint{color:#aeffe0;opacity:.8;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .form-group .input-hint .hint-icon{font-size:.9rem}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;margin:30px 0;padding:25px}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-header .status-icon{font-size:2rem;animation:2s infinite pulse}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-header .status-text h4{color:#fff;margin-bottom:5px;font-size:1.2rem}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-header .status-text p{color:#ffa8bb;opacity:.9;font-size:1rem}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .progress-bar{background:#d41b4333;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .progress-bar .progress-fill{background:linear-gradient(90deg,#00d181 0%,#aeffe0 100%);border-radius:4px;height:100%;transition:width .5s}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-details{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-details .detail-item{color:#ffa8bb;align-items:center;gap:8px;font-size:.9rem;display:flex}#root .container .ai-generation-container .ai-form-card .ai-form .generation-status .status-details .detail-item .detail-icon{opacity:.8;font-size:1rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions{gap:20px;margin:30px 0;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-actions{flex-direction:column;gap:15px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .add,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .add{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:12px;padding:18px 30px;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .add,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .add{padding:16px 20px;font-size:1rem}}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button:disabled,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .add:disabled,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .add:disabled{opacity:.6;cursor:not-allowed}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-primary,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-primary.add,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-primary.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-primary:hover:not(:disabled),#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-primary.add:hover:not(:disabled),#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-primary.add:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-primary .btn-icon,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-primary.add .btn-icon,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-primary.add .btn-icon{font-size:1.2rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-secondary,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-secondary.add,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-secondary.add{color:#ffa8bb;background:#d41b4333;border:1px solid #d41b434d}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-secondary:hover,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-secondary.add:hover,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-secondary.add:hover{color:#fff;background:#d41b434d}#root .container .ai-generation-container .ai-form-card .ai-form .form-actions button.btn-secondary .btn-icon,#root .container .ai-generation-container .ai-form-card .ai-form .form-actions .player .btn .btn-secondary.add .btn-icon,#root .container .player .btn .ai-generation-container .ai-form-card .ai-form .form-actions .btn-secondary.add .btn-icon{font-size:1.2rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;gap:20px;padding:25px;display:flex}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card{flex-direction:column;gap:15px;padding:15px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-icon{color:#00d181;font-size:2rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-content h4{color:#fff;margin-bottom:15px;font-size:1.2rem}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-content ul{padding:0;list-style:none}@media screen and (max-width:500px){#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-content ul{margin-left:-15px}}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-content ul li{color:#ffa8bb;padding:5px 0 5px 25px;line-height:1.5;position:relative}#root .container .ai-generation-container .ai-form-card .ai-form .form-tips .tip-card .tip-content ul li:before{content:"•";color:#00d181;font-size:1.2rem;position:absolute;left:10px}#root .container .recent-creations{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;padding:30px}#root .container .recent-creations .section-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:20px;display:flex}#root .container .recent-creations .section-header h3{color:#fff;font-size:1.5rem}@media screen and (max-width:500px){#root .container .recent-creations .section-header h3{padding-right:10px;font-size:16px}}#root .container .recent-creations .section-header .btn-view-all{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b434d;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .3s}#root .container .recent-creations .section-header .btn-view-all:hover{color:#fff;background:#d41b4333}#root .container .recent-creations .creations-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}@media screen and (max-width:768px){#root .container .recent-creations .creations-grid{grid-template-columns:repeat(2,1fr);max-width:200px}}@media screen and (max-width:500px){#root .container .recent-creations .creations-grid{grid-template-columns:none;justify-content:center;align-items:center;max-width:200px;margin:0 auto;display:flex}}@media screen and (max-width:500px){#root .container .modal-overlay{align-items:flex-start;padding-top:20px;top:0}}#root .container .modal-overlay .persona-modal{transform-origin:top;background-color:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:80%;max-width:900px;max-height:90vh;margin-bottom:60px;padding:40px;animation:.3s linear slideUp;overflow:auto;box-shadow:0 20px 60px #00000080}@media screen and (max-width:900px){#root .container .modal-overlay .persona-modal{border-radius:15px;width:90%;margin:20px;padding:25px}}@media screen and (max-width:500px){#root .container .modal-overlay .persona-modal{border-radius:10px;width:95%;max-height:85vh;padding:20px}}#root .container .modal-overlay .persona-modal .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}#root .container .modal-overlay .persona-modal .modal-header h2{color:#fff;flex:1;margin:0;font-size:1.8rem}@media screen and (max-width:900px){#root .container .modal-overlay .persona-modal .modal-header h2{font-size:1.5rem}}@media screen and (max-width:500px){#root .container .modal-overlay .persona-modal .modal-header h2{font-size:1.3rem}}#root .container .modal-overlay .persona-modal .modal-header .upload-btn{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;align-items:center;width:auto;margin-left:10px;margin-right:10px;padding:8px 15px;display:flex}#root .container .modal-overlay .persona-modal .modal-header .upload-btn i{color:#fff;margin-right:6px}#root .container .modal-overlay .persona-modal .modal-header .btn-close{color:#ffa8bb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex}#root .container .modal-overlay .persona-modal .modal-header .btn-close:hover{color:#fff;background:#d41b431a}#root .container .modal-overlay .persona-modal .personas-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}@media screen and (max-width:500px){#root .container .modal-overlay .persona-modal .personas-grid{flex-direction:column;grid-template-columns:1fr;display:flex}}#root .container .modal-overlay .persona-modal .personas-grid .persona-card{cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:15px;align-items:center;gap:15px;padding:20px;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .persona-modal .personas-grid .persona-card{flex-direction:column}}#root .container .modal-overlay .persona-modal .personas-grid .persona-card:hover{background:#d41b4333;border-color:#00d1814d;transform:translateY(-5px)}#root .container .modal-overlay .persona-modal .personas-grid .persona-card.selected{background:#00d1811a;border-color:#00d181}#root .container .modal-overlay .persona-modal .personas-grid .persona-card.selected .persona-select .select-indicator{color:#160207;background:#00d181}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-avatar-large{background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-avatar-large{width:20px;height:20px;font-size:12px}}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details{flex:1}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details h3{color:#fff;margin-bottom:5px;font-size:1.1rem}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details .persona-style{color:#ffa8bb;opacity:.9;margin-bottom:10px;font-size:.9rem}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details .persona-stats{gap:15px;display:flex}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details .persona-stats .stat{color:#aeffe0;align-items:center;gap:5px;font-size:.8rem;display:flex}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-details .persona-stats .stat .stat-icon{font-size:.9rem}#root .container .modal-overlay .persona-modal .personas-grid .persona-card .persona-select .select-indicator{background:#d41b434d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}#root .container .modal-overlay .persona-modal .no-personas{text-align:center;padding:40px 20px}#root .container .modal-overlay .persona-modal .no-personas .no-personas-icon{opacity:.5;margin-bottom:20px;font-size:4rem}#root .container .modal-overlay .persona-modal .no-personas h3{color:#fff;margin-bottom:15px;font-size:1.5rem}#root .container .modal-overlay .persona-modal .no-personas p{color:#ffa8bb;opacity:.9;margin-bottom:30px}#root .container .modal-overlay .persona-modal .no-personas .btn-primary{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .modal-overlay .persona-modal .no-personas .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .subscription-warning{background:linear-gradient(135deg,#b97f0033 0%,#b97f001a 100%);border:1px solid #b97f004d;border-radius:15px;margin-bottom:30px;padding:20px;animation:.5s ease-out slideDown}#root .container .subscription-warning .warning-content{align-items:center;gap:20px;display:flex}@media screen and (max-width:768px){#root .container .subscription-warning .warning-content{text-align:center;flex-direction:column;gap:15px}}#root .container .subscription-warning .warning-content .warning-icon{flex-shrink:0;font-size:2.5rem}#root .container .subscription-warning .warning-content .warning-text{flex:1}#root .container .subscription-warning .warning-content .warning-text h3{color:#fff;margin-bottom:5px;font-size:1.3rem}#root .container .subscription-warning .warning-content .warning-text p{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .subscription-warning .warning-content .upgrade-btn-banner{color:#160207;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 25px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}#root .container .subscription-warning .warning-content .upgrade-btn-banner:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .subscription-warning .warning-content .upgrade-btn-banner .upgrade-icon{font-size:1.2rem}#root .container .tracks-remaining-wrapper{margin-bottom:30px}#root .container .tracks-remaining-wrapper .tracks-remaining-counter{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}@media screen and (max-width:768px){#root .container .tracks-remaining-wrapper .tracks-remaining-counter{text-align:center;flex-direction:column;gap:15px}}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-icon{background:#d41b4333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content{flex:1}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content h3{color:#fff;align-items:center;gap:10px;margin-bottom:5px;font-size:1.4rem;display:flex}@media screen and (max-width:500px){#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content h3{flex-direction:column;gap:5px}}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content h3 .count-number{color:#00d181;font-size:2rem;font-weight:700}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content h3 .count-label{font-weight:600}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .counter-content .counter-subtitle{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .subscribe-btn-counter{color:#160207;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 25px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .subscribe-btn-counter:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .tracks-remaining-wrapper .tracks-remaining-counter .subscribe-btn-counter .btn-icon{font-size:1.2rem}#root .container .ai-form .mode-btn.disabled,#root .container .ai-form .form-input:disabled,#root .container .ai-form .select:disabled,#root .container .ai-form .textarea:disabled,#root .container .ai-form .action-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}#root .container .ai-form .btn-primary:disabled{cursor:not-allowed;background:linear-gradient(135deg,#666 0%,#888 100%)}#root .container .ai-form .btn-primary:disabled:hover{box-shadow:none;transform:none}#root .container .upgrade-prompt{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;margin-top:30px;padding:25px}#root .container .upgrade-prompt .prompt-content{align-items:center;gap:20px;display:flex}@media screen and (max-width:768px){#root .container .upgrade-prompt .prompt-content{text-align:center;flex-direction:column;gap:15px}}#root .container .upgrade-prompt .prompt-content .prompt-icon{flex-shrink:0;font-size:2.5rem}#root .container .upgrade-prompt .prompt-content .prompt-text{flex:1}#root .container .upgrade-prompt .prompt-content .prompt-text h4{color:#fff;margin-bottom:8px;font-size:1.2rem}#root .container .upgrade-prompt .prompt-content .prompt-text p{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .upgrade-prompt .prompt-content .prompt-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border:none;border-radius:10px;padding:12px 25px;font-size:1rem;font-weight:600;transition:all .3s}#root .container .upgrade-prompt .prompt-content .prompt-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #d41b434d}#root .container .simple-audio-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1111111;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media screen and (min-width:768px){#root .container .simple-audio-modal-overlay{align-items:center}}#root .container .simple-modal{background:#270a0f;border-radius:20px;width:100%;max-width:400px;max-height:80vh;padding:20px;animation:.3s slideUp;overflow:hidden auto}@media screen and (min-width:768px){#root .container .simple-modal{border-radius:20px;margin-bottom:0}}#root .container .simple-modal .simple-modal-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}#root .container .simple-modal .simple-modal-header h3{color:#fff;margin:0;font-size:1.3rem}#root .container .simple-modal .simple-modal-header .simple-close-btn{color:#ffa8bb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}#root .container .simple-modal .simple-modal-header .simple-close-btn:hover{background:#d41b431a}#root .container .simple-modal .simple-audio-info{background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;margin-bottom:20px;padding:12px 15px}#root .container .simple-modal .simple-audio-info .simple-audio-name{color:#aeffe0;word-break:break-all;font-size:.95rem;font-weight:500}#root .container .simple-modal .simple-options{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}#root .container .simple-modal .simple-btn{cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:12px;align-items:center;gap:15px;width:100%;padding:15px;transition:all .2s;display:flex;position:relative}#root .container .simple-modal .simple-btn:active{transform:scale(.98)}#root .container .simple-modal .simple-btn.active{background:#00d1811a;border-color:#00d181}#root .container .simple-modal .simple-btn.active .simple-title{color:#00d181}#root .container .simple-modal .simple-btn .simple-emoji{text-align:center;min-width:40px;font-size:1.8rem}#root .container .simple-modal .simple-btn .simple-text{flex-direction:column;flex:1;align-items:flex-start;gap:4px;display:flex}#root .container .simple-modal .simple-btn .simple-text .simple-title{color:#fff;font-size:1.1rem;font-weight:600}#root .container .simple-modal .simple-btn .simple-text .simple-desc{color:#ffa8bb;opacity:.8;font-size:.85rem}#root .container .simple-modal .simple-btn .simple-check{color:#00d181;margin-left:10px;font-size:1.3rem;font-weight:700}#root .container .simple-modal .simple-modal-actions{gap:10px;display:flex}#root .container .simple-modal .simple-modal-actions button,#root .container .simple-modal .simple-modal-actions .player .btn .add,#root .container .player .btn .simple-modal .simple-modal-actions .add{cursor:pointer;border:none;border-radius:10px;flex:1;padding:15px;font-size:1rem;font-weight:600;transition:all .2s}#root .container .simple-modal .simple-modal-actions button:active,#root .container .simple-modal .simple-modal-actions .player .btn .add:active,#root .container .player .btn .simple-modal .simple-modal-actions .add:active{transform:scale(.98)}#root .container .simple-modal .simple-modal-actions .simple-cancel-btn{color:#ffa8bb;background:#d41b4333}#root .container .simple-modal .simple-modal-actions .simple-cancel-btn:hover{background:#d41b434d}#root .container .simple-modal .simple-modal-actions .simple-confirm-btn{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .simple-modal .simple-modal-actions .simple-confirm-btn:hover{opacity:.9}#root .container .more-options-toggle{margin:20px 0 0}#root .container .more-options-toggle .toggle-btn{color:#ffa8bb;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:1rem;font-weight:500;transition:all .3s;display:flex}#root .container .more-options-toggle .toggle-btn:hover{color:#fff;background:#d41b4333;border-color:#00d1814d}#root .container .more-options-toggle .toggle-btn.active{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}#root .container .more-options-toggle .toggle-btn .toggle-icon{font-size:.9rem;transition:transform .3s}#root .container .more-options-toggle .toggle-btn .toggle-text{text-align:left;width:100%;font-size:15.2px;font-weight:500}#root .container .more-options-toggle .toggle-btn .options-badge{color:#aeffe0;background:#00d18133;border-radius:20px;margin-left:auto;padding:3px 8px;font-size:.75rem}#root .container .advanced-options-panel{background:#d41b430d;border:1px solid #d41b4333;border-top:none;border-radius:0 0 12px 12px;margin-bottom:25px;padding:25px;animation:.3s slideDown}#root .container .advanced-options-panel .advanced-title{color:#fff;border-bottom:1px solid #d41b4333;margin-bottom:20px;padding-bottom:10px;font-size:1.2rem}#root .container .advanced-options-panel .knobs-grid{grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px;display:grid}@media screen and (max-width:600px){#root .container .advanced-options-panel .knobs-grid{grid-template-columns:1fr;gap:20px}}#root .container .advanced-options-panel .knob-container{background:#d41b431a;border-radius:15px;padding:20px;transition:transform .3s}#root .container .advanced-options-panel .knob-container:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}#root .container .advanced-options-panel .knob-container .knob-label{color:#fff;align-items:center;gap:10px;margin-bottom:15px;font-weight:500;display:flex}#root .container .advanced-options-panel .knob-container .knob-label .knob-icon{font-size:1.3rem}#root .container .advanced-options-panel .knob-container .knob-label .knob-value{color:#00d181;margin-left:auto;font-size:1.1rem;font-weight:600}#root .container .advanced-options-panel .knob-container .knob-3d{margin-bottom:10px;position:relative}#root .container .advanced-options-panel .knob-container .knob-3d .knob-input{-webkit-appearance:none;z-index:2;opacity:0;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px;position:relative}#root .container .advanced-options-panel .knob-container .knob-3d .knob-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #00d181;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 10px #0000004d}#root .container .advanced-options-panel .knob-container .knob-3d .knob-track-3d{z-index:1;background:#d41b4333;border-radius:4px;width:100%;height:8px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}#root .container .advanced-options-panel .knob-container .knob-3d .knob-track-3d .knob-fill-3d{height:100%;transition:width .1s;position:relative;box-shadow:0 0 10px #00b09b80}#root .container .advanced-options-panel .knob-container .knob-3d .knob-track-3d .knob-fill-3d .knob-glow{filter:blur(5px);background:#ffffff4d;width:20px;height:100%;position:absolute;top:0;right:0}#root .container .advanced-options-panel .knob-container .knob-3d .knob-markers{justify-content:space-between;margin-top:8px;display:flex}#root .container .advanced-options-panel .knob-container .knob-3d .knob-markers .marker{color:#ffa8bb;opacity:.7;font-size:.75rem}#root .container .advanced-options-panel .knob-container .knob-description{color:#ffa8bb;text-align:center;opacity:.9;margin-top:10px;font-size:.85rem}#root .container .advanced-options-panel .exclude-styles-container .exclude-label{color:#fff;align-items:center;gap:10px;margin-bottom:15px;font-weight:500;display:flex}#root .container .advanced-options-panel .exclude-styles-container .exclude-label .exclude-icon{font-size:1.3rem}#root .container .advanced-options-panel .exclude-styles-container .exclude-label .exclude-hint{color:#ffa8bb;opacity:.7;margin-left:auto;font-size:.8rem}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-input{color:#fff;resize:none;background:#d41b431a;border:1px solid #d41b434d;border-radius:10px;width:100%;margin-bottom:12px;padding:15px;font-size:.95rem}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-input:focus{background:#d41b4340;border-color:#00d181;outline:none}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-input::placeholder{color:#ffa8bb;opacity:.5}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-examples{flex-wrap:wrap;gap:8px;display:flex}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-examples .example-tag{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:1px solid #d41b434d;border-radius:20px;padding:5px 12px;font-size:.85rem;transition:all .2s}#root .container .advanced-options-panel .exclude-styles-container .exclude-input-wrapper .exclude-examples .example-tag:hover{color:#aeffe0;background:#00d18133;border-color:#00d181}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){#root .container .ai-generation-container{padding:20px 15px}}@media (max-width:480px){#root .container .progress-steps .step-connector{display:none}#root .container .progress-steps .step .step-label{font-size:.8rem}}#root .container .ai-loader{gap:6px;margin-bottom:40px;display:flex}#root .container .ai-loader div{background:#fff;border-radius:50%;width:10px;height:10px;animation:.6s infinite alternate pulse}#root .container .ai-loader div:nth-child(2){animation-delay:.2s}#root .container .ai-loader div:nth-child(3){animation-delay:.4s}#root .container .simple-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#160207cc;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}#root .container .simple-popup-overlay .popup-modal{background:#fff;border:1px solid #aeffe0;border-radius:16px;width:90%;max-width:420px;padding:32px 28px;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #d41b4333}#root .container .simple-popup-overlay .popup-modal:before{content:"";background:linear-gradient(90deg,#00d181 0%,#d41b43 100%);height:4px;position:absolute;top:0;left:0;right:0}#root .container .simple-popup-overlay .popup-modal h3{color:#160207;text-align:center;margin:0 0 16px;font-size:1.5rem;font-weight:700;line-height:1.3}#root .container .simple-popup-overlay .popup-modal p{color:#160207;opacity:.8;text-align:center;margin:0 0 24px;font-size:1rem;line-height:1.5}#root .container .simple-popup-overlay .banner-display{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);border:2px solid #aeffe0;border-radius:12px;justify-content:space-between;align-items:center;margin:0 0 32px;padding:16px;transition:all .3s;display:flex}#root .container .simple-popup-overlay .banner-display:hover{transform:translateY(-2px)}#root .container .simple-popup-overlay .banner-display .banner-label{opacity:.8;font-size:.95rem;font-weight:500}#root .container .simple-popup-overlay .banner-display .banner-value{color:#d41b43;background:#d41b431a;border-radius:8px;padding:4px 12px;font-size:1.5rem;font-weight:700;border:1px solid #d41b4333!important}#root .container .simple-popup-overlay .banner-display.active{background:#00d1810d;border:2px solid #00d1811a}#root .container .simple-popup-overlay .banner-display.active .banner-value{color:#00d181;background:#00d1811a;border:1px solid #00d18133!important}@media (max-width:350px){#root .container .simple-popup-overlay .banner-display{flex-direction:column}#root .container .simple-popup-overlay .banner-display .banner-label{margin-bottom:12px}}#root .container .simple-popup-overlay .popup-actions{justify-content:center;gap:16px;display:flex}#root .container .simple-popup-overlay .cancel-btn{cursor:pointer;flex:1;min-height:48px;padding:14px 24px;font-size:.95rem;font-weight:600;transition:all .3s;color:#fff!important;background:#d41b4333!important;border:2px solid #d41b43!important;border-radius:12px!important}#root .container .simple-popup-overlay .cancel-btn:hover{transform:translateY(-2px)}#root .container .simple-popup-overlay .cancel-btn:active{transform:translateY(0)}#root .container .simple-popup-overlay .confirm-btn{cursor:pointer;border:none;flex:1;min-height:48px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;color:#fff!important;background:linear-gradient(135deg,#00d181 0%,#0bbd7d 100%)!important;border-radius:12px!important}#root .container .simple-popup-overlay .confirm-btn:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#00d181 0%,#0bbd7d 100%)!important}#root .container .simple-popup-overlay .confirm-btn:active{transform:translateY(0)}#root .container .simple-popup-overlay .confirm-btn span{z-index:1;position:relative}#root .container .simple-popup-overlay .format-options{flex-direction:column;gap:12px;margin:0 0 32px;display:flex}#root .container .simple-popup-overlay .format-btn{text-align:left;cursor:pointer;align-items:center;gap:16px;width:100%;transition:all .3s;display:flex;position:relative;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;padding:16px!important}#root .container .simple-popup-overlay .format-btn:hover:not(.disabled){border-color:#00d181;transform:translateY(-2px);box-shadow:0 6px 16px #00d18126}#root .container .simple-popup-overlay .format-btn:active:not(.disabled){transform:translateY(0)}#root .container .simple-popup-overlay .format-btn.disabled{opacity:.6;cursor:not-allowed;border-color:#e5e7eb}#root .container .simple-popup-overlay .format-btn.disabled:hover{box-shadow:none;border-color:#e5e7eb;transform:none}#root .container .simple-popup-overlay .format-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}#root .container .simple-popup-overlay .mp3-btn .format-icon{color:#00d181;background:#00d1811a}#root .container .simple-popup-overlay .wav-btn:not(.disabled) .format-icon{color:#d41b43;background:#d41b431a}#root .container .simple-popup-overlay .wav-btn.disabled .format-icon{color:#6b7280;background:#6b72801a}#root .container .simple-popup-overlay .format-info{flex:1;min-width:0}#root .container .simple-popup-overlay .format-name{color:#160207;margin-bottom:4px;font-size:1rem;font-weight:600}#root .container .simple-popup-overlay .format-desc{color:#6b7280;font-size:.875rem;line-height:1.4}#root .container .simple-popup-overlay .format-require{color:#d41b43;align-items:center;gap:4px;margin-top:4px;font-size:.75rem;font-weight:500;display:flex}#root .container .simple-popup-overlay .format-lock{color:#6b7280;justify-content:center;align-items:center;display:flex}@keyframes fadeInButton{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#root .container .simple-popup-overlay .format-btn{animation:.4s forwards fadeInButton}#root .container .simple-popup-overlay .mp3-btn{animation-delay:.1s}#root .container .simple-popup-overlay .wav-btn{animation-delay:.2s}@media (max-width:480px){#root .container .simple-popup-overlay .format-btn{gap:12px;padding:14px}#root .container .simple-popup-overlay .format-icon{width:42px;height:42px}#root .container .simple-popup-overlay .format-name{font-size:.95rem}#root .container .simple-popup-overlay .format-desc{font-size:.8rem}#root .container .simple-popup-overlay .popup-modal{width:95%;margin:16px;padding:24px 20px}#root .container .simple-popup-overlay .popup-actions{flex-direction:column-reverse;gap:12px}#root .container .simple-popup-overlay .cancel-btn,#root .container .simple-popup-overlay .confirm-btn{width:100%}#root .container .simple-popup-overlay .banner-display{padding:14px}#root .container .simple-popup-overlay .banner-value{font-size:1.3rem}}@media (prefers-color-scheme:dark){#root .container .simple-popup-overlay .popup-modal{color:#fff;background:#160207;border-color:#d41b43}#root .container .simple-popup-overlay .popup-modal h3,#root .container .simple-popup-overlay .popup-modal p,#root .container .simple-popup-overlay .banner-label{color:#fff}#root .container .simple-popup-overlay .banner-display{background:#d41b431a;border-color:#d41b434d}#root .container .simple-popup-overlay .cancel-btn{color:#fff;background:#ffffff1a;border-color:#aeffe04d}#root .container .simple-popup-overlay .cancel-btn:hover{background:#d41b4333;border-color:#d41b43}}#root .container .ai-page .subscribe-cont{flex:1;justify-content:center;margin-top:20px;display:flex}#root .container .ai-page .subscribe-cont .subscribe-btn{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;align-items:center;gap:10px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}@media screen and (max-width:500px){#root .container .ai-page .subscribe-cont .subscribe-btn{padding:6px 18px;font-size:12px}}#root .container .ai-page .subscribe-cont .subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .ai-page .subscribe-cont .subscribe-btn .subscribe-icon{font-size:1.2rem}#root .container .ai-page .subscribe-cont .subscribe-btn .subscribe-text{font-weight:700}@media screen and (max-width:500px){#root .container .modal-overlay{align-items:flex-start;padding-top:20px;top:0}}#root .container .modal-overlay .subscription-modal{transform-origin:top;background-color:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:80%;max-width:900px;max-height:90vh;margin-bottom:60px;padding:40px;animation:.3s linear slideUp;overflow:auto;box-shadow:0 20px 60px #00000080}@media screen and (max-width:900px){#root .container .modal-overlay .subscription-modal{border-radius:15px;width:90%;margin:20px;padding:25px}}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal{border-radius:10px;width:95%;max-height:85vh;padding:20px}}#root .container .modal-overlay .subscription-modal .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}#root .container .modal-overlay .subscription-modal .modal-header h2{color:#fff;margin:0;font-size:1.8rem}@media screen and (max-width:900px){#root .container .modal-overlay .subscription-modal .modal-header h2{font-size:1.5rem}}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-header h2{font-size:1.3rem}}#root .container .modal-overlay .subscription-modal .modal-header .btn-close{color:#ffa8bb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex}#root .container .modal-overlay .subscription-modal .modal-header .btn-close:hover{color:#fff;background:#d41b431a}#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info{background:#00d1811a;border:1px solid #00d18133;border-radius:15px;align-items:center;gap:20px;margin-bottom:30px;padding:20px;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info{flex-direction:column}}#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info .upgrade-icon{font-size:2.5rem}#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info .upgrade-text h3{color:#fff;margin-bottom:8px;font-size:1.3rem}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info .upgrade-text h3{font-size:16px}}#root .container .modal-overlay .subscription-modal .modal-body .upgrade-info .upgrade-text p{color:#aeffe0;opacity:.9;font-size:.95rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison{background:#d41b431a;border-radius:15px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-bottom:30px;padding:25px;display:grid}@media screen and (max-width:768px){#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison{text-align:center;grid-template-columns:1fr;gap:15px}}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan h4,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan h4{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px;font-size:1rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .plan-name{color:#fff;margin-bottom:8px;font-size:1.3rem;font-weight:600;display:block}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .plan-limits,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .select-hint,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .plan-limits,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .select-hint,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .plan-limits,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .select-hint,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .plan-limits,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .select-hint{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .selected-plan,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .selected-plan,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .selected-plan,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .selected-plan{color:#fff;border-radius:25px;align-items:center;gap:10px;padding:10px 20px;font-weight:600;display:inline-flex}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .selected-plan .selected-plan-icon,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .selected-plan .selected-plan-icon,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .selected-plan .selected-plan-icon,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .selected-plan .selected-plan-icon{font-size:1.2rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .plan-details .selected-plan .selected-plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .current-plan .selected-plan-display .selected-plan .selected-plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .plan-details .selected-plan .selected-plan-name,#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .upgrade-plan .selected-plan-display .selected-plan .selected-plan-name{font-size:1.1rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .arrow{color:#00d181;font-size:2rem;font-weight:700}@media screen and (max-width:768px){#root .container .modal-overlay .subscription-modal .modal-body .plan-comparison .arrow{transform:rotate(90deg)}}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card{cursor:pointer;background:#d41b431a;border:2px solid #0000;border-radius:15px;padding:25px;transition:all .3s}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card:hover{background:#d41b4333;transform:translateY(-5px)}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card.selected{background:#d41b4326;box-shadow:0 10px 30px #0000004d}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-header{align-items:center;gap:15px;margin-bottom:20px;display:flex}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-header .plan-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-header .plan-title h3{color:#fff;margin-bottom:5px;font-size:1.3rem}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-header .plan-title .plan-price{color:#00d181;font-size:1.4rem;font-weight:700}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-features{margin-bottom:20px}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-features .feature{color:#ffa8bb;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-features .feature .feature-icon{opacity:.8;font-size:1rem}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-features .feature .feature-text{opacity:.9}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-action .select-btn{color:#ffa8bb;cursor:pointer;background:#d41b434d;border:1px solid #d41b4380;border-radius:8px;width:100%;padding:12px;font-size:.95rem;font-weight:600;transition:all .3s}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-action .select-btn:hover{color:#fff;background:#d41b4366}#root .container .modal-overlay .subscription-modal .modal-body .plans-grid .plan-card .plan-action .select-btn.selected{color:#160207;background:#00d181;border-color:#00d181}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits{background:#d41b431a;border-radius:15px;padding:25px}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits h4{color:#fff;margin-bottom:20px;font-size:1.2rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits .benefits-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits .benefits-list{grid-template-columns:1fr}}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits .benefits-list .benefit{color:#aeffe0;align-items:center;gap:12px;display:flex}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits .benefits-list .benefit .benefit-icon{font-size:1.2rem}#root .container .modal-overlay .subscription-modal .modal-body .plan-benefits .benefits-list .benefit span:last-child{opacity:.9;font-size:.95rem}#root .container .modal-overlay .subscription-modal .modal-actions{border-top:1px solid #d41b4333;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:25px;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-actions{flex-direction:column;gap:10px}}#root .container .modal-overlay .subscription-modal .modal-actions button,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .add,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s}@media screen and (max-width:500px){#root .container .modal-overlay .subscription-modal .modal-actions button,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .add,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .add{width:100%;padding:14px}}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-cancel,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-cancel.add,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-cancel.add{color:#ffa8bb;background:#d41b4333;border-color:#d41b434d}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-cancel:hover:not(:disabled),#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-cancel.add:hover:not(:disabled),#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-cancel.add:hover:not(:disabled){color:#fff;background:#d41b434d}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-cancel:disabled,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-cancel.add:disabled,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-cancel.add:disabled{opacity:.6;cursor:not-allowed}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-subscribe,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-subscribe.add,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-subscribe.add{color:#160207;border:none;font-weight:700}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-subscribe:hover:not(:disabled),#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-subscribe.add:hover:not(:disabled),#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-subscribe.add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0000004d}#root .container .modal-overlay .subscription-modal .modal-actions button.btn-subscribe:disabled,#root .container .modal-overlay .subscription-modal .modal-actions .player .btn .btn-subscribe.add:disabled,#root .container .player .btn .modal-overlay .subscription-modal .modal-actions .btn-subscribe.add:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}#root .container .delete-verification-container{background:#160207;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}#root .container .delete-verification-container .verification-card{text-align:center;background:#270a0f;border:1px solid #d41b4333;border-radius:20px;width:100%;max-width:500px;padding:50px 40px;animation:.5s slideUpFade;box-shadow:0 20px 40px #0006}#root .container .delete-verification-container .verification-card h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:30px 0 20px;font-size:2rem}#root .container .delete-verification-container .verification-card .verification-message,#root .container .delete-verification-container .verification-card .success-message,#root .container .delete-verification-container .verification-card .error-message{color:#ffa8bb;margin-bottom:30px;font-size:1.1rem;line-height:1.6}#root .container .delete-verification-container .verification-card .icon-container{width:100px;height:100px;margin:0 auto}#root .container .delete-verification-container .verification-card .icon-container .loading-spinner-large{border:4px solid #d41b434d;border-top-color:#d41b43;border-radius:50%;width:80px;height:80px;animation:1s linear infinite spin}#root .container .delete-verification-container .verification-card .icon-container.success .checkmark{stroke-width:2px;stroke:#00d181;stroke-miterlimit:10;border-radius:50%;width:100px;height:100px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}#root .container .delete-verification-container .verification-card .icon-container.success .checkmark .checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#00d181;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}#root .container .delete-verification-container .verification-card .icon-container.success .checkmark .checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}#root .container .delete-verification-container .verification-card .icon-container.error .error-mark{stroke-width:2px;stroke:#ff2b2b;stroke-miterlimit:10;border-radius:50%;width:100px;height:100px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}#root .container .delete-verification-container .verification-card .icon-container.error .error-mark .error-mark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#ff2b2b;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}#root .container .delete-verification-container .verification-card .icon-container.error .error-mark .error-mark-line{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}#root .container .delete-verification-container .verification-card .info-box{text-align:left;background:#d41b431a;border:1px solid #00d1814d;border-radius:10px;margin:30px 0;padding:20px}#root .container .delete-verification-container .verification-card .info-box p{color:#fff;margin:10px 0;font-size:1rem}#root .container .delete-verification-container .verification-card .info-box p:before{content:"✓";color:#00d181;margin-right:10px;font-weight:700}#root .container .delete-verification-container .verification-card .redirect-message{color:#ffa8bb;opacity:.8;margin:20px 0;font-size:.95rem}#root .container .delete-verification-container .verification-card .btn-home{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;width:100%;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .delete-verification-container .verification-card .btn-home:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .delete-verification-container .verification-card .btn-home-error{color:#ff2b2b;cursor:pointer;background:#ff2b2b33;border:2px solid #ff2b2b4d;border-radius:10px;flex:1;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .delete-verification-container .verification-card .btn-home-error:hover{background:#ff2b2b4d;transform:translateY(-3px);box-shadow:0 10px 20px #ff2b2b33}#root .container .delete-verification-container .verification-card .btn-profile{color:#ffa8bb;cursor:pointer;background:#d41b4333;border:2px solid #d41b434d;border-radius:10px;flex:1;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .delete-verification-container .verification-card .btn-profile:hover{color:#fff;background:#d41b434d;transform:translateY(-3px);box-shadow:0 10px 20px #d41b4333}#root .container .delete-verification-container .verification-card .action-buttons-verification{gap:15px;margin-top:30px;display:flex}#root .container .delete-verification-container .verification-card .action-buttons-verification button,#root .container .delete-verification-container .verification-card .action-buttons-verification .player .btn .add,#root .container .player .btn .delete-verification-container .verification-card .action-buttons-verification .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 20px;font-size:1rem;font-weight:700;transition:all .3s}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{fill:#00d1811a}}#root .container .account-container{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .account-container .account-header{text-align:center;margin-bottom:40px}#root .container .account-container .account-header h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}#root .container .account-container .account-header p{color:#ffa8bb;opacity:.9;font-size:1.1rem}#root .container .account-container .account-content{gap:30px;max-width:1200px;margin:0 auto;display:grid}#root .container .account-container .account-card{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 10px 30px #0000004d}#root .container .account-container .account-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}#root .container .account-container .account-card .card-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}#root .container .account-container .account-card .card-header h2{color:#fff;margin:0;font-size:1.8rem}@media screen and (max-width:900px){#root .container .account-container .account-card .card-header h2{font-size:24px}}@media screen and (max-width:500px){#root .container .account-container .account-card .card-header h2{font-size:18px}}@media screen and (max-width:350px){#root .container .account-container .account-card .card-header h2{font-size:16px}}#root .container .account-container .account-card .card-header .user-avatar{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#a71535 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;display:flex}#root .container .account-container .account-card .card-header .user-avatar img{border-radius:50%;width:100%;height:100%}@media screen and (max-width:500px){#root .container .account-container .account-card .card-header .user-avatar{width:30px;height:30px;margin-left:10px;font-size:12px}}#root .container .account-container .account-card .card-header .subscription-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:700}#root .container .account-container .info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}#root .container .account-container .info-grid .info-item{width:100%;overflow:hidden}#root .container .account-container .info-grid .info-item label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:8px;font-size:.9rem;display:block}#root .container .account-container .info-grid .info-item .info-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;padding:12px 15px;font-size:1.1rem;font-weight:500;display:block;overflow:hidden}#root .container .account-container .usage-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0;display:grid}#root .container .account-container .usage-stats .stat-item{text-align:center;background:#d41b4326;border:1px solid #d41b434d;border-radius:15px;padding:25px 15px;transition:all .3s}#root .container .account-container .usage-stats .stat-item:hover{background:#d41b4340;transform:translateY(-3px)}#root .container .account-container .usage-stats .stat-item .stat-number{color:#00d181;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}#root .container .account-container .usage-stats .stat-item .stat-number .small{font-size:12px}#root .container .account-container .usage-stats .stat-item .stat-label{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .account-container .subscription-details{border-top:1px solid #d41b4333;margin-top:30px;padding-top:30px}#root .container .account-container .subscription-details h3{color:#fff;margin-bottom:20px;font-size:1.4rem}#root .container .account-container .subscription-details .details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}#root .container .account-container .subscription-details .details-grid .detail-item{background:#d41b431a;border-radius:10px;justify-content:space-between;align-items:center;padding:15px;display:flex}#root .container .account-container .subscription-details .details-grid .detail-item .detail-label{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .account-container .subscription-details .details-grid .detail-item .detail-value{color:#fff;font-weight:500}#root .container .account-container .subscription-details .details-grid .detail-item .status-badge{text-transform:uppercase;border-radius:15px;padding:6px 15px;font-size:.8rem;font-weight:700}#root .container .account-container .subscription-details .details-grid .detail-item .status-badge.active{color:#16c016;background:#16c01633}#root .container .account-container .subscription-details .details-grid .detail-item .status-badge.inactive{color:#ff2b2b;background:#ff2b2b33}#root .container .account-container .subscription-details .details-grid .detail-item .status-badge.canceled,#root .container .account-container .subscription-details .details-grid .detail-item .status-badge.past_due{color:#b97f00;background:#b97f0033}#root .container .account-container .features-list{margin:30px 0}#root .container .account-container .features-list h4{color:#fff;margin-bottom:15px;font-size:1.2rem}#root .container .account-container .features-list .features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}#root .container .account-container .features-list .features-grid .feature-item{background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:12px;padding:15px;transition:all .3s;display:flex}#root .container .account-container .features-list .features-grid .feature-item.enabled{background:#16c0161a;border-color:#16c0164d}#root .container .account-container .features-list .features-grid .feature-item.enabled .feature-icon{color:#16c016}#root .container .account-container .features-list .features-grid .feature-item.disabled{opacity:.6}#root .container .account-container .features-list .features-grid .feature-item.disabled .feature-icon{color:#666}#root .container .account-container .features-list .features-grid .feature-item:hover{background:#d41b4333;transform:translateY(-2px)}#root .container .account-container .features-list .features-grid .feature-item .feature-icon{font-size:1.2rem}#root .container .account-container .features-list .features-grid .feature-item span:last-child{color:#fff;font-size:.95rem}#root .container .account-container .renew-section{text-align:center;background:#b97f001a;border:1px solid #b97f004d;border-radius:15px;margin-top:30px;padding:30px}#root .container .account-container .renew-section .renew-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b97f00 0%,#ffe3a8 100%);border:none;border-radius:10px;margin-bottom:15px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .account-container .renew-section .renew-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #b97f004d}#root .container .account-container .renew-section .renew-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .account-container .renew-section .renew-note{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .account-container .action-buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}#root .container .account-container .action-buttons button,#root .container .account-container .action-buttons .player .btn .add,#root .container .player .btn .account-container .action-buttons .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .account-container .action-buttons .btn-logout{color:#ff2b2b;background:#ff2b2b33;border-color:#ff2b2b4d}#root .container .account-container .action-buttons .btn-logout:hover{background:#ff2b2b4d;transform:translateY(-3px);box-shadow:0 10px 20px #ff2b2b33}#root .container .account-container .action-buttons .btn-upgrade{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .account-container .action-buttons .btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .account-container .modal-overlay{z-index:1111111;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:60px;left:0;overflow:hidden}@media screen and (max-width:500px){#root .container .account-container .modal-overlay{left:0}}#root .container .account-container .modal-overlay .modal-content{transform-origin:top;background-color:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:50%;height:80%;margin-bottom:60px;padding:40px;animation:.3s linear slideUp;overflow:auto;box-shadow:0 20px 60px #00000080}@media screen and (max-width:900px){#root .container .account-container .modal-overlay .modal-content{border-radius:10px;width:70%;padding:20px}}@media screen and (max-width:500px){#root .container .account-container .modal-overlay .modal-content{width:90%;padding:20px}}#root .container .account-container .modal-overlay .modal-content h2{color:#fff;margin-bottom:15px;font-size:1.8rem}@media screen and (max-width:900px){#root .container .account-container .modal-overlay .modal-content h2{font-size:20px}}#root .container .account-container .modal-overlay .modal-content p{color:#ffa8bb;opacity:.9;margin-bottom:30px}#root .container .account-container .modal-overlay .modal-form{width:100%;margin:50px 0 40px;font-size:16px}#root .container .account-container .modal-overlay .modal-form label{position:relative;bottom:10px}#root .container .account-container .modal-overlay .modal-form input,#root .container .account-container .modal-overlay .modal-form textarea{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;outline:none;width:100%;padding:12px 15px;font-weight:500;display:block;overflow:hidden}#root .container .account-container .modal-overlay .plan-options{gap:15px;margin-bottom:30px;display:grid}#root .container .account-container .modal-overlay .plan-options .plan-option{cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:15px;padding:20px;transition:all .3s;position:relative}#root .container .account-container .modal-overlay .plan-options .plan-option input[type=radio]{visibility:hidden;z-index:2;background:purple;width:100%;height:100%;position:absolute}#root .container .account-container .modal-overlay .plan-options .plan-option:hover{background:#d41b4333;border-color:#00d1814d}#root .container .account-container .modal-overlay .plan-options .plan-option.selected{background:#00d1811a;border-color:#00d181}#root .container .account-container .modal-overlay .plan-options .plan-option.disabled{cursor:not-allowed}#root .container .account-container .modal-overlay .plan-options .plan-option .plan-name{color:#fff;margin-bottom:10px;font-size:1.2rem;font-weight:700}#root .container .account-container .modal-overlay .plan-options .plan-option .plan-price{color:#00d181;margin-bottom:10px;font-size:1.4rem;font-weight:700}#root .container .account-container .modal-overlay .plan-options .plan-option .plan-features{flex-wrap:wrap;gap:10px;display:flex}#root .container .account-container .modal-overlay .plan-options .plan-option .plan-features span{color:#ffa8bb;background:#d41b4333;border-radius:5px;padding:5px 10px;font-size:.85rem}#root .container .account-container .modal-overlay .modal-actions{justify-content:flex-end;gap:15px;display:flex}#root .container .account-container .modal-overlay .modal-actions button,#root .container .account-container .modal-overlay .modal-actions .player .btn .add,#root .container .player .btn .account-container .modal-overlay .modal-actions .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s}#root .container .account-container .modal-overlay .modal-actions .btn-cancel{color:#ffa8bb;background:#d41b4333;border-color:#d41b434d}#root .container .account-container .modal-overlay .modal-actions .btn-cancel:hover:not(:disabled){color:#fff;background:#d41b434d}#root .container .account-container .modal-overlay .modal-actions .btn-confirm{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;flex-direction:row;justify-content:center;align-items:center;display:flex}#root .container .account-container .modal-overlay .modal-actions .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .account-container .modal-overlay .modal-actions .btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .account-container .modal-overlay .modal-actions .btn-confirm.right-icon svg{margin-left:6px}#root .container .account-container .modal-overlay .modal-actions .btn-confirm.left-icon svg{margin-right:6px}#root .container .account-container .modal-overlay .modal-actions .btn-danger{color:#fff;background:#ff2b2b;border-color:#ff2b2b4d}#root .container .account-container .modal-overlay .modal-actions .btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #ff2b2b4d}#root .container .account-container .modal-overlay .modal-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}#root .container .account-container .account-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}#root .container .account-container .account-loading .loading-spinner{border:3px solid #d41b434d;border-top-color:#d41b43;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .account-container .account-loading p{color:#ffa8bb;font-size:1.1rem}#root .container .account-container .account-error{text-align:center;padding:60px 20px}#root .container .account-container .account-error h2{color:#ff2b2b;margin-bottom:15px;font-size:1.8rem}#root .container .account-container .account-error p{color:#ffa8bb;font-size:1.1rem}#root .container .account-container .subscription-actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}#root .container .account-container .renew-section{width:100%}#root .container .account-container .renew-section .renew-note{margin-top:16px}#root .container .account-container .btn-action{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .account-container .btn-cancel{color:#dc3545;background:#f8f9fa;border:1px solid #dc3545}@media screen and (max-width:768px){#root .container .account-container .btn-cancel{width:100%}}#root .container .account-container .btn-cancel:hover{color:#fff;background:#dc3545}#root .container .account-container .btn-upgrade{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .account-container .btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .account-container .btn-renew{color:#fff;background:#28a745;border:1px solid #28a745}#root .container .account-container .btn-renew:hover{background:#218838}#root .container .account-container .btn-resume{color:#fff;background:#17a2b8;border:1px solid #17a2b8}#root .container .account-container .btn-resume:hover{background:#138496}#root .container .account-container .btn-secondary{color:#fff;background:#6c757d;border:1px solid #6c757d}#root .container .account-container .btn-secondary:hover{background:#545b62}#root .container .account-container .days-remaining-badge{color:#212529;background:#ffc107;border-radius:0 10px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:0;right:0}#root .container .account-container .subscription-badge-container{align-items:center;display:flex}#root .container .account-container .cancel-options{margin:20px 0}#root .container .account-container .option-item{cursor:pointer;border:1px solid #dee2e6;border-radius:8px;align-items:flex-start;margin-bottom:15px;padding:15px;transition:all .3s;display:flex}#root .container .account-container .option-item:hover{background:#f8f9fa}#root .container .account-container .option-item input[type=radio]{margin-top:5px;margin-right:15px}#root .container .account-container .option-item label{cursor:pointer;flex:1}#root .container .account-container .option-item label strong{margin-bottom:5px;display:block}#root .container .account-container .option-item label p{color:#6c757d;margin:5px 0;font-size:14px}#root .container .account-container .warning-box{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:6px;margin:15px 0;padding:15px}#root .container .account-container .btn-danger{color:#fff;background:#dc3545;border:1px solid #dc3545}#root .container .account-container .btn-danger:hover{background:#c82333}#root .container .account-container .current-badge{color:#495057;background:#e9ecef;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:400}#root .container .account-container .plan-option.current-plan{background:#f8f9fa;border-color:#007bff}#root .container .account-container .detail-value.warning{color:#ffc107;font-weight:600}#root .container .topup-modal-overlay{z-index:1111111;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:60px;left:0;overflow:hidden}@media screen and (max-width:500px){#root .container .topup-modal-overlay{left:0}}#root .container .topup-modal-overlay .modal-content{transform-origin:top;background-color:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:50%;height:80%;margin-bottom:60px;padding:40px;animation:.3s linear slideUp;overflow:auto;box-shadow:0 20px 60px #00000080}@media screen and (max-width:900px){#root .container .topup-modal-overlay .modal-content{border-radius:10px;width:70%;padding:20px}}@media screen and (max-width:500px){#root .container .topup-modal-overlay .modal-content{width:90%;padding:20px}}#root .container .topup-modal-overlay .modal-content h2{color:#fff;margin-bottom:15px;font-size:1.8rem}@media screen and (max-width:900px){#root .container .topup-modal-overlay .modal-content h2{font-size:20px}}#root .container .topup-modal-overlay .modal-content p{color:#ffa8bb;opacity:.9;margin-bottom:30px}#root .container .topup-modal-overlay .plan-options{gap:15px;margin-bottom:30px;display:grid}#root .container .topup-modal-overlay .plan-options .plan-option{cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:15px;padding:20px;transition:all .3s;position:relative}#root .container .topup-modal-overlay .plan-options .plan-option input[type=radio]{visibility:hidden;z-index:2;background:purple;width:100%;height:100%;position:absolute}#root .container .topup-modal-overlay .plan-options .plan-option:hover{background:#d41b4333;border-color:#00d1814d}#root .container .topup-modal-overlay .plan-options .plan-option.selected{background:#00d1811a;border-color:#00d181}#root .container .topup-modal-overlay .plan-options .plan-option.disabled{cursor:not-allowed}#root .container .topup-modal-overlay .plan-options .plan-option .plan-name{color:#fff;margin-bottom:10px;font-size:1.2rem;font-weight:700}#root .container .topup-modal-overlay .plan-options .plan-option .plan-price{color:#00d181;margin-bottom:10px;font-size:1.4rem;font-weight:700}#root .container .topup-modal-overlay .plan-options .plan-option .plan-features{flex-wrap:wrap;gap:10px;display:flex}#root .container .topup-modal-overlay .plan-options .plan-option .plan-features span{color:#ffa8bb;background:#d41b4333;border-radius:5px;padding:5px 10px;font-size:.85rem}#root .container .topup-modal-overlay .modal-actions{justify-content:flex-end;gap:15px;display:flex}#root .container .topup-modal-overlay .modal-actions button,#root .container .topup-modal-overlay .modal-actions .player .btn .add,#root .container .player .btn .topup-modal-overlay .modal-actions .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s}#root .container .topup-modal-overlay .modal-actions .btn-cancel{color:#ffa8bb;background:#d41b4333;border-color:#d41b434d}#root .container .topup-modal-overlay .modal-actions .btn-cancel:hover:not(:disabled){color:#fff;background:#d41b434d}#root .container .topup-modal-overlay .modal-actions .btn-confirm{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;flex-direction:row;justify-content:center;align-items:center;display:flex}#root .container .topup-modal-overlay .modal-actions .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .topup-modal-overlay .modal-actions .btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .topup-modal-overlay .modal-actions .btn-confirm.right-icon svg{margin-left:6px}#root .container .topup-modal-overlay .modal-actions .btn-confirm.left-icon svg{margin-right:6px}#root .container .topup-subtitle{color:#999;margin-bottom:24px;font-size:14px}#root .container .topup-section{margin-bottom:24px}#root .container .topup-section h3{color:#fff;margin-bottom:12px;font-size:16px}#root .container .topup-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px;display:grid}#root .container .topup-option{text-align:center;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px;transition:all .3s}#root .container .topup-option:hover{background:#00d1811a;border-color:#00d181}#root .container .topup-option.selected{background:linear-gradient(135deg,#00d181 0%,#d41b434d 100%);border-color:#0000}#root .container .topup-amount{color:#fff;margin-bottom:4px;font-size:20px;font-weight:600;display:block}#root .container .topup-label{color:#ffffffb3;font-size:12px}#root .container .topup-summary{background:#00d1811a;border:1px solid #00d1814d;border-radius:8px;margin-top:24px;margin-bottom:24px;padding:16px}#root .container .summary-row{color:#ffffffe6;justify-content:space-between;margin-bottom:8px;display:flex}#root .container .summary-row.total{color:#fff;border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px;font-weight:600}#root .container .total-amount{color:#00d181;font-size:18px}#root .container .confirmation-details{margin:24px 0}#root .container .confirmation-header{text-align:center;margin-bottom:24px}#root .container .order-summary{background:#ffffff0d;border-radius:8px;margin-bottom:16px;padding:16px}#root .container .order-summary h4{color:#fff;margin-bottom:16px;font-size:16px}#root .container .order-items{margin-bottom:16px}#root .container .order-item{color:#ffffffe6;justify-content:space-between;margin-bottom:8px;display:flex}#root .container .order-total{color:#fff;border-top:1px solid #ffffff1a;justify-content:space-between;padding-top:12px;font-weight:600;display:flex}#root .container .total-price{color:#00d181;font-size:20px}#root .container .payment-info{background:#00d1810d;border:1px solid #00d1811a;border-radius:10px;margin-top:20px;padding:15px}#root .container .payment-info .payment-note{font-size:12px;font-weight:500;color:#aeffe0!important;margin-bottom:0!important}@media screen and (max-width:768px){#root .container .btn-action.btn-topup{width:100%}}#root .container .btn-action.btn-topup:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d18166}@media screen and (max-width:768px){#root .container .account-container{padding:20px 15px}#root .container .account-container .account-header h1{font-size:2rem}#root .container .account-container .account-card{padding:20px}#root .container .account-container .info-grid{grid-template-columns:1fr}#root .container .account-container .usage-stats{grid-template-columns:repeat(2,1fr)}#root .container .account-container .usage-stats .stat-item:first-child{grid-column:span 2}#root .container .account-container .details-grid,#root .container .account-container .features-grid{grid-template-columns:1fr}#root .container .account-container .action-buttons{flex-direction:column;gap:15px}#root .container .account-container .action-buttons button,#root .container .account-container .action-buttons .player .btn .add,#root .container .player .btn .account-container .action-buttons .add{width:100%}#root .container .account-container .modal-overlay .modal-content{padding:25px 20px}#root .container .account-container .modal-overlay .modal-actions{flex-direction:column;gap:10px}#root .container .account-container .modal-overlay .modal-actions button,#root .container .account-container .modal-overlay .modal-actions .player .btn .add,#root .container .player .btn .account-container .modal-overlay .modal-actions .add{width:100%}}#root .container .activate-container{color:#fff;background:#160207;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}#root .container .activate-container .activate-card{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;width:100%;max-width:700px;padding:40px;animation:.5s ease-out slideUp;box-shadow:0 10px 30px #0000004d}#root .container .activate-container .activate-card .card-header{text-align:center;margin-bottom:40px}#root .container .activate-container .activate-card .card-header h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}@media screen and (max-width:900px){#root .container .activate-container .activate-card .card-header h1{font-size:2rem}}@media screen and (max-width:500px){#root .container .activate-container .activate-card .card-header h1{font-size:1.8rem}}@media screen and (max-width:350px){#root .container .activate-container .activate-card .card-header h1{font-size:1.5rem}}#root .container .activate-container .activate-card .card-header p{color:#ffa8bb;opacity:.9;font-size:1.1rem}@media screen and (max-width:500px){#root .container .activate-container .activate-card .card-header p{font-size:1rem}}#root .container .activate-container .activate-card .status-section{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}#root .container .activate-container .activate-card .status-section .status-icon{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;display:flex}#root .container .activate-container .activate-card .status-section .status-icon.success{background:linear-gradient(135deg,#16c01633 0%,#16c0161a 100%);border:3px solid #16c0164d}#root .container .activate-container .activate-card .status-section .status-icon.success svg{fill:#16c016;width:50px;height:50px}#root .container .activate-container .activate-card .status-section .status-icon.error{background:linear-gradient(135deg,#ff2b2b33 0%,#ff2b2b1a 100%);border:3px solid #ff2b2b4d}#root .container .activate-container .activate-card .status-section .status-icon.error svg{fill:#ff2b2b;width:50px;height:50px}#root .container .activate-container .activate-card .status-section .status-icon.warning{background:linear-gradient(135deg,#b97f0033 0%,#b97f001a 100%);border:3px solid #b97f004d}#root .container .activate-container .activate-card .status-section .status-icon.warning svg{fill:#b97f00;width:50px;height:50px}#root .container .activate-container .activate-card .status-section .status-icon.processing{background:linear-gradient(135deg,#00d18133 0%,#00d1811a 100%);border:3px solid #00d1814d}#root .container .activate-container .activate-card .status-section .status-icon.processing .loading-spinner{border:3px solid #0000;border-top-color:#00d181;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@media screen and (max-width:500px){#root .container .activate-container .activate-card .status-section .status-icon{width:80px;height:80px}#root .container .activate-container .activate-card .status-section .status-icon svg,#root .container .activate-container .activate-card .status-section .status-icon .loading-spinner{width:40px;height:40px}}#root .container .activate-container .activate-card .status-section .status-content{text-align:center}#root .container .activate-container .activate-card .status-section .status-content h2{margin-bottom:20px;font-size:2rem;font-weight:700}@media screen and (max-width:900px){#root .container .activate-container .activate-card .status-section .status-content h2{font-size:1.8rem}}@media screen and (max-width:500px){#root .container .activate-container .activate-card .status-section .status-content h2{font-size:1.5rem}}#root .container .activate-container .activate-card .status-section .status-content .response-message p{color:#ffa8bb;margin-bottom:20px;font-size:1.2rem;line-height:1.6}@media screen and (max-width:500px){#root .container .activate-container .activate-card .status-section .status-content .response-message p{font-size:1.1rem}}#root .container .activate-container .activate-card .status-section .status-content .response-message .progress-container{margin-top:30px}#root .container .activate-container .activate-card .status-section .status-content .response-message .progress-container .progress-bar{background:#d41b4333;border-radius:3px;width:100%;height:6px;margin-bottom:15px;overflow:hidden}#root .container .activate-container .activate-card .status-section .status-content .response-message .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,#00d181 0%,#aeffe0 100%);border-radius:3px;height:100%;animation:2s ease-in-out infinite loading}#root .container .activate-container .activate-card .status-section .status-content .response-message .progress-container .progress-text{color:#aeffe0;opacity:.9;font-size:.95rem}#root .container .activate-container .activate-card .status-section .status-content .response-message .success-details{background:#16c0161a;border:1px solid #16c01633;border-radius:15px;margin:25px 0;padding:20px}#root .container .activate-container .activate-card .status-section .status-content .response-message .success-details .detail-item{color:#aeffe0;align-items:center;gap:15px;padding:10px 0;display:flex}#root .container .activate-container .activate-card .status-section .status-content .response-message .success-details .detail-item .detail-icon{background:#16c016;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.9rem;font-weight:700;display:flex}#root .container .activate-container .activate-card .status-section .status-content .response-message .success-details .detail-item span:last-child{opacity:.9;font-size:1rem}#root .container .activate-container .activate-card .status-section .status-content .response-message .redirect-notice{color:#00d181;opacity:.9;margin-top:20px;font-size:1rem;font-style:italic}#root .container .activate-container .activate-card .next-steps{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;margin-bottom:40px;padding:30px}#root .container .activate-container .activate-card .next-steps h3{color:#fff;text-align:center;margin-bottom:25px;font-size:1.4rem}@media screen and (max-width:500px){#root .container .activate-container .activate-card .next-steps h3{font-size:1.3rem}}#root .container .activate-container .activate-card .next-steps .steps-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}@media screen and (max-width:500px){#root .container .activate-container .activate-card .next-steps .steps-grid{grid-template-columns:1fr;gap:15px}}#root .container .activate-container .activate-card .next-steps .steps-grid .step{align-items:flex-start;gap:15px;display:flex}#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-number{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#a71535 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}@media screen and (max-width:500px){#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-number{width:35px;height:35px;font-size:1rem}}#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-content h4{color:#fff;margin-bottom:8px;font-size:1.1rem;font-weight:600}@media screen and (max-width:500px){#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-content h4{font-size:1rem}}#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-content p{color:#ffa8bb;opacity:.9;font-size:.95rem;line-height:1.5}@media screen and (max-width:500px){#root .container .activate-container .activate-card .next-steps .steps-grid .step .step-content p{font-size:.9rem}}#root .container .activate-container .activate-card .action-buttons{justify-content:center;gap:20px;margin-bottom:30px;display:flex}@media screen and (max-width:500px){#root .container .activate-container .activate-card .action-buttons{flex-direction:column;gap:15px}}#root .container .activate-container .activate-card .action-buttons a{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s}@media screen and (max-width:500px){#root .container .activate-container .activate-card .action-buttons a{padding:14px 20px;font-size:1rem}}#root .container .activate-container .activate-card .action-buttons a.btn-primary{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .activate-container .activate-card .action-buttons a.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .activate-container .activate-card .action-buttons a.btn-secondary{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border:none}#root .container .activate-container .activate-card .action-buttons a.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #d41b434d}#root .container .activate-container .activate-card .action-buttons a.btn-outline{color:#ffa8bb;background:0 0;border-color:#d41b434d}#root .container .activate-container .activate-card .action-buttons a.btn-outline:hover{color:#fff;background:#d41b431a;border-color:#d41b4380}#root .container .activate-container .activate-card .support-note{background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:15px;margin-top:30px;padding:20px;display:flex}@media screen and (max-width:500px){#root .container .activate-container .activate-card .support-note{text-align:center;flex-direction:column;gap:10px;padding:15px}}#root .container .activate-container .activate-card .support-note .shield-icon{fill:#00d181;flex-shrink:0;width:24px;height:24px}@media screen and (max-width:500px){#root .container .activate-container .activate-card .support-note .shield-icon{width:20px;height:20px}}#root .container .activate-container .activate-card .support-note p{color:#ffa8bb;opacity:.9;margin:0;font-size:.95rem;line-height:1.5}@media screen and (max-width:500px){#root .container .activate-container .activate-card .support-note p{font-size:.9rem}}@keyframes loading{0%{width:0%;transform:translate(-100%)}50%{width:100%;transform:translate(0%)}to{width:0%;transform:translate(100%)}}@media (max-width:768px){#root .container .activate-container{padding:20px 15px}#root .container .activate-container .activate-card{border-radius:15px;padding:30px 20px}}@media (max-width:480px){#root .container .activate-container .activate-card{padding:25px 15px}#root .container .activate-container .activate-card .card-header,#root .container .activate-container .activate-card .status-section{margin-bottom:30px}#root .container .activate-container .activate-card .next-steps{margin-bottom:30px;padding:20px 15px}}#root .container .orders-container{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .orders-container .orders-header{margin-bottom:40px}#root .container .orders-container .orders-header .header-content{text-align:center;margin-bottom:30px}#root .container .orders-container .orders-header .header-content h1{background:linear-gradient(113.36deg,#eee 0%,#ff7a5a1a 112.98%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem}@media screen and (max-width:900px){#root .container .orders-container .orders-header .header-content h1{font-size:2.2rem}}@media screen and (max-width:500px){#root .container .orders-container .orders-header .header-content h1{font-size:1.8rem}}@media screen and (max-width:350px){#root .container .orders-container .orders-header .header-content h1{font-size:1.5rem}}#root .container .orders-container .orders-header .header-content p{color:#ffa8bb;opacity:.9;font-size:1.1rem}@media screen and (max-width:500px){#root .container .orders-container .orders-header .header-content p{font-size:1rem}}#root .container .orders-container .orders-header .orders-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto;display:grid}@media screen and (max-width:500px){#root .container .orders-container .orders-header .orders-stats{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:350px){#root .container .orders-container .orders-header .orders-stats{grid-template-columns:1fr}}#root .container .orders-container .orders-header .orders-stats .stat-card{text-align:center;background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:25px 20px;transition:transform .3s}#root .container .orders-container .orders-header .orders-stats .stat-card:hover{border-color:#00d1814d;transform:translateY(-5px)}#root .container .orders-container .orders-header .orders-stats .stat-card .stat-number{color:#00d181;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}@media screen and (max-width:500px){#root .container .orders-container .orders-header .orders-stats .stat-card .stat-number{font-size:2rem}}#root .container .orders-container .orders-header .orders-stats .stat-card .stat-label{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .orders-container .orders-content{max-width:1200px;margin:0 auto}#root .container .orders-container .orders-content .filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}#root .container .orders-container .orders-content .filter-tabs .tab{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s}@media screen and (max-width:500px){#root .container .orders-container .orders-content .filter-tabs .tab{padding:10px 15px;font-size:.9rem}}#root .container .orders-container .orders-content .filter-tabs .tab:hover{color:#fff;background:#d41b4333}#root .container .orders-container .orders-content .filter-tabs .tab.active{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#e63c61 100%);border-color:#d41b43}#root .container .orders-container .orders-content .no-orders{text-align:center;background:#270a0f;border:1px solid #d41b431a;border-radius:20px;padding:60px 20px}#root .container .orders-container .orders-content .no-orders .no-orders-icon{opacity:.5;margin-bottom:20px;font-size:4rem}@media screen and (max-width:500px){#root .container .orders-container .orders-content .no-orders .no-orders-icon{font-size:3rem}}#root .container .orders-container .orders-content .no-orders h2{color:#fff;margin-bottom:15px;font-size:1.8rem}#root .container .orders-container .orders-content .no-orders p{color:#ffa8bb;opacity:.9;margin-bottom:30px}#root .container .orders-container .orders-content .no-orders .btn-explore{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .orders-container .orders-content .no-orders .btn-explore:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}@media screen and (max-width:500px){#root .container .orders-container .orders-content .no-orders .btn-explore{padding:12px 30px;font-size:1rem}}#root .container .orders-container .orders-content .orders-list{gap:20px;display:grid}#root .container .orders-container .orders-content .orders-list .order-card{background:#270a0f;border:1px solid #d41b431a;border-radius:15px;padding:25px;transition:all .3s}#root .container .orders-container .orders-content .orders-list .order-card:hover{border-color:#d41b434d;transform:translateY(-5px);box-shadow:0 10px 30px #0003}#root .container .orders-container .orders-content .orders-list .order-card .order-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;display:flex}@media screen and (max-width:500px){#root .container .orders-container .orders-content .orders-list .order-card .order-header{flex-direction:column;align-items:flex-start;gap:10px}}#root .container .orders-container .orders-content .orders-list .order-card .order-header .order-type{align-items:center;gap:10px;display:flex}#root .container .orders-container .orders-content .orders-list .order-card .order-header .order-type .type-icon{font-size:1.2rem}#root .container .orders-container .orders-content .orders-list .order-card .order-header .order-type .type-label{color:#fff;font-size:1rem;font-weight:600}#root .container .orders-container .orders-content .orders-list .order-card .order-header .order-number{color:#00d181;font-size:1rem;font-weight:600}#root .container .orders-container .orders-content .orders-list .order-card .order-body{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media screen and (max-width:768px){#root .container .orders-container .orders-content .orders-list .order-card .order-body{grid-template-columns:1fr;gap:15px}}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-info{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;width:100%;display:grid}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-info .info-item{width:100%;overflow:hidden}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-info .info-item label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:5px;font-size:.85rem;display:block}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-info .info-item .info-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:1rem;font-weight:500;display:block;overflow:hidden}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-info .info-item .info-value.price{color:#00d181;font-size:1.2rem;font-weight:700}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-status{flex-direction:column;align-items:flex-end;gap:10px;display:flex}@media screen and (max-width:768px){#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-status{align-items:flex-start}}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-status .status-badge{text-transform:uppercase;color:#fff;border-radius:15px;padding:6px 0;font-size:.8rem;font-weight:700}#root .container .orders-container .orders-content .orders-list .order-card .order-body .order-status .item-count{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .orders-container .orders-content .orders-list .order-card .order-actions{gap:15px;display:flex}@media screen and (max-width:500px){#root .container .orders-container .orders-content .orders-list .order-card .order-actions{flex-direction:column}}#root .container .orders-container .orders-content .orders-list .order-card .order-actions button,#root .container .orders-container .orders-content .orders-list .order-card .order-actions .player .btn .add,#root .container .player .btn .orders-container .orders-content .orders-list .order-card .order-actions .add{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .3s}#root .container .orders-container .orders-content .orders-list .order-card .order-actions button.btn-view,#root .container .orders-container .orders-content .orders-list .order-card .order-actions .player .btn .btn-view.add,#root .container .player .btn .orders-container .orders-content .orders-list .order-card .order-actions .btn-view.add{color:#ffa8bb;background:#d41b431a;border-color:#d41b434d}#root .container .orders-container .orders-content .orders-list .order-card .order-actions button.btn-view:hover,#root .container .orders-container .orders-content .orders-list .order-card .order-actions .player .btn .btn-view.add:hover,#root .container .player .btn .orders-container .orders-content .orders-list .order-card .order-actions .btn-view.add:hover{color:#fff;background:#d41b4333}#root .container .orders-container .orders-content .orders-list .order-card .order-actions button.btn-download,#root .container .orders-container .orders-content .orders-list .order-card .order-actions .player .btn .btn-download.add,#root .container .player .btn .orders-container .orders-content .orders-list .order-card .order-actions .btn-download.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .orders-container .orders-content .orders-list .order-card .order-actions button.btn-download:hover,#root .container .orders-container .orders-content .orders-list .order-card .order-actions .player .btn .btn-download.add:hover,#root .container .player .btn .orders-container .orders-content .orders-list .order-card .order-actions .btn-download.add:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .orders-container .orders-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}#root .container .orders-container .orders-loading .loading-spinner{border:3px solid #d41b434d;border-top-color:#d41b43;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .orders-container .orders-loading p{color:#ffa8bb;font-size:1.1rem}#root .container .modal-overlay{z-index:1111111;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:60px;overflow:hidden}@media screen and (max-width:500px){#root .container .modal-overlay{align-items:flex-start;padding-top:20px;top:0}}#root .container .modal-overlay .order-modal{transform-origin:top;background-color:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:80%;max-width:900px;max-height:90vh;margin-bottom:60px;padding:40px;animation:.3s linear slideUp;overflow:auto;box-shadow:0 20px 60px #00000080}@media screen and (max-width:900px){#root .container .modal-overlay .order-modal{border-radius:15px;width:90%;margin:20px;padding:25px}}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal{border-radius:10px;width:95%;max-height:85vh;padding:20px}}#root .container .modal-overlay .order-modal .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}#root .container .modal-overlay .order-modal .modal-header h2{color:#fff;margin:0;font-size:1.8rem}@media screen and (max-width:900px){#root .container .modal-overlay .order-modal .modal-header h2{font-size:1.5rem}}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-header h2{font-size:1.3rem}}#root .container .modal-overlay .order-modal .modal-header .btn-close{color:#ffa8bb;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex}#root .container .modal-overlay .order-modal .modal-header .btn-close:hover{color:#fff;background:#d41b431a}#root .container .modal-overlay .order-modal .modal-body .order-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-summary{grid-template-columns:1fr;gap:15px}}#root .container .modal-overlay .order-modal .modal-body .order-summary .summary-item label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:8px;font-size:.85rem;display:block}#root .container .modal-overlay .order-modal .modal-body .order-summary .summary-item .summary-value{color:#fff;font-size:1.1rem;font-weight:500}#root .container .modal-overlay .order-modal .modal-body .order-summary .summary-item .summary-value.type-badge{background:#d41b431a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:inline-flex}#root .container .modal-overlay .order-modal .modal-body .order-summary .summary-item .summary-value.status-badge{text-transform:uppercase;color:#fff;border-radius:15px;padding:6px 0;font-size:.8rem;font-weight:700;display:inline-block}#root .container .modal-overlay .order-modal .modal-body .order-summary .summary-item .summary-value.price{color:#00d181;font-size:1.3rem;font-weight:700}#root .container .modal-overlay .order-modal .modal-body .customer-info{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;margin-bottom:30px;padding:25px}#root .container .modal-overlay .order-modal .modal-body .customer-info h3{color:#fff;margin-bottom:20px;font-size:1.3rem}#root .container .modal-overlay .order-modal .modal-body .customer-info .info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}#root .container .modal-overlay .order-modal .modal-body .customer-info .info-grid .info-item{width:100%;overflow:hidden}#root .container .modal-overlay .order-modal .modal-body .customer-info .info-grid .info-item label{color:#ffa8bb;text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin-bottom:5px;font-size:.85rem;display:block}#root .container .modal-overlay .order-modal .modal-body .customer-info .info-grid .info-item .info-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:left;font-size:1rem;font-weight:500;display:block;overflow:hidden}#root .container .modal-overlay .order-modal .modal-body .order-items h3{color:#fff;margin-bottom:20px;font-size:1.3rem}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item{background:#00d1811a;border:1px solid #00d18133;border-radius:15px;align-items:center;gap:20px;padding:20px;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item{flex-direction:column}}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-icon{font-size:2rem}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-details{flex:1}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-details h4{color:#fff;margin-bottom:5px;font-size:1.1rem}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-details h4{text-align:center}}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-details p{color:#ffa8bb;opacity:.9;font-size:.95rem}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-details p{text-align:center}}#root .container .modal-overlay .order-modal .modal-body .order-items .subscription-item .item-price{color:#00d181;font-size:1.3rem;font-weight:700}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items{gap:15px;display:grid}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item{background:#d41b431a;border:1px solid #d41b4333;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px;display:grid}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item{text-align:center;grid-template-columns:1fr;gap:15px}}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-image{background:#d41b4333;border-radius:10px;width:80px;height:80px;overflow:hidden}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-image .image-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details h4{color:#fff;margin-bottom:5px;font-size:1.1rem}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details h4{text-align:left}}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details .beat-artist{color:#ffa8bb;margin-bottom:8px;font-size:.9rem}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details .beat-artist{text-align:left}}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details .beat-meta{flex-wrap:wrap;gap:15px;display:flex}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details .beat-meta .lease-type{color:#00d181;background:#00d18133;border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-details .beat-meta .song-id{color:#ffa8bb;opacity:.8;font-size:.85rem}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-price{text-align:right}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-price{text-align:center}}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-price .price{color:#00d181;margin-bottom:5px;font-size:1.3rem;font-weight:700}#root .container .modal-overlay .order-modal .modal-body .order-items .beat-items .beat-item .beat-price .currency{color:#ffa8bb;font-size:.9rem}#root .container .modal-overlay .order-modal .modal-body .order-items .generic-items .generic-item{background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:15px;display:flex}#root .container .modal-overlay .order-modal .modal-body .order-items .generic-items .generic-item .item-name{color:#fff;font-weight:500}#root .container .modal-overlay .order-modal .modal-body .order-items .generic-items .generic-item .item-price{color:#00d181;font-weight:700}#root .container .modal-overlay .order-modal .modal-actions{border-top:1px solid #d41b4333;justify-content:flex-end;gap:15px;margin-top:30px;padding-top:25px;display:flex}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-actions{flex-direction:column;gap:10px}}#root .container .modal-overlay .order-modal .modal-actions button,#root .container .modal-overlay .order-modal .modal-actions .player .btn .add,#root .container .player .btn .modal-overlay .order-modal .modal-actions .add{cursor:pointer;border:2px solid #0000;border-radius:10px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s}@media screen and (max-width:500px){#root .container .modal-overlay .order-modal .modal-actions button,#root .container .modal-overlay .order-modal .modal-actions .player .btn .add,#root .container .player .btn .modal-overlay .order-modal .modal-actions .add{width:100%;padding:14px}}#root .container .modal-overlay .order-modal .modal-actions button.btn-secondary,#root .container .modal-overlay .order-modal .modal-actions .player .btn .btn-secondary.add,#root .container .player .btn .modal-overlay .order-modal .modal-actions .btn-secondary.add{color:#ffa8bb;background:#d41b4333;border-color:#d41b434d}#root .container .modal-overlay .order-modal .modal-actions button.btn-secondary:hover:not(:disabled),#root .container .modal-overlay .order-modal .modal-actions .player .btn .btn-secondary.add:hover:not(:disabled),#root .container .player .btn .modal-overlay .order-modal .modal-actions .btn-secondary.add:hover:not(:disabled){color:#fff;background:#d41b434d}#root .container .modal-overlay .order-modal .modal-actions button.btn-primary,#root .container .modal-overlay .order-modal .modal-actions .player .btn .btn-primary.add,#root .container .player .btn .modal-overlay .order-modal .modal-actions .btn-primary.add{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .modal-overlay .order-modal .modal-actions button.btn-primary:hover:not(:disabled),#root .container .modal-overlay .order-modal .modal-actions .player .btn .btn-primary.add:hover:not(:disabled),#root .container .player .btn .modal-overlay .order-modal .modal-actions .btn-primary.add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .delete-modal{border:1px solid #ff2b2b33;max-width:450px}#root .container .delete-modal .modal-header{background:linear-gradient(135deg,#ff2b2b1a 0%,#0000 100%);border-bottom:none;padding:25px 30px 20px}#root .container .delete-modal .modal-header h2{color:#ff2b2b;text-align:center;font-size:1.4rem}#root .container .delete-modal .modal-header .btn-close{color:#ffa8bb}#root .container .delete-modal .modal-body{padding:25px 30px}#root .container .delete-modal .modal-body .delete-content{text-align:center}#root .container .delete-modal .modal-body .delete-content .delete-icon{color:#ff2b2b;margin-bottom:20px;font-size:3.5rem;display:block}#root .container .delete-modal .modal-body .delete-content h3{color:#fff;margin-bottom:15px;font-size:1.3rem;font-weight:600}#root .container .delete-modal .modal-body .delete-content p{color:#ffa8bb;margin-bottom:25px;font-size:.95rem;line-height:1.6}#root .container .delete-modal .modal-body .delete-content .order-summary{text-align:left;background:#d41b431a;border-radius:8px;margin-bottom:20px;padding:15px}#root .container .delete-modal .modal-body .delete-content .order-summary .summary-item{border-bottom:1px solid #d41b431a;justify-content:space-between;width:100%;padding:8px 0;display:flex;overflow:hidden}#root .container .delete-modal .modal-body .delete-content .order-summary .summary-item:last-child{border-bottom:none}#root .container .delete-modal .modal-body .delete-content .order-summary .summary-item .label{color:#ffa8bb;font-size:.9rem}#root .container .delete-modal .modal-body .delete-content .order-summary .summary-item .value{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:85%;margin-left:10px;font-size:.95rem;font-weight:500;display:block;overflow:hidden}#root .container .delete-modal .modal-actions{border-top:1px solid #d41b431a;gap:15px;padding:20px 30px;display:flex}#root .container .delete-modal .modal-actions button,#root .container .delete-modal .modal-actions .player .btn .add,#root .container .player .btn .delete-modal .modal-actions .add{cursor:pointer;border-radius:8px;flex:1;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s}#root .container .delete-modal .modal-actions button.btn-cancel,#root .container .delete-modal .modal-actions .player .btn .btn-cancel.add,#root .container .player .btn .delete-modal .modal-actions .btn-cancel.add{color:#ffa8bb;background:#d41b431a;border:1px solid #d41b4333}#root .container .delete-modal .modal-actions button.btn-cancel:hover,#root .container .delete-modal .modal-actions .player .btn .btn-cancel.add:hover,#root .container .player .btn .delete-modal .modal-actions .btn-cancel.add:hover{color:#fff;background:#d41b4333}#root .container .delete-modal .modal-actions button.btn-delete,#root .container .delete-modal .modal-actions .player .btn .btn-delete.add,#root .container .player .btn .delete-modal .modal-actions .btn-delete.add{color:#fff;background:#ff2b2b;border:1px solid #ff2b2b}#root .container .delete-modal .modal-actions button.btn-delete:hover,#root .container .delete-modal .modal-actions .player .btn .btn-delete.add:hover,#root .container .player .btn .delete-modal .modal-actions .btn-delete.add:hover{background:#f70000;border-color:#f70000}@media (max-width:768px){#root .container .admin-orders-container{padding:20px 15px}}@media (max-width:480px){#root .container .admin-orders-container .admin-orders-header .header-main .header-title h1{font-size:1.8rem}}@media (max-width:768px){#root .container .orders-container{padding:20px 15px}}@media (max-width:480px){#root .container .orders-container .orders-stats{grid-template-columns:1fr}}#root .container .profile-page{color:#fff;background:#160207;min-height:100vh}#root .container .profile-page .banner-section{background:#270a0f;height:300px;position:relative;overflow:hidden}@media screen and (max-width:768px){#root .container .profile-page .banner-section{height:200px}}#root .container .profile-page .banner-section .banner-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .profile-page .banner-section .banner-placeholder{background:linear-gradient(135deg,#d41b4380 0%,#00d181b3 100%);width:100%;height:100%}#root .container .profile-page .banner-section .edit-banner-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:#000000b3;border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px}@media screen and (max-width:768px){#root .container .profile-page .banner-section .edit-banner-btn{bottom:40px;right:10px}}#root .container .profile-page .banner-section .edit-banner-btn i{font-size:16px}#root .container .profile-page .banner-section .edit-banner-btn:hover{background:#000000e6;transform:translateY(-2px)}#root .container .profile-page .banner-section .edit-banner-btn:disabled{opacity:.6;cursor:not-allowed}#root .container .profile-page .profile-info-section{gap:30px;max-width:1200px;margin:-50px auto 0;padding:0 20px;display:flex;position:relative}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section{text-align:center;flex-direction:column;align-items:center;margin-top:-40px}}#root .container .profile-page .profile-info-section .profile-avatar-wrapper{position:relative}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .profile-avatar{background:#270a0f;border:4px solid #160207;border-radius:50%;width:150px;height:150px;overflow:hidden}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-avatar-wrapper .profile-avatar{width:120px;height:120px}}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .profile-avatar .avatar-placeholder{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .edit-avatar-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:100px;right:20px}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-avatar-wrapper .edit-avatar-btn{top:70px;right:10px}}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .edit-avatar-btn i{font-size:18px}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .edit-avatar-btn:hover{background:#000000e6;transform:scale(1.1)}#root .container .profile-page .profile-info-section .profile-avatar-wrapper .edit-avatar-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .profile-page .profile-info-section .profile-details{flex:1;padding-top:70px}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details{padding-top:0}}#root .container .profile-page .profile-info-section .profile-details .name-section{margin-bottom:15px}#root .container .profile-page .profile-info-section .profile-details .name-section h1{color:#fff;margin-bottom:5px;font-size:2rem}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .name-section h1{font-size:20px}}#root .container .profile-page .profile-info-section .profile-details .name-section .username{color:#bbb;opacity:.8;font-size:1.1rem}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .name-section .username{font-size:14px}}#root .container .profile-page .profile-info-section .profile-details .bio{color:#fffc;max-width:600px;margin-bottom:20px;line-height:1.6}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .bio{margin:0 auto 20px;font-size:14px}}#root .container .profile-page .profile-info-section .profile-details .stats-section{gap:30px;margin-bottom:20px;display:flex}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .stats-section{flex-wrap:wrap;justify-content:center}}#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item{text-align:center}#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item.clickable{cursor:pointer;transition:opacity .3s}#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item.clickable:hover{opacity:.8}#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item .stat-value{margin-bottom:5px;font-size:1.5rem;font-weight:700;display:block}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item .stat-value{font-size:20px}}#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item .stat-label{color:#bbb;opacity:.8;font-size:.9rem}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .stats-section .stat-item .stat-label{font-size:14px}}#root .container .profile-page .profile-info-section .profile-details .follow-btn{cursor:pointer;border:none;border-radius:30px;padding:10px 30px;font-size:1rem;font-weight:600;transition:all .3s}#root .container .profile-page .profile-info-section .profile-details .follow-btn:not(.following){color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%)}#root .container .profile-page .profile-info-section .profile-details .follow-btn:not(.following):hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .profile-page .profile-info-section .profile-details .follow-btn.following{color:#00d181;background:0 0;border:2px solid #00d181;padding:8px 30px}#root .container .profile-page .profile-info-section .profile-details .follow-btn.following:hover{background:#00d1811a}#root .container .profile-page .profile-info-section .profile-details .follow-btn:disabled{opacity:.6;cursor:not-allowed}#root .container .profile-page .profile-info-section .profile-details .edit-profile-btn{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none;border-radius:30px;align-items:center;gap:8px;margin:0 10px 0 0;padding:8px 20px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-flex}#root .container .profile-page .profile-info-section .profile-details .edit-profile-btn i{font-size:14px}#root .container .profile-page .profile-info-section .profile-details .edit-profile-btn:hover{transform:translateY(-2px)}#root .container .profile-page .profile-info-section .profile-details .edit-profile-btn.account-btn{color:#fff;background:#270a0f}@media screen and (max-width:768px){#root .container .profile-page .profile-info-section .profile-details .edit-profile-btn{margin-top:15px;margin-left:0}}#root .container .profile-page .tabs-section{max-width:1200px;margin:40px auto;padding:0 20px}#root .container .profile-page .tabs-section .tabs{border-bottom:1px solid #d41b434d;gap:10px;margin-bottom:30px;display:flex}#root .container .profile-page .tabs-section .tabs .tab{color:#fff9;cursor:pointer;background:0 0;border:none;flex:1;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .3s;position:relative}@media screen and (max-width:768px){#root .container .profile-page .tabs-section .tabs .tab{padding:10px}}#root .container .profile-page .tabs-section .tabs .tab:hover,#root .container .profile-page .tabs-section .tabs .tab.active{color:#fff}#root .container .profile-page .tabs-section .tabs .tab.active:after{content:"";background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);height:2px;position:absolute;bottom:-1px;left:0;right:0}#root .container .profile-page .tabs-section .tab-content{flex-direction:column;width:100%;display:flex}#root .container .profile-page .tabs-section .tab-content .header{width:100%;display:flex}#root .container .profile-page .tabs-section .tab-content .header h4{margin-bottom:10px;font-size:20px}#root .container .profile-page .tabs-section .tab-content .liked-songs-section{width:100%}#root .container .profile-page .tabs-section .tab-content .songs-flex{width:100%;margin-bottom:40px}#root .container .profile-page .tabs-section .tab-content .songs-flex .embla__slide{width:200px;min-width:200px}#root .container .profile-page .playlists-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;display:grid}@media screen and (max-width:768px){#root .container .profile-page .playlists-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}#root .container .profile-page .playlist-card{cursor:pointer;background:#270a0f;border:1px solid #d41b4333;border-radius:15px;transition:all .3s;position:relative;overflow:hidden}#root .container .profile-page .playlist-card:hover{border-color:#00d1814d;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}#root .container .profile-page .playlist-card:hover .play-btn{opacity:1;transform:scale(1)}#root .container .profile-page .playlist-card .playlist-cover{aspect-ratio:1;position:relative;overflow:hidden}#root .container .profile-page .playlist-card .playlist-cover img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .profile-page .playlist-card .playlist-cover .cover-placeholder{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}#root .container .profile-page .playlist-card .playlist-cover .play-btn{color:#160207;cursor:pointer;opacity:0;background:#00d181;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;bottom:10px;right:10px;transform:scale(.8)}#root .container .profile-page .playlist-card .playlist-cover .play-btn i{margin-left:2px;font-size:16px}#root .container .profile-page .playlist-card .playlist-cover .play-btn:hover{transform:scale(1.1)}#root .container .profile-page .playlist-card .playlist-cover .playlist-overlay{color:#fff;background:linear-gradient(#0000,#000c);padding:10px;font-size:.9rem;position:absolute;bottom:0;left:0;right:0}#root .container .profile-page .playlist-card .playlist-cover .privacy-badge{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1;background:#000000b3;border-radius:15px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex;position:absolute;top:10px;left:10px}#root .container .profile-page .playlist-card .playlist-cover .privacy-badge i{font-size:10px}#root .container .profile-page .playlist-card .playlist-info{padding:15px}#root .container .profile-page .playlist-card .playlist-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:1rem;overflow:hidden}#root .container .profile-page .playlist-card .playlist-info p{color:#ffa8bb;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:.9rem;overflow:hidden}#root .container .profile-page .playlist-card .playlist-info .description{color:#fff9;font-size:.85rem;line-height:1.4}#root .container .profile-page .playlist-card .playlist-actions{z-index:2;position:absolute;top:10px;right:10px}#root .container .profile-page .playlist-card .playlist-actions .privacy-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #fff3;border-radius:20px;align-items:center;gap:5px;padding:10px 20px;font-size:.8rem;transition:all .3s;display:flex}#root .container .profile-page .playlist-card .playlist-actions .privacy-toggle i{font-size:12px}#root .container .profile-page .playlist-card .playlist-actions .privacy-toggle.public{color:#00d181;border-color:#00d181}#root .container .profile-page .playlist-card .playlist-actions .privacy-toggle.private{color:#b97f00;border-color:#b97f00}#root .container .profile-page .playlist-card .playlist-actions .privacy-toggle:hover{background:#000000e6}#root .container .profile-page .playlists-section{width:100%}#root .container .profile-page .playlists-section .create-playlist-btn{color:#fff;cursor:pointer;background:0 0;border:2px dashed #00d1814d;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:25px;padding:15px;font-size:1rem;transition:all .3s;display:flex}#root .container .profile-page .playlists-section .create-playlist-btn i{font-size:14px}#root .container .profile-page .playlists-section .create-playlist-btn:hover{background:#00d1811a;border-color:#00d181}#root .container .profile-page .empty-state{text-align:center;color:#fff9;grid-column:1/-1;padding:60px 20px}#root .container .profile-page .empty-state p{font-size:1.1rem}#root .container .profile-page .modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#root .container .profile-page .modal-overlay .modal-content{background:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:100%;max-width:500px;max-height:80vh;overflow:auto}#root .container .profile-page .modal-overlay .modal-content.playlist-modal{max-width:600px}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action{justify-content:flex-end;gap:10px;width:100%;padding:10px 20px;display:flex}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .add-songs-btn,#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .remove-playlist-btn{color:#fff;cursor:pointer;background:0 0;border:1px dashed #00d1814d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:12px;transition:all .3s;display:flex}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .add-songs-btn i,#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .remove-playlist-btn i{font-size:14px}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .add-songs-btn:hover,#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .remove-playlist-btn:hover{background:#00d1811a;border-color:#00d181}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .remove-playlist-btn{background-color:#ff2b2b;border:1px solid #ff2b2b4d}#root .container .profile-page .modal-overlay .modal-content.playlist-modal .action .remove-playlist-btn:hover{background:#ff2b2b;border-color:#ff2b2b}#root .container .profile-page .modal-overlay .modal-content .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;padding:20px;display:flex}#root .container .profile-page .modal-overlay .modal-content .modal-header h2{color:#fff;font-size:1.4rem}#root .container .profile-page .modal-overlay .modal-content .modal-header .close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:color .3s}#root .container .profile-page .modal-overlay .modal-content .modal-header .close-btn:hover{color:#fff}#root .container .profile-page .modal-overlay .modal-content .form-group{padding:15px 20px}#root .container .profile-page .modal-overlay .modal-content .form-group label{color:#ffa8bb;margin-bottom:8px;font-size:.9rem;display:block}#root .container .profile-page .modal-overlay .modal-content .form-group input,#root .container .profile-page .modal-overlay .modal-content .form-group textarea{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;padding:12px;font-size:1rem}#root .container .profile-page .modal-overlay .modal-content .form-group input:focus,#root .container .profile-page .modal-overlay .modal-content .form-group textarea:focus{border-color:#00d181;outline:none}#root .container .profile-page .modal-overlay .modal-content .form-group textarea{resize:vertical;min-height:80px}#root .container .profile-page .modal-overlay .modal-content .playlist-description{color:#ffffffb3;padding:10px 20px;line-height:1.3}#root .container .profile-page .modal-overlay .modal-content .users-list,#root .container .profile-page .modal-overlay .modal-content .playlist-songs{padding:20px}#root .container .profile-page .modal-overlay .modal-content .users-list h3,#root .container .profile-page .modal-overlay .modal-content .playlist-songs h3{color:#fff;margin-bottom:15px}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item{border-radius:10px;align-items:center;gap:15px;padding:10px;text-decoration:none;transition:background .3s;display:flex}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item:hover,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item:hover{background:#d41b431a}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-avatar,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-cover-small,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-avatar,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-cover-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-avatar,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-cover-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-avatar,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-cover-small{border-radius:50%;width:50px;height:50px;overflow:hidden}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-avatar img,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-cover-small img,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-avatar img,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-cover-small img,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-avatar img,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-cover-small img,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-avatar img,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-cover-small img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-avatar .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-avatar .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-cover-small .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-cover-small .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-avatar .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-avatar .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-cover-small .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-cover-small .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-avatar .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-avatar .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-cover-small .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-cover-small .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-avatar .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-avatar .cover-placeholder-small,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-cover-small .avatar-placeholder,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-cover-small .cover-placeholder-small{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-info,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-info,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-info,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-info,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-info,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-info,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-info,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-info{flex:1;padding:16px}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-info h4,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-info h4,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-info h4,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-info h4,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-info h4,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-info h4,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-info h4,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-info h4{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:500}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-info p,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-info p,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-info p,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-info p,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-info p,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-info p,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-info p,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-info p{color:#fff9;font-size:.85rem}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .user-info .username,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .song-info .username,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .user-info .username,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .song-info .username,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .user-info .username,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .song-info .username,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .user-info .username,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .song-info .username{color:#bbb}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .add-btn{cursor:pointer;border:none;border-radius:5px;padding:8px 15px;font-size:.9rem;transition:all .3s}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .remove-btn i,#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .add-btn i,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .remove-btn i,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .add-btn i,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .remove-btn i,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .add-btn i,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .remove-btn i,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .add-btn i{font-size:1rem}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .remove-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .remove-btn{color:#ff2b2b;background:#ff2b2b33}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .remove-btn:hover,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .remove-btn:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .remove-btn:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .remove-btn:hover{background:#ff2b2b4d}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .add-btn,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .add-btn{color:#00d181;background:#00d18133}#root .container .profile-page .modal-overlay .modal-content .users-list .user-item .add-btn:hover,#root .container .profile-page .modal-overlay .modal-content .users-list .song-item .add-btn:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .user-item .add-btn:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .song-item .add-btn:hover{background:#00d1814d}#root .container .profile-page .modal-overlay .modal-content .users-list .add-songs-section,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .add-songs-section{border-top:1px solid #d41b4333;margin-top:20px;padding-top:20px}#root .container .profile-page .modal-overlay .modal-content .users-list .add-songs-section h4,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .add-songs-section h4{color:#fff;margin-bottom:15px}#root .container .profile-page .modal-overlay .modal-content .users-list .load-more,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .load-more{color:#fff;cursor:pointer;background:0 0;border:1px solid #d41b434d;border-radius:8px;width:100%;margin-top:15px;padding:12px;transition:all .3s}#root .container .profile-page .modal-overlay .modal-content .users-list .load-more:hover,#root .container .profile-page .modal-overlay .modal-content .playlist-songs .load-more:hover{background:#d41b431a}#root .container .profile-page .modal-overlay .modal-content .modal-actions{border-top:1px solid #d41b4333;gap:15px;padding:20px;display:flex}#root .container .profile-page .modal-overlay .modal-content .modal-actions button,#root .container .profile-page .modal-overlay .modal-content .modal-actions .player .btn .add,#root .container .player .btn .profile-page .modal-overlay .modal-content .modal-actions .add{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;transition:all .3s}#root .container .profile-page .modal-overlay .modal-content .modal-actions button.cancel-btn,#root .container .profile-page .modal-overlay .modal-content .modal-actions .player .btn .cancel-btn.add,#root .container .player .btn .profile-page .modal-overlay .modal-content .modal-actions .cancel-btn.add{color:#fff;background:0 0;border:1px solid #d41b434d}#root .container .profile-page .modal-overlay .modal-content .modal-actions button.cancel-btn:hover,#root .container .profile-page .modal-overlay .modal-content .modal-actions .player .btn .cancel-btn.add:hover,#root .container .player .btn .profile-page .modal-overlay .modal-content .modal-actions .cancel-btn.add:hover{background:#d41b431a}#root .container .profile-page .modal-overlay .modal-content .modal-actions button.create-btn,#root .container .profile-page .modal-overlay .modal-content .modal-actions .player .btn .create-btn.add,#root .container .player .btn .profile-page .modal-overlay .modal-content .modal-actions .create-btn.add{color:#160207;background:#00d181;font-weight:600}#root .container .profile-page .modal-overlay .modal-content .modal-actions button.create-btn:hover,#root .container .profile-page .modal-overlay .modal-content .modal-actions .player .btn .create-btn.add:hover,#root .container .player .btn .profile-page .modal-overlay .modal-content .modal-actions .create-btn.add:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .profile-page .edit-profile-modal{max-width:500px}#root .container .profile-page .edit-profile-modal .form-group{margin-bottom:20px}#root .container .profile-page .edit-profile-modal .form-group label{color:#ffa8bb;margin-bottom:8px;font-size:.9rem;display:block}#root .container .profile-page .edit-profile-modal .form-group .username-input-wrapper{align-items:center;display:flex;position:relative}#root .container .profile-page .edit-profile-modal .form-group .username-input-wrapper .at-symbol{color:#fff9;font-size:1rem;position:absolute;top:10px;left:12px}#root .container .profile-page .edit-profile-modal .form-group .username-input-wrapper input{padding-left:34px}#root .container .profile-page .edit-profile-modal .form-group input,#root .container .profile-page .edit-profile-modal .form-group textarea{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;padding:12px;font-size:1rem}#root .container .profile-page .edit-profile-modal .form-group input:focus,#root .container .profile-page .edit-profile-modal .form-group textarea:focus{border-color:#00d181;outline:none}#root .container .profile-page .edit-profile-modal .form-group input:disabled,#root .container .profile-page .edit-profile-modal .form-group textarea:disabled{opacity:.6;cursor:not-allowed}#root .container .profile-page .edit-profile-modal .form-group .checking{color:#fff9;margin-top:5px;font-size:.85rem}#root .container .profile-page .edit-profile-modal .form-group .available{color:#00d181;margin-top:5px;font-size:.85rem}#root .container .profile-page .edit-profile-modal .form-group .unavailable{color:#ff2b2b;margin-top:5px;font-size:.85rem}#root .container .profile-page .edit-profile-modal .form-group .cooldown-message,#root .container .profile-page .edit-profile-modal .form-group .validation-error{color:#b97f00;margin-top:5px;font-size:.85rem}#root .container .profile-page .edit-profile-modal .modal-actions{gap:15px;margin-top:30px;display:flex}#root .container .profile-page .edit-profile-modal .modal-actions button,#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .add,#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .add{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;transition:all .3s}#root .container .profile-page .edit-profile-modal .modal-actions button.cancel-btn,#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .cancel-btn.add,#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .cancel-btn.add{color:#fff;background:0 0;border:1px solid #d41b434d}#root .container .profile-page .edit-profile-modal .modal-actions button.cancel-btn:hover,#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .cancel-btn.add:hover,#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .cancel-btn.add:hover{background:#d41b431a}#root .container .profile-page .edit-profile-modal .modal-actions button.save-btn,#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .save-btn.add,#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .save-btn.add{color:#160207;background:#00d181;font-weight:600}#root .container .profile-page .edit-profile-modal .modal-actions button.save-btn:hover:not(:disabled),#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .save-btn.add:hover:not(:disabled),#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .save-btn.add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .profile-page .edit-profile-modal .modal-actions button.save-btn:disabled,#root .container .profile-page .edit-profile-modal .modal-actions .player .btn .save-btn.add:disabled,#root .container .player .btn .profile-page .edit-profile-modal .modal-actions .save-btn.add:disabled{opacity:.5;cursor:not-allowed}#root .container .profile-page .loading-spinner{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}#root .container .profile-page .loading-spinner .spinner{border:3px solid #d41b434d;border-top-color:#d41b43;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}#root .container .profile-page .loading-spinner p{color:#ffa8bb}#root .container .profile-page .error-message{text-align:center;padding:100px 20px}#root .container .profile-page .error-message h2{color:#ff2b2b;margin-bottom:15px;font-size:2rem}#root .container .profile-page .error-message p{color:#ffa8bb}#root .container .cancelled-page{background:linear-gradient(135deg,#fef5f5 0%,#ffeaea 100%)}#root .container .cancelled-page .icon-circle{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%)!important}#root .container .cancelled-page .icon-circle .icon{fill:#fff;width:40px;height:40px}#root .container .cancelled-page .payment-title{color:#d32f2f!important}#root .container .cancelled-page .info-card{background:#fff5f5!important;border:1px solid #ffcdd2!important}#root .container .cancelled-page .info-card .info-title{color:#d32f2f!important}#root .container .cancelled-page .info-card .info-content{text-align:left}#root .container .cancelled-page .info-card .info-content p{color:#666;margin-bottom:15px;line-height:1.6}@media screen and (max-width:900px){#root .container .cancelled-page .info-card .info-content p{font-size:12px}}#root .container .cancelled-page .info-card .info-content ul{padding:0;list-style:none}#root .container .cancelled-page .info-card .info-content ul li{color:#666;align-items:center;padding:8px 0 8px 25px;display:flex;position:relative}@media screen and (max-width:900px){#root .container .cancelled-page .info-card .info-content ul li{padding-left:15px;font-size:12px}}#root .container .cancelled-page .info-card .info-content ul li:before{content:"•";color:#f44336;font-size:1.5rem;line-height:1;position:absolute;left:0}#root .container .cancelled-page .next-steps{margin-bottom:40px}#root .container .cancelled-page .next-steps h3{color:#333;margin-bottom:25px;font-size:1.3rem}#root .container .cancelled-page .steps-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}#root .container .cancelled-page .steps-grid .step{text-align:center;background:#f8f9fa;border-radius:10px;padding:20px;transition:transform .3s}#root .container .cancelled-page .steps-grid .step:hover{background:#f0f2f5;transform:translateY(-5px)}#root .container .cancelled-page .steps-grid .step .step-number{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 15px;font-size:1.2rem;font-weight:700;display:flex}#root .container .cancelled-page .steps-grid .step .step-content h4{color:#333;margin-bottom:8px;font-size:1rem}#root .container .cancelled-page .steps-grid .step .step-content p{color:#666;font-size:.9rem;line-height:1.4}#root .container .cancelled-page .action-buttons{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}#root .container .cancelled-page .action-buttons .btn{border:2px solid #0000;border-radius:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}#root .container .cancelled-page .action-buttons .btn-primary{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%)}#root .container .cancelled-page .action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2196f34d}#root .container .cancelled-page .action-buttons .btn-secondary{color:#fff;background:#666}#root .container .cancelled-page .action-buttons .btn-secondary:hover{background:#555;transform:translateY(-2px)}#root .container .cancelled-page .action-buttons .btn-outline{color:#666;background:0 0;border-color:#ddd}#root .container .cancelled-page .action-buttons .btn-outline:hover{background:#f8f9fa;border-color:#666}#root .container .cancelled-page .security-note{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;justify-content:center;align-items:center;gap:15px;margin-top:30px;padding:20px;display:flex}#root .container .cancelled-page .security-note .lock-icon{fill:#4caf50;flex-shrink:0;width:24px;height:24px}#root .container .cancelled-page .security-note p{color:#666;text-align:left;margin:0;font-size:.9rem;line-height:1.5}@media (max-width:768px){#root .container .cancelled-page .payment-container{margin:20px;padding:30px 20px}#root .container .cancelled-page .payment-title{font-size:2rem}#root .container .cancelled-page .steps-grid{grid-template-columns:1fr}#root .container .cancelled-page .action-buttons .btn{padding:14px 24px}#root .container .cancelled-page .security-note{text-align:center;flex-direction:column;gap:10px}#root .container .cancelled-page .security-note p{text-align:center}}#root .container .success-page,#root .container .payment-page{background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}@media screen and (max-width:500px){#root .container .success-page,#root .container .payment-page{padding:10px}}#root .container .success-page .payment-container,#root .container .payment-page .payment-container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:600px;padding:40px;box-shadow:0 10px 40px #ff00001a}@media screen and (max-width:500px){#root .container .success-page .payment-container,#root .container .payment-page .payment-container{margin:0;padding:15px}}#root .container .success-page .icon-circle,#root .container .payment-page .icon-circle{background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;display:flex}@media screen and (max-width:900px){#root .container .success-page .icon-circle,#root .container .payment-page .icon-circle{width:50px;height:50px}}#root .container .success-page .icon-circle .icon,#root .container .payment-page .icon-circle .icon{fill:#fff;width:40px;height:40px}@media screen and (max-width:900px){#root .container .success-page .icon-circle .icon,#root .container .payment-page .icon-circle .icon{width:30px;height:30px}}#root .container .success-page .payment-title,#root .container .payment-page .payment-title{color:#2e7d32;margin-bottom:15px;font-size:2.5rem;font-weight:700}@media screen and (max-width:900px){#root .container .success-page .payment-title,#root .container .payment-page .payment-title{font-size:24px}}@media screen and (max-width:500px){#root .container .success-page .payment-title,#root .container .payment-page .payment-title{margin-top:-10px;margin-bottom:5px;font-size:20px!important}}#root .container .success-page .payment-subtitle,#root .container .payment-page .payment-subtitle{color:#666;margin-bottom:40px;font-size:1.1rem;line-height:1.6}@media screen and (max-width:900px){#root .container .success-page .payment-subtitle,#root .container .payment-page .payment-subtitle{font-size:14px}}@media screen and (max-width:500px){#root .container .success-page .payment-subtitle,#root .container .payment-page .payment-subtitle{margin-bottom:20px;font-size:12px!important}}#root .container .success-page .info-card,#root .container .payment-page .info-card{text-align:left;background:#f8f9fa;border:1px solid #e9ecef;border-radius:15px;margin-bottom:40px;padding:30px}@media screen and (max-width:900px){#root .container .success-page .info-card,#root .container .payment-page .info-card{padding:15px}}@media screen and (max-width:500px){#root .container .success-page .info-card,#root .container .payment-page .info-card{padding:12px}}#root .container .success-page .info-card .info-title,#root .container .payment-page .info-card .info-title{color:#333;text-align:center;margin-bottom:25px;font-size:1.5rem;font-weight:600}@media screen and (max-width:900px){#root .container .success-page .info-card .info-title,#root .container .payment-page .info-card .info-title{font-size:24px}}@media screen and (max-width:500px){#root .container .success-page .info-card .info-title,#root .container .payment-page .info-card .info-title{margin-bottom:15px;font-size:16px!important}}#root .container .success-page .info-details .detail-row,#root .container .payment-page .info-details .detail-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 0;display:flex}@media screen and (max-width:900px){#root .container .success-page .info-details .detail-row,#root .container .payment-page .info-details .detail-row{font-size:12px}}@media screen and (max-width:500px){#root .container .success-page .info-details .detail-row,#root .container .payment-page .info-details .detail-row{flex-direction:column}}#root .container .success-page .info-details .detail-row:last-child,#root .container .payment-page .info-details .detail-row:last-child{border-bottom:none}#root .container .success-page .info-details .detail-label,#root .container .payment-page .info-details .detail-label{color:#666;font-weight:500}#root .container .success-page .info-details .detail-value,#root .container .payment-page .info-details .detail-value{color:#333;font-weight:600}#root .container .success-page .info-details .status-badge,#root .container .payment-page .info-details .status-badge{border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:600}@media screen and (max-width:900px){#root .container .success-page .info-details .status-badge,#root .container .payment-page .info-details .status-badge{font-size:12px}}@media screen and (max-width:500px){#root .container .success-page .info-details .status-badge,#root .container .payment-page .info-details .status-badge{margin-top:5px}}#root .container .success-page .info-details .status-badge.confirmed,#root .container .payment-page .info-details .status-badge.confirmed{color:#2e7d32;background:#e8f5e9}#root .container .success-page .next-steps,#root .container .payment-page .next-steps{border-top:1px solid #eee;margin-top:30px;padding-top:25px}@media screen and (max-width:500px){#root .container .success-page .next-steps,#root .container .payment-page .next-steps{margin-top:0}}#root .container .success-page .next-steps h3,#root .container .payment-page .next-steps h3{color:#333;margin-bottom:15px;font-size:1.2rem}@media screen and (max-width:900px){#root .container .success-page .next-steps h3,#root .container .payment-page .next-steps h3{font-size:20px}}@media screen and (max-width:500px){#root .container .success-page .next-steps h3,#root .container .payment-page .next-steps h3{font-size:16px!important}}#root .container .success-page .next-steps ul,#root .container .payment-page .next-steps ul{padding:0;list-style:none}#root .container .success-page .next-steps ul li,#root .container .payment-page .next-steps ul li{color:#666;padding:8px 0 8px 25px;position:relative}@media screen and (max-width:900px){#root .container .success-page .next-steps ul li,#root .container .payment-page .next-steps ul li{padding-left:15px;font-size:12px}}#root .container .success-page .next-steps ul li:before,#root .container .payment-page .next-steps ul li:before{content:"✓";color:#4caf50;font-weight:700;position:absolute;left:0}#root .container .success-page .action-buttons,#root .container .payment-page .action-buttons{flex-direction:column;gap:15px;margin-bottom:30px;display:flex}#root .container .success-page .action-buttons .btn,#root .container .payment-page .action-buttons .btn{border:2px solid #0000;border-radius:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s}@media screen and (max-width:900px){#root .container .success-page .action-buttons .btn,#root .container .payment-page .action-buttons .btn{font-size:14px!important}}@media screen and (max-width:500px){#root .container .success-page .action-buttons .btn,#root .container .payment-page .action-buttons .btn{font-size:12px!important}}#root .container .success-page .action-buttons .btn-primary,#root .container .payment-page .action-buttons .btn-primary{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%)}#root .container .success-page .action-buttons .btn-primary:hover,#root .container .payment-page .action-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4caf504d}#root .container .success-page .action-buttons .btn-secondary,#root .container .payment-page .action-buttons .btn-secondary{color:#fff;background:#2196f3}#root .container .success-page .action-buttons .btn-secondary:hover,#root .container .payment-page .action-buttons .btn-secondary:hover{background:#1976d2;transform:translateY(-2px)}#root .container .success-page .action-buttons .btn-outline,#root .container .payment-page .action-buttons .btn-outline{color:#666;background:0 0;border-color:#ddd}#root .container .success-page .action-buttons .btn-outline:hover,#root .container .payment-page .action-buttons .btn-outline:hover{background:#f8f9fa;border-color:#666}#root .container .success-page .support-text,#root .container .payment-page .support-text{color:#666;font-size:.9rem}#root .container .success-page .support-text a,#root .container .payment-page .support-text a{color:#2196f3;font-weight:500;text-decoration:none}#root .container .success-page .support-text a:hover,#root .container .payment-page .support-text a:hover{text-decoration:underline}#root .container .pagination-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}#root .container .pagination-container .page-nav{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}#root .container .pagination-container .page-nav:hover:not(:disabled){color:#fff;background:#d41b4333;border-color:#d41b434d;transform:translateY(-2px)}#root .container .pagination-container .page-nav:active:not(:disabled){transform:translateY(0)}#root .container .pagination-container .page-nav:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}#root .container .pagination-container .page-nav.first,#root .container .pagination-container .page-nav.last{padding:10px 16px}@media screen and (max-width:768px){#root .container .pagination-container .page-nav.first,#root .container .pagination-container .page-nav.last{display:none}}#root .container .pagination-container .page-nav.prev,#root .container .pagination-container .page-nav.next{padding:10px 20px}#root .container .pagination-container .page-nav .nav-icon{fill:currentColor;width:20px;height:20px}#root .container .pagination-container .page-numbers{gap:6px;display:flex}#root .container .pagination-container .page-numbers .page-number{color:#ffa8bb;cursor:pointer;background:#d41b431a;border:1px solid #d41b4333;border-radius:10px;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}#root .container .pagination-container .page-numbers .page-number:hover:not(.active){color:#fff;background:#d41b4333;border-color:#d41b434d;transform:translateY(-2px)}#root .container .pagination-container .page-numbers .page-number.active{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-color:#00d181;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 15px #00d18133}#root .container .pagination-container .page-numbers .page-number:active:not(.active){transform:translateY(0)}#root .container .pagination-container .page-numbers .page-ellipsis{color:#ffa8bb;justify-content:center;align-items:center;min-width:42px;height:42px;font-size:1.2rem;font-weight:700;display:flex}#root .container .pagination-container .page-info{color:#ffa8bb;background:#d41b430d;border-radius:10px;align-items:center;gap:8px;margin-left:15px;padding:10px 20px;font-size:.9rem;font-weight:500;display:flex}@media screen and (max-width:768px){#root .container .pagination-container .page-info{display:none}}#root .container .pagination-container .page-info .current-page{color:#00d181;font-size:1.1rem;font-weight:600}#root .container .pagination-container .page-info .separator{opacity:.7}#root .container .pagination-container .page-info .total-pages{font-weight:600}@media screen and (max-width:768px){#root .container .pagination-container{gap:6px}#root .container .pagination-container .page-numbers .page-number{min-width:38px;height:38px;font-size:.9rem}#root .container .pagination-container .page-numbers .page-ellipsis{min-width:38px;height:38px}#root .container .pagination-container .page-nav{min-height:38px;padding:8px 14px;font-size:.9rem}#root .container .pagination-container .page-nav.prev,#root .container .pagination-container .page-nav.next{padding:8px 16px}}@media screen and (max-width:480px){#root .container .pagination-container{gap:4px}#root .container .pagination-container .page-numbers .page-number{min-width:34px;height:34px;font-size:.85rem}#root .container .pagination-container .page-nav{min-height:34px;padding:6px 12px;font-size:.85rem}#root .container .pagination-container .page-nav .nav-icon{width:16px;height:16px}}#root .container .page-number.active{animation:.3s pulse}#root .container .toggle-container{cursor:pointer;align-items:center;gap:10px;display:flex}#root .container .toggle-container input{display:none}#root .container .toggle-container .toggle-label{color:#bbb;font-size:16px}#root .container .toggle-container .toggle-label.on{color:#fff}#root .container .toggle-switch{background:#555;border-radius:50px;align-items:center;width:28px;height:13px;padding:3px;transition:background .25s;display:flex;position:relative}#root .container .toggle-switch.on{background:#ffa8bb}#root .container .toggle-switch .toggle-circle{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .25s;transform:translate(-2px)}#root .container .toggle-switch.on .toggle-circle{transform:translate(10px)}#root .container .custom-dropdown{-webkit-user-select:none;user-select:none;width:fit-content;font-family:Poppins,sans-serif;position:relative}#root .container .custom-dropdown .dropdown-header{cursor:pointer;color:#fff;background:#d41b431a;border:2px solid #d41b4333;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.95rem;transition:all .2s ease-in-out;display:flex}#root .container .custom-dropdown .dropdown-header:hover{background:#d41b4326;border-color:#d41b434d}#root .container .custom-dropdown .dropdown-header:focus-visible{border-color:#ffa8bb;outline:none;box-shadow:0 0 0 3px #ffa8bb33}#root .container .custom-dropdown .dropdown-header .selected-value{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}#root .container .custom-dropdown .dropdown-header .dropdown-arrow{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s;display:flex}#root .container .custom-dropdown .dropdown-header .dropdown-arrow i{color:#ffa8bb;font-size:14px;transition:color .2s}#root .container .custom-dropdown .dropdown-header .dropdown-arrow.open{transform:rotate(180deg)}#root .container .custom-dropdown .dropdown-header .dropdown-arrow.open i{color:#ffa8bb}#root .container .custom-dropdown .dropdown-options{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#270a0f;border:1px solid #d41b4333;border-radius:12px;animation:.2s dropdownSlideIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 30px #0000004d}#root .container .custom-dropdown .dropdown-options .dropdown-option{cursor:pointer;color:#fff;border-bottom:1px solid #d41b431a;padding:12px 16px;font-size:.95rem;transition:all .2s}#root .container .custom-dropdown .dropdown-options .dropdown-option:last-child{border-bottom:none}#root .container .custom-dropdown .dropdown-options .dropdown-option:hover{background:#d41b4333;padding-left:20px}#root .container .custom-dropdown .dropdown-options .dropdown-option.selected{color:#ffa8bb;background:#ffa8bb26;font-weight:500;position:relative}#root .container .custom-dropdown .dropdown-options .dropdown-option.selected:before{content:"✓";color:#ffa8bb;font-weight:700;position:absolute;right:16px}#root .container .custom-dropdown .dropdown-options .dropdown-option.selected:hover{background:#ffa8bb33}#root .container .custom-dropdown .dropdown-options .dropdown-option:focus-visible{background:#d41b4340;outline:none}#root .container .custom-dropdown.disabled{opacity:.6;pointer-events:none}#root .container .custom-dropdown.disabled .dropdown-header{cursor:not-allowed;background:#d41b430d}#root .container .custom-dropdown.error .dropdown-header{background:#ff2b2b1a;border-color:#ff2b2b}#root .container .custom-dropdown.error .dropdown-header:hover{background:#ff2b2b26}#root .container .custom-dropdown.success .dropdown-header{background:#16c0161a;border-color:#16c016}#root .container .custom-dropdown.success .dropdown-header:hover{background:#16c01626}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){#root .container .custom-dropdown .dropdown-header,#root .container .custom-dropdown .dropdown-options .dropdown-option{padding:10px 14px;font-size:.9rem}}@media screen and (max-width:480px){#root .container .custom-dropdown .dropdown-header{padding:8px 12px}}#root .container .sort-select.custom-dropdown{min-width:160px}#root .container .sort-select.custom-dropdown .dropdown-header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#270a0fcc;border-color:#d41b4326}#root .container .sort-select.custom-dropdown .dropdown-header .dropdown-arrow i{color:#ffa8bb}#root .container .sort-select.custom-dropdown .dropdown-options{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#270a0f;border:1px solid #ffa8bb33}#root .container .sort-select.custom-dropdown .dropdown-options .dropdown-option.selected{color:#ffa8bb;background:#ffa8bb26}#root .container .full-w{width:100%}@media (prefers-color-scheme:light){#root .container .custom-dropdown .dropdown-header{color:#333;background:#ffffffe6;border-color:#0000001a}#root .container .custom-dropdown .dropdown-header .dropdown-arrow i{color:#666}#root .container .custom-dropdown .dropdown-options{background:#fff;border-color:#0000001a;box-shadow:0 10px 30px #0000001a}#root .container .custom-dropdown .dropdown-options .dropdown-option{color:#333;border-bottom-color:#0000000d}#root .container .custom-dropdown .dropdown-options .dropdown-option:hover{background:#0000000d}#root .container .custom-dropdown .dropdown-options .dropdown-option.selected{color:#00d181;background:#00d1811a}}@media (prefers-reduced-motion:reduce){#root .container .custom-dropdown .dropdown-header,#root .container .custom-dropdown .dropdown-arrow,#root .container .custom-dropdown .dropdown-options,#root .container .custom-dropdown .dropdown-option{transition:none;animation:none}}@media (prefers-contrast:high){#root .container .custom-dropdown .dropdown-header{border-width:2px;border-color:#fff}#root .container .custom-dropdown .dropdown-options{border:2px solid #fff}#root .container .custom-dropdown .dropdown-option.selected{border-left:4px solid #00d181}}#root .container .scrollable-creator{width:100%;display:flex}#root .container .scrollable-creator .embla__slide{width:200px;min-width:200px}#root .container .scrollable-creator .creator-card{cursor:pointer;border-radius:15px;flex-direction:column;align-items:center;gap:15px;padding:15px;text-decoration:none;transition:all .3s;display:flex}#root .container .scrollable-creator .creator-card:hover{border:none;background-color:#270a0f!important}#root .container .scrollable-creator .creator-card .creator-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:100%;height:170px;display:flex}#root .container .scrollable-creator .creator-card .creator-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container .scrollable-creator .creator-card .creator-info{width:100%}#root .container .scrollable-creator .creator-card .creator-info h4{color:#fff;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;margin-bottom:3px;font-size:18px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .scrollable-creator .creator-card .creator-info p{color:#ffa8bb;text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;margin-top:4px;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden;color:#bbb!important}#root .container .scrollable-creator .creator-card .follow-btn{color:#00d181;cursor:pointer;background:0 0;border:2px solid #00d181;border-radius:20px;padding:6px 15px;font-weight:500;transition:all .3s}#root .container .scrollable-creator .creator-card .follow-btn:hover{color:#160207;background:#00d181}#root .container .scrollable-playlist{width:100%;display:flex}#root .container .scrollable-playlist .embla__slide{width:200px;min-width:200px}#root .container .verified-badge{background:linear-gradient(135deg,#1da1f2,#0d8bd9);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;display:inline-flex;position:relative;box-shadow:0 2px 8px #1da1f24d}#root .container .verified-badge:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:8px;height:14px;margin-top:-6px;margin-left:-4px;position:absolute;top:50%;left:50%;transform:rotate(45deg)translate(-2px,-1px)}#root .container .verified-badge{animation:2s ease-in-out infinite verifiedPulse}#root .container .verified-badge:hover:before{content:"Verified Creator";color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#000c;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}@keyframes verifiedPulse{0%{box-shadow:0 2px 8px #1da1f24d}50%{box-shadow:0 2px 12px #1da1f299}to{box-shadow:0 2px 8px #1da1f24d}}#root .container .verified-gold{background:linear-gradient(135deg,gold,orange);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:8px;display:inline-flex;position:relative;box-shadow:0 2px 8px #ffd7004d}#root .container .verified-gold:after{content:"✓";color:#000;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#root .container .verified-fa{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;margin-left:8px;font-size:9px;display:inline-flex;position:absolute}#root .container .verified-fa i{filter:drop-shadow(0 2px 4px #00d1814d)}#root .container .verified-fa:hover{background:#00d1814d}#root .container .verified-fa.w{background:#fff}#root .container .profile-avatar{background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);border:2px solid #fff;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:30px;height:30px;margin-right:6px;display:flex}#root .container .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}#root .container .bottom-nav{background-color:#160207;border-top:1px solid #211;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:0 24px;display:none;position:fixed;bottom:0}@media screen and (max-width:900px){#root .container .bottom-nav{padding:0 16px}}@media screen and (max-width:600px){#root .container .bottom-nav{padding:0 10px}}@media screen and (max-width:900px){#root .container .bottom-nav{display:flex}}#root .container .bottom-nav{z-index:1000000}#root .container .bottom-nav .nav-container{width:100%;display:flex}#root .container .bottom-nav .nav-container a{color:#999;border:none;outline:none;width:100%;padding:5px 20px;text-decoration:none}@media screen and (max-width:300px){#root .container .bottom-nav .nav-container a{padding:5px 10px}}#root .container .bottom-nav .nav-container a{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;display:flex}#root .container .bottom-nav .nav-container a p{font-size:10px}#root .container .bottom-nav .nav-container a i{padding:6px 0;font-size:15px}@media screen and (max-width:370px){#root .container .bottom-nav .nav-container a{padding:5px 10px}}#root .container .bottom-nav .nav-container .inbox{color:#fff;background-color:#d41b43;border-radius:50px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:-12px}#root .container .bottom-nav .nav-container .active{color:#fff}#root .container .bottom-nav .mini-menu{z-index:100;background-color:#777;border-radius:5px;width:200px;animation:.1s linear scaling;display:none;position:absolute;top:-80%;right:10px;box-shadow:0 3px 12px #000000b3}#root .container .bottom-nav .mini-menu a{text-align:center;color:#ddd;z-index:100;border-bottom:1px solid #999;padding:10px;text-decoration:none;display:block}#root .container .bottom-nav .mini-menu a:last-of-type{border-bottom:none}#root .container .bottom-nav .mini-menu a:hover{color:#d41b43}#root .container .bottom-nav .mini-menu a i{margin-right:6px}#root .container .bottom-nav .products-results{top:-150%}#root .container .bottom-nav .button-container{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}#root .container .bottom-nav .button-container .float-button{cursor:pointer;background-color:#d41b43;border:none;border-radius:50px;outline:none;flex-direction:column;justify-content:space-evenly;align-items:center;padding:8px 10px 3px 15px;text-decoration:none;display:flex;box-shadow:1px 3px 12px #00000059}@media screen and (max-width:240px){#root .container .bottom-nav .button-container .float-button{padding:5px 15px}}#root .container .bottom-nav .button-container .float-button .cart i{color:#fff;font-size:16px;font-weight:700}@media screen and (max-width:280px){#root .container .bottom-nav .button-container .float-button .cart i{font-size:15px}}#root .container .bottom-nav .button-container .float-button .cart .cart-num{color:#fff;font-size:14px;position:relative;top:-7px;right:5px}#root .container .custom-modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#root .container .custom-modal .modal-content{background:#270a0f;border:1px solid #d41b434d;border-radius:20px;width:100%;max-width:500px;max-height:80vh;overflow:auto}#root .container .custom-modal .modal-content .subtitle{color:#fff;padding:0 20px 20px}#root .container .custom-modal .modal-content.playlist-modal{max-width:600px}#root .container .custom-modal .modal-content.playlist-modal .action{justify-content:flex-end;gap:10px;width:100%;padding:10px 20px;display:flex}#root .container .custom-modal .modal-content.playlist-modal .action .add-songs-btn,#root .container .custom-modal .modal-content.playlist-modal .action .remove-playlist-btn{color:#fff;cursor:pointer;background:0 0;border:1px dashed #00d1814d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:12px;transition:all .3s;display:flex}#root .container .custom-modal .modal-content.playlist-modal .action .add-songs-btn i,#root .container .custom-modal .modal-content.playlist-modal .action .remove-playlist-btn i{font-size:14px}#root .container .custom-modal .modal-content.playlist-modal .action .add-songs-btn:hover,#root .container .custom-modal .modal-content.playlist-modal .action .remove-playlist-btn:hover{background:#00d1811a;border-color:#00d181}#root .container .custom-modal .modal-content.playlist-modal .action .remove-playlist-btn{background-color:#ff2b2b;border:1px solid #ff2b2b4d}#root .container .custom-modal .modal-content.playlist-modal .action .remove-playlist-btn:hover{background:#ff2b2b;border-color:#ff2b2b}#root .container .custom-modal .modal-content .modal-header{border-bottom:1px solid #d41b4333;justify-content:space-between;align-items:center;padding:20px;display:flex}#root .container .custom-modal .modal-content .modal-header h2{color:#fff;font-size:1.4rem}#root .container .custom-modal .modal-content .modal-header .close-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:5px;font-size:1.2rem;transition:color .3s}#root .container .custom-modal .modal-content .modal-header .close-btn:hover{color:#fff}#root .container .custom-modal .modal-content .form-group{padding:15px 20px}#root .container .custom-modal .modal-content .form-group label{color:#ffa8bb;margin-bottom:8px;font-size:.9rem;display:block}#root .container .custom-modal .modal-content .form-group input,#root .container .custom-modal .modal-content .form-group textarea{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;padding:12px;font-size:1rem}#root .container .custom-modal .modal-content .form-group input:focus,#root .container .custom-modal .modal-content .form-group textarea:focus{border-color:#00d181;outline:none}#root .container .custom-modal .modal-content .form-group textarea{resize:vertical;min-height:80px}#root .container .custom-modal .modal-content .playlist-description{color:#ffffffb3;padding:10px 20px;line-height:1.3}#root .container .custom-modal .modal-content .users-list,#root .container .custom-modal .modal-content .playlist-songs{padding:20px}#root .container .custom-modal .modal-content .users-list h3,#root .container .custom-modal .modal-content .playlist-songs h3{color:#fff;margin-bottom:15px}#root .container .custom-modal .modal-content .users-list .user-item,#root .container .custom-modal .modal-content .users-list .song-item,#root .container .custom-modal .modal-content .playlist-songs .user-item,#root .container .custom-modal .modal-content .playlist-songs .song-item{border-radius:10px;align-items:center;gap:15px;padding:10px;text-decoration:none;transition:background .3s;display:flex}#root .container .custom-modal .modal-content .users-list .user-item:hover,#root .container .custom-modal .modal-content .users-list .song-item:hover,#root .container .custom-modal .modal-content .playlist-songs .user-item:hover,#root .container .custom-modal .modal-content .playlist-songs .song-item:hover{background:#d41b431a}#root .container .custom-modal .modal-content .users-list .user-item .user-avatar,#root .container .custom-modal .modal-content .users-list .user-item .song-cover-small,#root .container .custom-modal .modal-content .users-list .song-item .user-avatar,#root .container .custom-modal .modal-content .users-list .song-item .song-cover-small,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-avatar,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-cover-small,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-avatar,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-cover-small{border-radius:50%;width:50px;height:50px;overflow:hidden}#root .container .custom-modal .modal-content .users-list .user-item .user-avatar img,#root .container .custom-modal .modal-content .users-list .user-item .song-cover-small img,#root .container .custom-modal .modal-content .users-list .song-item .user-avatar img,#root .container .custom-modal .modal-content .users-list .song-item .song-cover-small img,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-avatar img,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-cover-small img,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-avatar img,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-cover-small img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .custom-modal .modal-content .users-list .user-item .user-avatar .avatar-placeholder,#root .container .custom-modal .modal-content .users-list .user-item .user-avatar .cover-placeholder-small,#root .container .custom-modal .modal-content .users-list .user-item .song-cover-small .avatar-placeholder,#root .container .custom-modal .modal-content .users-list .user-item .song-cover-small .cover-placeholder-small,#root .container .custom-modal .modal-content .users-list .song-item .user-avatar .avatar-placeholder,#root .container .custom-modal .modal-content .users-list .song-item .user-avatar .cover-placeholder-small,#root .container .custom-modal .modal-content .users-list .song-item .song-cover-small .avatar-placeholder,#root .container .custom-modal .modal-content .users-list .song-item .song-cover-small .cover-placeholder-small,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-avatar .avatar-placeholder,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-avatar .cover-placeholder-small,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-cover-small .avatar-placeholder,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-cover-small .cover-placeholder-small,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-avatar .avatar-placeholder,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-avatar .cover-placeholder-small,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-cover-small .avatar-placeholder,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-cover-small .cover-placeholder-small{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}#root .container .custom-modal .modal-content .users-list .user-item .user-info,#root .container .custom-modal .modal-content .users-list .user-item .song-info,#root .container .custom-modal .modal-content .users-list .song-item .user-info,#root .container .custom-modal .modal-content .users-list .song-item .song-info,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-info,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-info,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-info,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-info{flex:1;padding:16px}#root .container .custom-modal .modal-content .users-list .user-item .user-info h4,#root .container .custom-modal .modal-content .users-list .user-item .song-info h4,#root .container .custom-modal .modal-content .users-list .song-item .user-info h4,#root .container .custom-modal .modal-content .users-list .song-item .song-info h4,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-info h4,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-info h4,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-info h4,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-info h4{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:500}#root .container .custom-modal .modal-content .users-list .user-item .user-info p,#root .container .custom-modal .modal-content .users-list .user-item .song-info p,#root .container .custom-modal .modal-content .users-list .song-item .user-info p,#root .container .custom-modal .modal-content .users-list .song-item .song-info p,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-info p,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-info p,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-info p,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-info p{color:#fff9;font-size:.85rem}#root .container .custom-modal .modal-content .users-list .user-item .user-info .username,#root .container .custom-modal .modal-content .users-list .user-item .song-info .username,#root .container .custom-modal .modal-content .users-list .song-item .user-info .username,#root .container .custom-modal .modal-content .users-list .song-item .song-info .username,#root .container .custom-modal .modal-content .playlist-songs .user-item .user-info .username,#root .container .custom-modal .modal-content .playlist-songs .user-item .song-info .username,#root .container .custom-modal .modal-content .playlist-songs .song-item .user-info .username,#root .container .custom-modal .modal-content .playlist-songs .song-item .song-info .username{color:#bbb}#root .container .custom-modal .modal-content .users-list .user-item .remove-btn,#root .container .custom-modal .modal-content .users-list .user-item .add-btn,#root .container .custom-modal .modal-content .users-list .song-item .remove-btn,#root .container .custom-modal .modal-content .users-list .song-item .add-btn,#root .container .custom-modal .modal-content .playlist-songs .user-item .remove-btn,#root .container .custom-modal .modal-content .playlist-songs .user-item .add-btn,#root .container .custom-modal .modal-content .playlist-songs .song-item .remove-btn,#root .container .custom-modal .modal-content .playlist-songs .song-item .add-btn{cursor:pointer;border:none;border-radius:5px;padding:8px 15px;font-size:.9rem;transition:all .3s}#root .container .custom-modal .modal-content .users-list .user-item .remove-btn i,#root .container .custom-modal .modal-content .users-list .user-item .add-btn i,#root .container .custom-modal .modal-content .users-list .song-item .remove-btn i,#root .container .custom-modal .modal-content .users-list .song-item .add-btn i,#root .container .custom-modal .modal-content .playlist-songs .user-item .remove-btn i,#root .container .custom-modal .modal-content .playlist-songs .user-item .add-btn i,#root .container .custom-modal .modal-content .playlist-songs .song-item .remove-btn i,#root .container .custom-modal .modal-content .playlist-songs .song-item .add-btn i{font-size:1rem}#root .container .custom-modal .modal-content .users-list .user-item .remove-btn,#root .container .custom-modal .modal-content .users-list .song-item .remove-btn,#root .container .custom-modal .modal-content .playlist-songs .user-item .remove-btn,#root .container .custom-modal .modal-content .playlist-songs .song-item .remove-btn{color:#ff2b2b;background:#ff2b2b33}#root .container .custom-modal .modal-content .users-list .user-item .remove-btn:hover,#root .container .custom-modal .modal-content .users-list .song-item .remove-btn:hover,#root .container .custom-modal .modal-content .playlist-songs .user-item .remove-btn:hover,#root .container .custom-modal .modal-content .playlist-songs .song-item .remove-btn:hover{background:#ff2b2b4d}#root .container .custom-modal .modal-content .users-list .user-item .add-btn,#root .container .custom-modal .modal-content .users-list .song-item .add-btn,#root .container .custom-modal .modal-content .playlist-songs .user-item .add-btn,#root .container .custom-modal .modal-content .playlist-songs .song-item .add-btn{color:#00d181;background:#00d18133}#root .container .custom-modal .modal-content .users-list .user-item .add-btn:hover,#root .container .custom-modal .modal-content .users-list .song-item .add-btn:hover,#root .container .custom-modal .modal-content .playlist-songs .user-item .add-btn:hover,#root .container .custom-modal .modal-content .playlist-songs .song-item .add-btn:hover{background:#00d1814d}#root .container .custom-modal .modal-content .users-list .add-songs-section,#root .container .custom-modal .modal-content .playlist-songs .add-songs-section{border-top:1px solid #d41b4333;margin-top:20px;padding-top:20px}#root .container .custom-modal .modal-content .users-list .add-songs-section h4,#root .container .custom-modal .modal-content .playlist-songs .add-songs-section h4{color:#fff;margin-bottom:15px}#root .container .custom-modal .modal-content .users-list .load-more,#root .container .custom-modal .modal-content .playlist-songs .load-more{color:#fff;cursor:pointer;background:0 0;border:1px solid #d41b434d;border-radius:8px;width:100%;margin-top:15px;padding:12px;transition:all .3s}#root .container .custom-modal .modal-content .users-list .load-more:hover,#root .container .custom-modal .modal-content .playlist-songs .load-more:hover{background:#d41b431a}#root .container .custom-modal .modal-content .modal-actions{border-top:1px solid #d41b4333;gap:15px;padding:20px;display:flex}#root .container .custom-modal .modal-content .modal-actions button,#root .container .custom-modal .modal-content .modal-actions .player .btn .add,#root .container .player .btn .custom-modal .modal-content .modal-actions .add{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;transition:all .3s}#root .container .custom-modal .modal-content .modal-actions button.cancel-btn,#root .container .custom-modal .modal-content .modal-actions .player .btn .cancel-btn.add,#root .container .player .btn .custom-modal .modal-content .modal-actions .cancel-btn.add{color:#fff;background:0 0;border:1px solid #d41b434d}#root .container .custom-modal .modal-content .modal-actions button.cancel-btn:hover,#root .container .custom-modal .modal-content .modal-actions .player .btn .cancel-btn.add:hover,#root .container .player .btn .custom-modal .modal-content .modal-actions .cancel-btn.add:hover{background:#d41b431a}#root .container .custom-modal .modal-content .modal-actions button.create-btn,#root .container .custom-modal .modal-content .modal-actions .player .btn .create-btn.add,#root .container .player .btn .custom-modal .modal-content .modal-actions .create-btn.add{color:#160207;background:#00d181;font-weight:600}#root .container .custom-modal .modal-content .modal-actions button.create-btn:hover,#root .container .custom-modal .modal-content .modal-actions .player .btn .create-btn.add:hover,#root .container .player .btn .custom-modal .modal-content .modal-actions .create-btn.add:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .custom-modal .edit-modal{max-width:500px}#root .container .custom-modal .edit-modal .form-group{margin-bottom:20px}#root .container .custom-modal .edit-modal .form-group label{color:#ffa8bb;margin-bottom:8px;font-size:.9rem;display:block}#root .container .custom-modal .edit-modal .form-group .username-input-wrapper{align-items:center;display:flex;position:relative}#root .container .custom-modal .edit-modal .form-group .username-input-wrapper .at-symbol{color:#fff9;font-size:1rem;position:absolute;top:10px;left:12px}#root .container .custom-modal .edit-modal .form-group .username-input-wrapper input{padding-left:34px}#root .container .custom-modal .edit-modal .form-group input,#root .container .custom-modal .edit-modal .form-group textarea,#root .container .custom-modal .edit-modal .form-group select{color:#fff;background:#d41b431a;border:1px solid #d41b4333;border-radius:8px;width:100%;padding:12px;font-size:1rem}#root .container .custom-modal .edit-modal .form-group input:focus,#root .container .custom-modal .edit-modal .form-group textarea:focus,#root .container .custom-modal .edit-modal .form-group select:focus{border-color:#00d181;outline:none}#root .container .custom-modal .edit-modal .form-group input:disabled,#root .container .custom-modal .edit-modal .form-group textarea:disabled,#root .container .custom-modal .edit-modal .form-group select:disabled{opacity:.6;cursor:not-allowed}#root .container .custom-modal .edit-modal .form-group .checking{color:#fff9;margin-top:5px;font-size:.85rem}#root .container .custom-modal .edit-modal .form-group .available{color:#00d181;margin-top:5px;font-size:.85rem}#root .container .custom-modal .edit-modal .form-group .unavailable{color:#ff2b2b;margin-top:5px;font-size:.85rem}#root .container .custom-modal .edit-modal .form-group .cooldown-message,#root .container .custom-modal .edit-modal .form-group .validation-error{color:#b97f00;margin-top:5px;font-size:.85rem}#root .container .custom-modal .edit-modal .modal-actions{gap:15px;margin-top:30px;display:flex}#root .container .custom-modal .edit-modal .modal-actions button,#root .container .custom-modal .edit-modal .modal-actions .player .btn .add,#root .container .player .btn .custom-modal .edit-modal .modal-actions .add{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;transition:all .3s}#root .container .custom-modal .edit-modal .modal-actions button.cancel-btn,#root .container .custom-modal .edit-modal .modal-actions .player .btn .cancel-btn.add,#root .container .player .btn .custom-modal .edit-modal .modal-actions .cancel-btn.add{color:#fff;background:0 0;border:1px solid #d41b434d}#root .container .custom-modal .edit-modal .modal-actions button.cancel-btn:hover,#root .container .custom-modal .edit-modal .modal-actions .player .btn .cancel-btn.add:hover,#root .container .player .btn .custom-modal .edit-modal .modal-actions .cancel-btn.add:hover{background:#d41b431a}#root .container .custom-modal .edit-modal .modal-actions button.save-btn,#root .container .custom-modal .edit-modal .modal-actions .player .btn .save-btn.add,#root .container .player .btn .custom-modal .edit-modal .modal-actions .save-btn.add{color:#160207;background:#00d181;font-weight:600}#root .container .custom-modal .edit-modal .modal-actions button.save-btn:hover:not(:disabled),#root .container .custom-modal .edit-modal .modal-actions .player .btn .save-btn.add:hover:not(:disabled),#root .container .player .btn .custom-modal .edit-modal .modal-actions .save-btn.add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00d1814d}#root .container .custom-modal .edit-modal .modal-actions button.save-btn:disabled,#root .container .custom-modal .edit-modal .modal-actions .player .btn .save-btn.add:disabled,#root .container .player .btn .custom-modal .edit-modal .modal-actions .save-btn.add:disabled{opacity:.5;cursor:not-allowed}#root .container .main-btn{color:#160207;cursor:pointer;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:2px solid #0000;border-radius:10px;padding:15px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}#root .container .playlist-card{cursor:pointer;color:#fff;border-radius:15px;margin:0 10px;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}#root .container .playlist-card:first-child{margin-left:0}#root .container .playlist-card:hover{background-color:#270a0f}#root .container .playlist-card:hover .play-btn{opacity:1;transform:scale(1)}#root .container .playlist-card:hover .cover-stack .stack-item:first-child{transform:rotate(-3deg)translate(-2px)}#root .container .playlist-card:hover .cover-stack .stack-item:nth-child(2){transform:rotate(0)translateY(2px)}#root .container .playlist-card:hover .cover-stack .stack-item:nth-child(3){transform:rotate(3deg)translate(2px)}#root .container .playlist-card:hover .cover-stack .stack-item:nth-child(4){transform:rotate(6deg)translate(4px)translateY(-2px)}#root .container .playlist-card .cover-stack{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#root .container .playlist-card .cover-stack .stack-item{border-radius:10px;width:85%;height:85%;transition:all .3s;position:absolute;overflow:hidden;box-shadow:0 5px 15px #0000004d}#root .container .playlist-card .cover-stack .stack-item:first-child{z-index:1;transform:rotate(-5deg)translate(-5px)}#root .container .playlist-card .cover-stack .stack-item:nth-child(2){z-index:2;transform:rotate(0)}#root .container .playlist-card .cover-stack .stack-item:nth-child(3){z-index:1;transform:rotate(5deg)translate(5px)}#root .container .playlist-card .cover-stack .stack-item:nth-child(4){z-index:0;opacity:.7;filter:blur(1px);transform:rotate(10deg)translate(10px)translateY(-5px)}#root .container .playlist-card .cover-stack .stack-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}#root .container .playlist-card .cover-stack .stack-item .cover-placeholder{color:#fff;background:linear-gradient(135deg,#d41b43 0%,#ffa8bb 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}#root .container .playlist-card .cover-stack.less-items .stack-item:first-child{background:linear-gradient(135deg,#d41b43 0%,#e95273 100%)}#root .container .playlist-card .cover-stack.less-items .stack-item:nth-child(2){background:linear-gradient(135deg,#270a0f 0%,#d41b43 100%)}#root .container .playlist-card .cover-stack.less-items .stack-item:nth-child(3){background:linear-gradient(135deg,#d41b43 0%,#270a0f 100%)}#root .container .playlist-card .cover-stack.less-items .stack-item:nth-child(4){background:linear-gradient(135deg,#270a0f 0%,#50141f 100%)}#root .container .playlist-card .cover-stack .play-btn{color:#160207;cursor:pointer;opacity:0;z-index:10;background:#00d181;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:absolute;bottom:15px;right:15px;transform:scale(.8);box-shadow:0 4px 10px #0000004d}#root .container .playlist-card .cover-stack .play-btn i{margin-left:2px;font-size:18px}#root .container .playlist-card .cover-stack .play-btn:hover{background:#05ff9f;transform:scale(1.1)}#root .container .playlist-card .cover-stack .privacy-badge{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#000000b3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex;position:absolute;top:15px;left:15px}#root .container .playlist-card .cover-stack .privacy-badge i{font-size:11px}#root .container .playlist-card .cover-stack .privacy-badge.public i{color:#00d181}#root .container .playlist-card .cover-stack .privacy-badge.private i{color:#b97f00}#root .container .playlist-card .cover-stack .song-count-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:15px;padding:4px 10px;font-size:.75rem;position:absolute;bottom:15px;left:15px}#root .container .playlist-card .cover-stack .song-count-badge i{color:#00d181;margin-right:4px;font-size:10px}#root .container .playlist-card .playlist-info{padding:16px}#root .container .playlist-card .playlist-info h3{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:4px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}#root .container .playlist-card .playlist-info .creator-name{color:#bbb;align-items:center;gap:4px;margin-bottom:8px;font-size:.85rem;display:flex}#root .container .playlist-card .playlist-info .creator-name i{font-size:12px}#root .container .playlist-card .playlist-info .creator-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#root .container .playlist-card .playlist-info .description{color:#fff9;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}#root .container .playlist-card .playlist-info .playlist-stats{color:#ffffff80;align-items:center;gap:10px;margin-top:10px;font-size:.75rem;display:flex}#root .container .playlist-card .playlist-info .playlist-stats .stat{color:#bbb;align-items:center;gap:4px;display:flex}#root .container .playlist-card .playlist-info .playlist-stats .stat i{font-size:11px}#root .container .playlist-card .playlist-actions{z-index:20;position:absolute;top:15px;right:15px}#root .container .playlist-card .playlist-actions .privacy-toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:10px 20px;font-size:.8rem;transition:all .3s;display:flex}#root .container .playlist-card .playlist-actions .privacy-toggle i{font-size:12px}#root .container .playlist-card .playlist-actions .privacy-toggle.public{border-color:#00d181}#root .container .playlist-card .playlist-actions .privacy-toggle.public i{color:#00d181}#root .container .playlist-card .playlist-actions .privacy-toggle.private{border-color:#b97f00}#root .container .playlist-card .playlist-actions .privacy-toggle.private i{color:#b97f00}#root .container .playlist-card .playlist-actions .privacy-toggle:hover{background:#000000e6;transform:scale(1.05)}#root .container .playlist-card.loading{pointer-events:none}#root .container .playlist-card.loading .cover-stack .stack-item{animation:1.5s ease-in-out infinite pulse}@media (max-width:768px){#root .container .playlist-card .cover-stack .play-btn{width:35px;height:35px}#root .container .playlist-card .cover-stack .play-btn i{font-size:14px}#root .container .playlist-card .playlist-info{padding:12px}#root .container .playlist-card .playlist-info h3{font-size:.9rem}#root .container .playlist-card .playlist-info .description{font-size:.75rem}}#root .container .frosted-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#16020780;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .frosted-menu-container .ghost-container{z-index:-1;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .frosted-menu-container .frosted-menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .frosted-menu-container .frosted-item{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:14px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex;position:relative;overflow:hidden}#root .container .frosted-menu-container .frosted-item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .frosted-menu-container .frosted-item:before{content:"";opacity:0;background:linear-gradient(135deg,#d41b431a 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}#root .container .frosted-menu-container .frosted-item:hover{background:#ffffff1f;border-color:#d41b434d;transform:translateY(-2px);box-shadow:0 4px 20px #0003,0 0 0 1px #d41b431a}#root .container .frosted-menu-container .frosted-item:hover:before{opacity:1}#root .container .frosted-menu-container .frosted-item:active{transform:translateY(0)}#root .container .popup-menu-container{z-index:101010;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#160207f2;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#root .container .popup-menu-container .ghost-container{z-index:-1;pointer-events:auto;background-color:#0000;width:100%;height:100%;position:absolute;top:0;left:0}#root .container .popup-menu-container .menu{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#ffffff12;border:1px solid #ffffff2e;border-radius:20px;min-width:220px;padding:10px;position:relative;box-shadow:0 8px 32px #0000005c,inset 0 1px #ffffff1a}#root .container .popup-menu-container .menu.position-right{margin-top:5px;top:100%;right:0}#root .container .popup-menu-container .menu.position-left{margin-top:5px;top:100%;left:0}#root .container .popup-menu-container .menu{animation:.2s menuFadeIn}#root .container .popup-menu-container .item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:400;transition:all .2s;display:flex}#root .container .popup-menu-container .item i{color:#fff;width:18px;font-size:14px}#root .container .popup-menu-container .item:hover{color:#fff;background:#d41b4326}#root .container .popup-menu-container .item:hover i{color:#fff}#root .container .popup-menu-container .item.disabled{pointer-events:none;color:#777!important;border:1px solid #555!important}#root .container .song-card{cursor:pointer;color:#fff;border:1px solid #0000;border-bottom-color:#555;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;text-decoration:none;transition:all .3s ease-in-out;display:flex}#root .container .song-card:hover{background-color:#270a0f!important}#root .container .song-card:last-child{border-bottom:none}#root .container .song-card .art{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;display:flex}#root .container .song-card .art img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:100%;height:100%}#root .container .song-card .details{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:95%;margin:0 0 0 10px;display:block;overflow:hidden}#root .container .song-card .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;font-weight:500;display:block;overflow:hidden}#root .container .song-card .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;font-weight:500;display:block;overflow:hidden}#root .container .song-card .details .feedback{flex-direction:row;justify-content:flex-start;align-items:center;display:flex}#root .container .song-card .details .feedback p{color:#bbb;white-space:nowrap;text-overflow:ellipsis;align-items:center;margin-top:6px;padding-right:10px;font-size:11px;display:flex;overflow:hidden}#root .container .song-card .details .feedback p .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .song-card .details .feedback .actions,#root .container .song-card .details .feedback .popup-menu-wrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}#root .container .song-card .details .feedback .actions button,#root .container .song-card .details .feedback .actions .player .btn .add,#root .container .player .btn .song-card .details .feedback .actions .add,#root .container .song-card .details .feedback .popup-menu-wrapper button,#root .container .song-card .details .feedback .popup-menu-wrapper .player .btn .add,#root .container .player .btn .song-card .details .feedback .popup-menu-wrapper .add{color:#ddd;cursor:pointer;pointer-events:auto;background-color:#0000;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;transition:all .2s;display:flex}#root .container .song-card .details .feedback .actions button:hover,#root .container .song-card .details .feedback .actions .player .btn .add:hover,#root .container .player .btn .song-card .details .feedback .actions .add:hover,#root .container .song-card .details .feedback .popup-menu-wrapper button:hover,#root .container .song-card .details .feedback .popup-menu-wrapper .player .btn .add:hover,#root .container .player .btn .song-card .details .feedback .popup-menu-wrapper .add:hover{background-color:#450616}#root .container .song-card .details .feedback .actions .popup-menu-container,#root .container .song-card .details .feedback .popup-menu-wrapper .popup-menu-container{margin-top:5px;position:absolute;top:100%;right:0}#root .container .song-card .dur{color:#bbb;flex-direction:row;justify-content:center;align-items:center;padding:6px;font-size:14px;display:flex}#root .container .song-card .add{color:#fff;cursor:pointer;background-color:#d41b43;border:none;border-radius:5px;outline:none;padding:5px 10px;transition:all .3s ease-in-out}#root .container .song-card .add:hover{color:#160207;background-color:#ffa8bb}#root .container .song-card .like-song-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:5px 10px;font-size:.9rem;transition:all .2s;display:inline-flex}#root .container .song-card .like-song-btn:hover:not(:disabled){background:#d41b431a;transform:scale(1.05)}#root .container .song-card .like-song-btn:disabled{opacity:.5;cursor:not-allowed}#root .container .song-card .like-song-btn i{font-size:1rem;transition:all .2s}#root .container .song-card .like-song-btn i.liked{color:#d41b43;animation:.3s heartBeat}#root .container .song-card .like-song-btn i.fa-spinner{color:#00d181}#root .container .song-card .like-song-btn .like-count{color:#fffc;font-size:.85rem}#root .container .song-card-vert{text-align:center;background:#111;border:none;border-radius:12px;flex-direction:column;align-items:center;transition:all .2s}#root .container .song-card-vert:hover{border:none;background-color:#270a0f!important}#root .container .song-card-vert .art{width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}#root .container .song-card-vert .art .no-cover{font-size:36px}#root .container .song-card-vert .art img{-o-object-fit:cover;object-fit:cover}#root .container .song-card-vert .details{width:100%;margin:0}#root .container .song-card-vert .details h1,#root .container .song-card-vert .details h2{text-align:left;-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;width:100%;max-height:41.6px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}#root .container .song-card-vert .details h1{font-size:18px}#root .container .song-card-vert .details h2{margin-top:4px;color:#bbb!important}#root .container .song-card-vert .details .feedback{margin-top:4px;display:flex}#root .container .song-card-vert .dur{color:#fff;background-color:#0006;border-radius:5px;position:absolute}#root .container .song-dropdown{justify-content:flex-end;width:100%;display:flex}#root .container .song-dropdown button,#root .container .song-dropdown .player .btn .add,#root .container .player .btn .song-dropdown .add{z-index:100000;background:#390814}#root .container .song-dropdown button:hover,#root .container .song-dropdown .player .btn .add:hover,#root .container .player .btn .song-dropdown .add:hover{background:#390814}#root .container .song-dropdown .dropdown-menu{z-index:1000;background:#390814;border-radius:5px;min-width:180px;position:absolute;top:100%;right:0}#root .container .song-dropdown .dropdown-menu .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:10px;font-size:12px;display:flex}#root .container .song-dropdown .dropdown-menu .dropdown-item:first-child{border-radius:5px 5px 0 0}#root .container .song-dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 5px 5px}#root .container .song-dropdown .dropdown-menu .dropdown-item:hover{background:#591325}#root .container .song-dropdown .dropdown-menu .dropdown-item i{margin-right:6px}#root .container .song-card-loader{cursor:pointer;pointer-events:none;background-color:#0000;border-bottom:1px solid #390814;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:10px;transition:all .3s ease-in-out;display:flex}#root .container .song-card-loader:hover{background-color:#270a0f}#root .container .song-card-loader:last-child{border-bottom:none}#root .container .song-card-loader .art{background-color:#270a0f;border-radius:50px;width:60px;height:60px}@media screen and (max-height:900px){#root .container .song-card-loader .art{width:50px;height:50px}}#root .container .song-card-loader .art{animation:3s linear infinite darkBreath}@keyframes darkBreath{0%{background-color:#270a0f;border:3px solid #270a0f}to{background-color:#2f0f15;border:3px solid #2f0f15}}#root .container .song-card-loader .art img{border-radius:50px;width:100%;height:100%}#root .container .song-card-loader .details{white-space:nowrap;text-overflow:ellipsis;background-color:#270a0f;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:95%;margin:0 10px;animation:3s linear infinite darkBreath;display:block;overflow:hidden}#root .container .song-card-loader .details h1{color:#270a0f;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;display:block;overflow:hidden}#root .container .song-card-loader .details h2{color:#270a0f;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;display:block;overflow:hidden}#root .container .song-card-loader .details p{color:#bbb;white-space:nowrap;text-overflow:ellipsis;align-items:center;width:100%;margin-top:6px;font-size:11px;display:flex;overflow:hidden}#root .container .song-card-loader .details p .dot{background:#bbb;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:2px;height:2px;margin:0 5px;display:flex}#root .container .embla{position:relative}#root .container .embla:hover .embla__scrollbox{display:flex}@media screen and (max-width:800px){#root .container .embla:hover .embla__scrollbox{display:none}}#root .container .embla__viewport{position:relative;overflow:hidden}#root .container .embla__container{touch-action:pan-y pinch-zoom;display:flex;position:relative}#root .container .embla__scrollbox{pointer-events:none;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}#root .container .embla__scrollbox .scroll-btn{color:#ddd;cursor:pointer;pointer-events:auto;background-color:#2d040e;border:none;border-radius:50%;outline:none;flex-direction:row;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;transition:all .2s;display:flex}#root .container .embla__scrollbox .scroll-btn:hover{background-color:#450616}#root .container .embla__scrollbox .scroll-btn.embla__prev{justify-self:flex-start}#root .container .embla__scrollbox .scroll-btn.embla__next{justify-self:flex-end}#root .container .error-page{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:100vh;padding:20px 24px;display:flex}@media screen and (max-width:900px){#root .container .error-page{padding:20px 16px}}@media screen and (max-width:600px){#root .container .error-page{padding:20px 10px}}#root .container .error-page .error-container .img{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}@media screen and (max-height:700px){#root .container .error-page .error-container .img img{height:240px}}#root .container .error-page .error-container h2{letter-spacing:10px;text-align:center;font-size:6em}@media screen and (max-width:900px){#root .container .error-page .error-container h2{font-size:4em}}@media screen and (max-width:600px){#root .container .error-page .error-container h2{font-size:3em}}@media screen and (max-width:300px){#root .container .error-page .error-container h2{font-size:2em}}#root .container .error-page .error-container p{color:#777;text-align:center;margin-top:10px;font-size:24px}#root .container .error-page .error-container p span{font-size:16px}#root .container .error-page .error-container a{color:#fff;background-color:#d41b43;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;padding:10px 24px;text-decoration:none;transition:all .3s ease-in-out;display:flex;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .error-page .error-container a:hover{box-shadow:1px 12px 36px #00000040}#root .container .error-page .error-container a{margin-top:10px}#root .container .error-page .error-container a:last-of-type{margin-bottom:50px}