*{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}#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;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100vh;animation:.3s linear animate-links;display:flex;position:fixed;top:0;left:0}@keyframes animate-links{0%{opacity:0}to{opacity:1}}#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;overflow:auto;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 .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;height:40px;padding:36px 0;font-size:18px;display:flex}#root .container .popup-container .popup .btn-err{background-color:#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-color:#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-color:#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{color:#777;background-color:#fff;border:1px solid #ddd;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:hover{color:#777}#root .container .popup-container .popup .btn-dark{background-color:#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{color:#d41b43;background-color:#270a0f}#root .container .popup-container .popup .btn-main{background-color:#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 .inherit-style:hover{background-color:inherit;color:inherit}#root .container .popup-container .popup .cancel{color:#777;background-color:#fff;border:1px solid #ddd;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: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;flex-direction:column;justify-content:center;align-items:center;padding:12px 36px;font-weight:700;transition:all .3s ease-in-out;display:flex}#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 .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 .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;flex-direction:row;justify-content:center;align-items:center;width:100%;height:fit-content;animation:.3s linear scaling;display:flex;position:fixed;top:0;left:0}@keyframes scaling{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}#root .container .slide-popup .content{background:#160207;border-radius:5px;width:30%;height:fit-content;padding:12px 16px;display:block;overflow:auto;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 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;flex-direction:column;justify-content:center;align-items:center;padding:12px 36px;font-weight:700;transition:all .3s ease-in-out;display:flex}#root .container .slide-popup .close span:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}#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:80%;display:flex}@media screen and (max-width:900px){#root .container nav .desktop-nav{display:none}}@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 span{margin:10px 4px}#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 .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}@media screen and (max-width:1000px){#root .container nav .desktop-nav .links ul li .login-navLink{padding:10px 24px}}#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;justify-content:flex-end;width:80%;display:flex}@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 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{background-color:#0000;justify-content:space-evenly;width:80%;display:flex}@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 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:60px;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;box-shadow:1px 3px 7px #000c}@media screen and (max-width:500px){#root .container nav .mobile-menu .links{width:80%}}@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-bottom:1px solid #d41b43;border-radius:0;flex-direction:row;justify-content:flex-start;align-items:center;padding:15px 10px;font-size:14px;font-weight:300;text-decoration:none;transition:all .3s ease-in-out;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 .footer{color:#ffa8bb;padding:10px 10px 30px;font-size:14px}#root .container .search-bar{z-index:100;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}}@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:16px;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{color:#fff;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 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;resize:none;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:100px;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 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{color:#fff;cursor:pointer;background-color:#d41b43;border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:12px 36px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:all .3s ease-in-out;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: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 .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%;padding:5px;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 #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 .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;position:relative}@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 .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;resize:none;background:#160207;border:none;border-bottom:3px solid #d41b43;outline:none;width:100%;height:100px;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 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{color:#fff;cursor:pointer;background-color:#d41b43;border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:45px;margin-top:10px;padding:12px 36px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;transition:all .3s ease-in-out;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: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.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;display:block}@media screen and (max-width:720px){#root .container .help .help-container .help-card h1{font-size:16px}}#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 .welcome{z-index:99;background-color:#ddd;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex;position:relative;top:0}@media screen and (max-width:1000px){#root .container .welcome{background-size:100% 100%}}@media screen and (max-width:800px){#root .container .welcome{min-height:50vh}}@media screen and (min-height:800px){#root .container .welcome{background-size:100% 100%}}#root .container .welcome .banner{width:100%;height:100%;position:absolute;top:0}#root .container .welcome .banner img{width:100%;height:100%}#root .container .welcome .banner .opa{background-color:#000000b3;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#root .container .welcome .banner .opa .welcome-text{flex-direction:column;justify-content:center;align-items:center;width:80%;padding:0 20px 0 10px;display:flex}@media screen and (max-width:1400px){#root .container .welcome .banner .opa .welcome-text{width:92%}}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text{width:100%}}@media screen and (max-width:1570px){#root .container .welcome .banner .opa .welcome-text{margin-left:8%}}@media screen and (max-width:1500px){#root .container .welcome .banner .opa .welcome-text{text-align:center;margin-left:4%}}@media screen and (max-width:1200px){#root .container .welcome .banner .opa .welcome-text{align-items:center;width:100%;margin-top:100px;margin-left:0%;padding:0 24px 40px}}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text{padding:0 10px 40px}}#root .container .welcome .banner .opa .welcome-text a.logo{box-shadow:none;background-color:#0000;border:none;flex-direction:row;justify-content:center;align-items:center;font-size:30px;font-weight:300;text-decoration:none;display:flex}#root .container .welcome .banner .opa .welcome-text a.logo:hover{box-shadow:none}#root .container .welcome .banner .opa .welcome-text a.logo span{color:#fff;margin-left:4px}#root .container .welcome .banner .opa .welcome-text a.logo img{width:80px;height:80px}@media screen and (max-width:600px){#root .container .welcome .banner .opa .welcome-text a.logo img{width:60px;height:50px}}#root .container .welcome .banner .opa .welcome-text h1{color:#fff;text-align:left;font-size:6em;font-weight:bolder}@media screen and (max-width:1300px){#root .container .welcome .banner .opa .welcome-text h1{font-size:60px}}@media screen and (max-width:1200px){#root .container .welcome .banner .opa .welcome-text h1{text-align:center;font-size:50px}}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text h1{font-size:48px}}@media screen and (max-width:800px){#root .container .welcome .banner .opa .welcome-text h1{font-size:40px}}@media screen and (max-width:650px){#root .container .welcome .banner .opa .welcome-text h1{font-size:30px}}#root .container .welcome .banner .opa .welcome-text h2{color:#fff;text-align:left;font-size:36px;font-weight:500}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text h2{font-size:20px}}@media screen and (max-width:1200px){#root .container .welcome .banner .opa .welcome-text h2{text-align:center}}@media screen and (max-width:600px){#root .container .welcome .banner .opa .welcome-text h2{font-size:18px}}#root .container .welcome .banner .opa .welcome-text p{color:#fff;text-align:left;font-size:36px}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text p{font-size:20px}}@media screen and (max-width:1200px){#root .container .welcome .banner .opa .welcome-text p{text-align:center}}@media screen and (max-width:600px){#root .container .welcome .banner .opa .welcome-text p{font-size:18px}}#root .container .welcome .banner .opa .welcome-text .cta{margin-top:50px;display:flex}@media screen and (max-width:500px){#root .container .welcome .banner .opa .welcome-text .cta{flex-direction:column}}@media screen and (max-width:800px){#root .container .welcome .banner .opa .welcome-text .cta{margin-top:30px}}#root .container .welcome .banner .opa .welcome-text .cta a{color:#fff;background-color:#d41b43;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;margin:12px;padding:15px 6em;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:flex;box-shadow:0 1px 2px #3f33304d,0 1px 3px 1px #3f333026}#root .container .welcome .banner .opa .welcome-text .cta a:hover{color:#fff;box-shadow:1px 2px 8px #3f33304d}@media screen and (max-width:900px){#root .container .welcome .banner .opa .welcome-text .cta a{padding:12px 50px;font-size:16px}}@media screen and (max-width:650px){#root .container .welcome .banner .opa .welcome-text .cta a{padding:12px 48px}}@media screen and (max-width:280px){#root .container .welcome .banner .opa .welcome-text .cta a{padding:12px 24px}}#root .container .welcome .banner .opa .welcome-text .cta a:hover{box-shadow:1px 12px 36px #00000040}#root .container .welcome .banner .opa .welcome-text .cta a i{margin-right:8px}#root .container .welcome .banner .opa .welcome-text .cta .main:hover{color:#d41b43}#root .container .welcome .banner .opa .welcome-text .cta .secondary{color:#fff;background-color:#0000;border:3px solid #fff}#root .container .welcome .in-spinner{border-radius:50%;width:30px;height:30px;position:relative}#root .container .welcome .in-spinner div{border:4px solid #0000;border-radius:50%;width:100%;height:100%;position:absolute}#root .container .welcome .in-spinner .one{border-top-color:#d41b43;animation:1.2s linear infinite spin2}#root .container .welcome .in-spinner .two{border-bottom-color:#d41b43;animation:1.2s linear infinite spin3}@keyframes spin2{0%{border-width:8px;transform:rotate(0)}50%{border-width:3px;transform:rotate(180deg)}to{border-width:8px;transform:rotate(360deg)}}@keyframes spin3{0%{border-width:3px;transform:rotate(0)}50%{border-width:8px;transform:rotate(180deg)}to{border-width:3px;transform:rotate(360deg)}}#root .container .welcome .link-to-shops{background-color:#0000;width:100%;height:88%;position:absolute;top:0;left:0}#root .container .welcome .btn-container{background:0 0;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0;left:0}#root .container .welcome .btn-container span{cursor:pointer;background:#ffffff8e;border-radius:50px;width:15px;height:15px;margin:10px}#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:100px 10px;display:flex}@media screen and (max-width:800px){#root .container .content-container .main-container .pricing-container{padding:60px 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 h1{text-align:left;color:#fff;font-size:60px;font-weight:500}@media screen and (max-width:1300px){#root .container .content-container .main-container .pricing-container .heading h1{font-size:48px}}@media screen and (max-width:1200px){#root .container .content-container .main-container .pricing-container .heading h1{text-align:center;font-size:40px}}@media screen and (max-width:650px){#root .container .content-container .main-container .pricing-container .heading h1{font-size:30px}}@media screen and (max-width:260px){#root .container .content-container .main-container .pricing-container .heading h1{font-size:20px}}#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 h2{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}#root .container .content-container .main-container .pricing-container .pricing-content .card ul li{color:#777;margin-left:20px}#root .container .content-container .main-container .pricing-container .pricing-content .card ul li:first-child{margin-top:10px}#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;text-align:center;background-color:#d41b43;border-radius:5px;margin-top:50px;padding:12px 40px;font-size:16px;font-weight:700;text-decoration:none;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{color:#fff;box-shadow:1px 2px 8px #3f33304d}@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: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}#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{background-color:#591325;color:#fff!important}#root .container .content-container .main-container .feature-no{color:#dc3545;opacity:.7}#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 .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 h3{margin-bottom:1rem;font-size:2rem}@media screen and (max-width:500px){#root .container .content-container .main-container .pricing-cta h3{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}}#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;text-align:center;background-color:#d41b43;border-radius:5px;margin-top:20px;margin-bottom:20px;padding:12px 40px;font-size:16px;font-weight:700;text-decoration:none;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{color:#fff;box-shadow:1px 2px 8px #3f33304d}@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: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;background-color:#222;width:100%;margin-top:60px;padding:10px;font-size:16px}@media screen and (max-width:500px){#root .container footer p.copyright{font-size:13px}}@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:100%;height:100%}@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{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:80%;height:100%;padding:10px;transition:all .25s ease-in-out;display:flex;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: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{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;width:80%;padding:10px;transition:all .25s ease-in-out;display:flex;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 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{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{background-color:#270a0f}@media screen and (max-width:400px){#root .container .player .mini-controls .action-cont .download{padding:10px 16px}}@media screen and (max-width:300px){#root .container .player .mini-controls .action-cont .download{padding:10px;font-size:14px}}#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{color:#fff;border-bottom:1px solid #555;width:80%;padding:10px 10px 20px;display:block;overflow:auto}@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 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 h2{color:#d41b43;width:100%;font-size:20px;font-weight:700}@media screen and (max-width:600px){#root .container .player .song-details h2{margin-top:0;font-size:16px}}#root .container .player .song-details p{color:#777}#root .container .player .song-details p:first-of-type{margin-top:20px}#root .container .player .song-details p span{font-weight:700}#root .container .player .btn{color:#fff;border-bottom:1px solid #555;width:80%;margin-top:10px;padding:10px 10px 20px}@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 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{color:#fff;width:80%;margin-bottom:40px}@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 .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:#270a0f;border:1px solid #ffa8bb}#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 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;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;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 .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-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:1001;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:50px;width:35px;height:35px;text-decoration:none}#root .container .player .comments-container .comments-comp .comment .prof-img img{border-radius:50px;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 .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}#root .container .mini-player .img{background-color:#555;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:65px;height:65px;margin-left:20px;margin-right:15px;display:flex}@media screen and (max-width:600px){#root .container .mini-player .img,#root .container .mini-player .img img{width:55px;height:55px}}#root .container .mini-player .img img{border-radius:8px;width:65px;height:65px}#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 .details{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;height:100%;margin-left:15px;display:flex;overflow:hidden}#root .container .mini-player .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:95%;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 .main-cont .songs-cont{background-color:#0000;width:80%;margin-bottom:40px;padding:10px}@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 .heading{background-color:#ffa8bb;border-left:5px solid #d41b43;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{color:#d41b43;text-align:center;padding:4px;font-size:20px;font-weight:600}@media screen and (max-width:720px){#root .container .main-cont .songs-cont .heading h1{font-size:18px}}#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 .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:#270a0f;border:1px solid #ffa8bb}#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 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;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;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 .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-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:40px 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 .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)}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(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{background-color:#0000;flex-flow:column wrap;justify-content:center;align-items:center;width:80%;margin-bottom:40px;padding:10px;display:flex}@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 .heading{background-color:#ffa8bb;border-left:5px solid #d41b43;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{color:#d41b43;text-align:center;padding:4px;font-size:20px;font-weight:600}@media screen and (max-width:720px){#root .container .main-cont .cart-cont .heading h1{font-size:18px}}#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;word-wrap:break-word;cursor:default;background-color:#270a0f;border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;width:30%;height:fit-content;margin-top:15px;margin-bottom:50px;padding:8px;text-decoration:none;transition:all .12s ease-in-out;display:flex;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.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{white-space:nowrap;text-overflow:ellipsis;color:#bbb;width:100%;font-size:20px;font-weight:bolder;display:block;overflow:hidden}@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 .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{color:#fff;cursor:pointer;background-color:#16c016;border:3px solid #16c016;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;transition:all .12s ease-in-out;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: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 .about{color:#fff;background-color:#0000;width:100%;min-height:83.5%;margin-bottom:40px;padding:10px}#root .container .about .heading{background-color:#ffa8bb;border-left:5px solid #d41b43;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{color:#d41b43;text-align:center;padding:4px;font-size:20px;font-weight:600}@media screen and (max-width:720px){#root .container .about .heading h1{font-size:18px}}#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;border:1px solid #555;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 .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{color:#fff;cursor:pointer;background-color:#d41b43;border:3px solid #d41b43;border-radius:5px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:50%;height:45px;margin-top:10px;margin-bottom:20px;padding:12px 36px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700;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: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 .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:16px;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{background-color:#0000;flex-wrap:wrap;justify-content:center;width:80%;margin-bottom:40px;padding:10px;display:flex}@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 .heading{background-color:#ffa8bb;border-left:5px solid #d41b43;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{color:#d41b43;text-align:center;padding:4px;font-size:20px;font-weight:600}@media screen and (max-width:720px){#root .container .main-cont .admin-cont .heading h1{font-size:18px}}#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 .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:#270a0f;border:1px solid #ffa8bb}#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 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;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;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 .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-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: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{border-bottom:2px solid #ddd;flex-direction:row;justify-content:flex-end;align-items:flex-end;width:80%;padding:6px;display:flex;position:relative}@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 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{background-color:#270a0f;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}@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 .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{z-index:111;background-color:#0000;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;height:fit-content;padding:0 24px;display:none;position:fixed}@media screen and (max-width:700px){#root .container .category-float{padding:0 16px;display:flex;bottom:16px}}@media screen and (max-width:600px){#root .container .category-float{padding:0 10px;bottom:10px}}#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: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;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;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;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 .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}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translateY(-2px)scale(1)}50%{transform:translateY(-2px)scale(1.05)}to{transform:translateY(-2px)scale(1)}}@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 .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 .profile-container{color:#fff;background:#160207;min-height:100vh;padding:30px 20px}#root .container .profile-container .profile-header{text-align:center;margin-bottom:40px}#root .container .profile-container .profile-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 .profile-container .profile-header p{color:#ffa8bb;opacity:.9;font-size:1.1rem}#root .container .profile-container .profile-content{gap:30px;max-width:1200px;margin:0 auto;display:grid}#root .container .profile-container .profile-card{background:#270a0f;border:1px solid #d41b431a;border-radius:20px;padding:30px;transition:transform .3s,box-shadow .3s;box-shadow:0 10px 30px #0000004d}#root .container .profile-container .profile-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006}#root .container .profile-container .profile-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 .profile-container .profile-card .card-header h2{color:#fff;margin:0;font-size:1.8rem}@media screen and (max-width:900px){#root .container .profile-container .profile-card .card-header h2{font-size:24px}}@media screen and (max-width:500px){#root .container .profile-container .profile-card .card-header h2{font-size:18px}}@media screen and (max-width:350px){#root .container .profile-container .profile-card .card-header h2{font-size:16px}}#root .container .profile-container .profile-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}@media screen and (max-width:500px){#root .container .profile-container .profile-card .card-header .user-avatar{width:30px;height:30px;margin-left:10px;font-size:12px}}#root .container .profile-container .profile-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 .profile-container .info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}#root .container .profile-container .info-grid .info-item{width:100%;overflow:hidden}#root .container .profile-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 .profile-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 .profile-container .usage-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0;display:grid}#root .container .profile-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 .profile-container .usage-stats .stat-item:hover{background:#d41b4340;transform:translateY(-3px)}#root .container .profile-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 .profile-container .usage-stats .stat-item .stat-label{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .profile-container .subscription-details{border-top:1px solid #d41b4333;margin-top:30px;padding-top:30px}#root .container .profile-container .subscription-details h3{color:#fff;margin-bottom:20px;font-size:1.4rem}#root .container .profile-container .subscription-details .details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px;display:grid}#root .container .profile-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 .profile-container .subscription-details .details-grid .detail-item .detail-label{color:#ffa8bb;opacity:.9;font-size:.9rem}#root .container .profile-container .subscription-details .details-grid .detail-item .detail-value{color:#fff;font-weight:500}#root .container .profile-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 .profile-container .subscription-details .details-grid .detail-item .status-badge.active{color:#16c016;background:#16c01633}#root .container .profile-container .subscription-details .details-grid .detail-item .status-badge.inactive{color:#ff2b2b;background:#ff2b2b33}#root .container .profile-container .subscription-details .details-grid .detail-item .status-badge.canceled,#root .container .profile-container .subscription-details .details-grid .detail-item .status-badge.past_due{color:#b97f00;background:#b97f0033}#root .container .profile-container .features-list{margin:30px 0}#root .container .profile-container .features-list h4{color:#fff;margin-bottom:15px;font-size:1.2rem}#root .container .profile-container .features-list .features-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}#root .container .profile-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 .profile-container .features-list .features-grid .feature-item.enabled{background:#16c0161a;border-color:#16c0164d}#root .container .profile-container .features-list .features-grid .feature-item.enabled .feature-icon{color:#16c016}#root .container .profile-container .features-list .features-grid .feature-item.disabled{opacity:.6}#root .container .profile-container .features-list .features-grid .feature-item.disabled .feature-icon{color:#666}#root .container .profile-container .features-list .features-grid .feature-item:hover{background:#d41b4333;transform:translateY(-2px)}#root .container .profile-container .features-list .features-grid .feature-item .feature-icon{font-size:1.2rem}#root .container .profile-container .features-list .features-grid .feature-item span:last-child{color:#fff;font-size:.95rem}#root .container .profile-container .renew-section{text-align:center;background:#b97f001a;border:1px solid #b97f004d;border-radius:15px;margin-top:30px;padding:30px}#root .container .profile-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 .profile-container .renew-section .renew-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #b97f004d}#root .container .profile-container .renew-section .renew-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .profile-container .renew-section .renew-note{color:#ffa8bb;opacity:.9;font-size:.95rem}#root .container .profile-container .action-buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}#root .container .profile-container .action-buttons button,#root .container .profile-container .action-buttons .player .btn .add,#root .container .player .btn .profile-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 .profile-container .action-buttons .btn-logout{color:#ff2b2b;background:#ff2b2b33;border-color:#ff2b2b4d}#root .container .profile-container .action-buttons .btn-logout:hover{background:#ff2b2b4d;transform:translateY(-3px);box-shadow:0 10px 20px #ff2b2b33}#root .container .profile-container .action-buttons .btn-upgrade{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .profile-container .action-buttons .btn-upgrade:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00d1814d}#root .container .profile-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 .profile-container .modal-overlay{left:0}}#root .container .profile-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 .profile-container .modal-overlay .modal-content{border-radius:10px;width:70%;padding:20px}}@media screen and (max-width:500px){#root .container .profile-container .modal-overlay .modal-content{width:90%;padding:20px}}#root .container .profile-container .modal-overlay .modal-content h2{color:#fff;margin-bottom:15px;font-size:1.8rem}@media screen and (max-width:900px){#root .container .profile-container .modal-overlay .modal-content h2{font-size:20px}}#root .container .profile-container .modal-overlay .modal-content p{color:#ffa8bb;opacity:.9;margin-bottom:30px}#root .container .profile-container .modal-overlay .plan-options{gap:15px;margin-bottom:30px;display:grid}#root .container .profile-container .modal-overlay .plan-options .plan-option{cursor:pointer;background:#d41b431a;border:2px solid #d41b4333;border-radius:15px;padding:20px;transition:all .3s}#root .container .profile-container .modal-overlay .plan-options .plan-option:hover{background:#d41b4333;border-color:#00d1814d}#root .container .profile-container .modal-overlay .plan-options .plan-option.selected{background:#00d1811a;border-color:#00d181}#root .container .profile-container .modal-overlay .plan-options .plan-option .plan-name{color:#fff;margin-bottom:10px;font-size:1.2rem;font-weight:700}#root .container .profile-container .modal-overlay .plan-options .plan-option .plan-price{color:#00d181;margin-bottom:10px;font-size:1.4rem;font-weight:700}#root .container .profile-container .modal-overlay .plan-options .plan-option .plan-features{flex-wrap:wrap;gap:10px;display:flex}#root .container .profile-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 .profile-container .modal-overlay .modal-actions{justify-content:flex-end;gap:15px;display:flex}#root .container .profile-container .modal-overlay .modal-actions button,#root .container .profile-container .modal-overlay .modal-actions .player .btn .add,#root .container .player .btn .profile-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 .profile-container .modal-overlay .modal-actions .btn-cancel{color:#ffa8bb;background:#d41b4333;border-color:#d41b434d}#root .container .profile-container .modal-overlay .modal-actions .btn-cancel:hover:not(:disabled){color:#fff;background:#d41b434d}#root .container .profile-container .modal-overlay .modal-actions .btn-confirm{color:#160207;background:linear-gradient(135deg,#00d181 0%,#aeffe0 100%);border:none}#root .container .profile-container .modal-overlay .modal-actions .btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d1814d}#root .container .profile-container .modal-overlay .modal-actions .btn-confirm:disabled{opacity:.6;cursor:not-allowed;transform:none}#root .container .profile-container .profile-loading{flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}#root .container .profile-container .profile-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 .profile-container .profile-loading p{color:#ffa8bb;font-size:1.1rem}#root .container .profile-container .profile-error{text-align:center;padding:60px 20px}#root .container .profile-container .profile-error h2{color:#ff2b2b;margin-bottom:15px;font-size:1.8rem}#root .container .profile-container .profile-error p{color:#ffa8bb;font-size:1.1rem}@media (max-width:768px){#root .container .profile-container{padding:20px 15px}#root .container .profile-container .profile-header h1{font-size:2rem}#root .container .profile-container .profile-card{padding:20px}#root .container .profile-container .info-grid{grid-template-columns:1fr}#root .container .profile-container .usage-stats{grid-template-columns:repeat(2,1fr)}#root .container .profile-container .details-grid,#root .container .profile-container .features-grid{grid-template-columns:1fr}#root .container .profile-container .action-buttons{flex-direction:column;gap:15px}#root .container .profile-container .action-buttons button,#root .container .profile-container .action-buttons .player .btn .add,#root .container .player .btn .profile-container .action-buttons .add{width:100%}#root .container .profile-container .modal-overlay .modal-content{padding:25px 20px}#root .container .profile-container .modal-overlay .modal-actions{flex-direction:column;gap:10px}#root .container .profile-container .modal-overlay .modal-actions button,#root .container .profile-container .modal-overlay .modal-actions .player .btn .add,#root .container .player .btn .profile-container .modal-overlay .modal-actions .add{width:100%}}@media (max-width:480px){#root .container .usage-stats{grid-template-columns:1fr}}#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 .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 .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:#270a0f;border:1px solid #ffa8bb}#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 10px;display:block;overflow:hidden}#root .container .song-card .details h1{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:16px;display:block;overflow:hidden}#root .container .song-card .details h2{color:#d41b43;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;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 .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-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;animation:3s linear infinite darkBreath}@media screen and (max-height:900px){#root .container .song-card-loader .art{width:50px;height:50px}}@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 .error{background-color:#2d040e;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{padding:20px 16px}}@media screen and (max-width:600px){#root .container .error{padding:20px 10px}}#root .container .error .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 .error-container .img img{height:240px}}#root .container .error .error-container h2{letter-spacing:10px;text-align:center;font-size:6em}@media screen and (max-width:900px){#root .container .error .error-container h2{font-size:4em}}@media screen and (max-width:600px){#root .container .error .error-container h2{font-size:3em}}@media screen and (max-width:300px){#root .container .error .error-container h2{font-size:2em}}#root .container .error .error-container p{color:#777;text-align:center;margin-top:10px;font-size:24px}#root .container .error .error-container p span{font-size:16px}#root .container .error .error-container a{color:#fff;background-color:#d41b43;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;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 .error-container a:hover{box-shadow:1px 12px 36px #00000040}#root .container .error .error-container a:last-of-type{margin-bottom:50px}