*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;margin:0;padding:0;overflow-x:hidden;font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;font-family:Poppins,Arial,sans-serif}@media (max-width: 768px){html,body{font-size:14px}}@media (max-width: 480px){html,body{font-size:12px}}.logout-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-content{display:flex;flex-direction:column;align-items:center}.spinner{border:4px solid var(--background-light);border-top:4px solid var(--spinner-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.homeRoot{width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;font-family:Poppins,Arial,sans-serif;background:#000}.hero{position:relative;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh}.heroVideo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateZ(0)}.heroOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000008c,#00000040 45%,#000000a6)}.heroUI{position:relative;z-index:2;min-height:100vh;min-height:100svh;min-height:100dvh;width:100%}.topBar{position:relative}.topLeft{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));display:flex;align-items:center;gap:18px;z-index:6}.brandLogo{width:120px;height:auto;-webkit-user-select:none;user-select:none;pointer-events:auto}.freeLinks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;max-width:70vw}.freeLink{color:#ffffffeb;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.2px;text-shadow:0 2px 12px rgba(0,0,0,.6);transition:opacity .2s ease,transform .2s ease}.freeLink:hover{opacity:.95;transform:translateY(-1px)}.topRight{position:absolute;top:calc(44px + env(safe-area-inset-top));right:calc(18px + env(safe-area-inset-right));display:flex;align-items:center;gap:12px;z-index:6}.authLink{color:#ffffffeb;text-decoration:none;font-weight:800;font-size:14px;padding:10px 12px;border-radius:12px;text-shadow:0 2px 12px rgba(0,0,0,.6);transition:background .2s ease,transform .2s ease,opacity .2s ease}.authLink:hover{background:#ffffff1f;transform:translateY(-1px)}.authBtn{color:#fff;background:#ff3b30;text-decoration:none;font-weight:900;font-size:14px;padding:10px 14px;border-radius:12px;box-shadow:0 10px 28px #00000040;transition:transform .2s ease,background .2s ease}.authBtn:hover{transform:translateY(-1px);background:#d32f2f}.menuWrap{position:relative}.burgerBtn{display:none;width:44px;height:44px;border:0;border-radius:14px;cursor:pointer;place-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .18s ease,background .18s ease,opacity .18s ease;box-shadow:0 14px 30px #00000040}.burgerBtn:hover{transform:translateY(-1px);background:#ffffff2e}.burgerBtn:active{transform:translateY(0);opacity:.92}.burgerIcon{width:20px;height:20px;color:#ffffffeb}.menuDropdown{position:absolute;top:52px;left:0;width:max-content;min-width:0;max-width:min(88vw,360px);padding:10px;border-radius:16px;background:#0a0a0cb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 55px #00000073;z-index:50}.menuItem{display:flex;align-items:center;width:100%;padding:11px 12px;border-radius:12px;text-decoration:none;color:#ffffffeb;font-weight:850;font-size:14px;letter-spacing:.2px;text-shadow:0 2px 12px rgba(0,0,0,.55);transition:background .18s ease,transform .18s ease,opacity .18s ease;white-space:nowrap;text-align:left}.menuItem:hover{background:#ffffff1a;transform:translateY(-1px)}.menuItem:active{transform:translateY(0);opacity:.9}.menuDivider{height:1px;margin:8px 6px;background:#ffffff24}.centerBlock{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:min(920px,calc(100% - 36px));display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.statementWrap{width:100%;display:grid;place-items:center;padding-inline:12px}.statement{color:#fffffff2;font-weight:900;letter-spacing:.3px;text-shadow:0 3px 18px rgba(0,0,0,.7);font-size:clamp(22px,3.2vw,44px);line-height:1.15;animation:fadeInUp .45s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cta{display:inline-flex;align-items:center;justify-content:center;background:#ff3b30;color:#fff;text-decoration:none;font-weight:900;font-size:16px;padding:12px 22px;border-radius:999px;box-shadow:0 18px 40px #00000059;transition:transform .2s ease,filter .2s ease}.cta:hover{transform:translateY(-1px);filter:brightness(1.03)}.bottomLeft{position:absolute;left:calc(18px + env(safe-area-inset-left));bottom:calc(78px + env(safe-area-inset-bottom));display:flex;gap:14px;flex-wrap:wrap;max-width:70vw;z-index:6}.miniLink{color:#ffffffdb;text-decoration:none;font-weight:800;font-size:13px;text-shadow:0 2px 14px rgba(0,0,0,.75);transition:opacity .2s ease,transform .2s ease}.miniLink:hover{opacity:.95;transform:translateY(-1px)}.bottomRight{position:absolute;right:calc(18px + env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;z-index:6}.socialIcon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .2s ease,background .2s ease;text-decoration:none}.socialIcon:hover{transform:translateY(-1px);background:#ffffff2e}.svgIcon{width:18px;height:18px;color:#ffffffeb}.revenueMarquee{position:absolute;left:0;right:0;bottom:0;height:calc(58px + env(safe-area-inset-bottom));overflow:hidden;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.12);padding-inline:calc(18px + env(safe-area-inset-left)) calc(18px + env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);z-index:6}.marqueeTrack{height:100%;display:flex;align-items:center;gap:26px;width:max-content;will-change:transform;transform:translateZ(0);animation:marquee 50s linear infinite}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.marqueeItem{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;opacity:.95}.platformIcon{width:22px;height:22px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.platformName{color:#ffffffeb;font-weight:900;font-size:12px;letter-spacing:.2px;text-shadow:0 2px 10px rgba(0,0,0,.6)}@media (prefers-reduced-motion: reduce){.marqueeTrack{animation:none}}.pageOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.overlayScroll{position:absolute;left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right));top:calc(92px + env(safe-area-inset-top));bottom:calc(58px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto;padding-bottom:140px;scrollbar-width:none;-ms-overflow-style:none}.overlayScroll::-webkit-scrollbar{width:0;height:0}.overlayScroll::-webkit-scrollbar-thumb{background:transparent}.overlayScroll::-webkit-scrollbar-track{background:transparent}.overlayContent{color:#ffffffeb;font-size:15px;line-height:1.75;text-shadow:0 2px 14px rgba(0,0,0,.75);max-width:1100px}.overlayContent h1{font-size:clamp(28px,4vw,54px);font-weight:900;margin-bottom:14px;letter-spacing:.3px}.overlayContent h2{font-size:clamp(18px,2.3vw,28px);font-weight:900;margin-top:22px;margin-bottom:10px}.overlayContent p{margin-bottom:10px}@media (max-width: 900px){.topBar{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(18px + env(safe-area-inset-left));right:calc(18px + env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:6}.topLeft,.topRight{position:static;top:auto;left:auto;right:auto}.brandLogo{width:105px}.freeLinks{display:none}.burgerBtn{display:grid}.topRight{display:flex;align-items:center;justify-content:flex-end;gap:10px}.menuDropdown{left:auto;right:0;top:52px;max-width:min(90vw,360px)}.hideOnResponsive{display:none!important}.centerBlock{top:48%}.bottomLeft{bottom:82px}.bottomRight{bottom:78px}.overlayScroll{top:calc(92px + env(safe-area-inset-top))}}@media (max-width: 560px){.brandLogo{width:96px}.authLink,.authBtn{font-size:13px;padding:9px 12px}.burgerBtn{width:42px;height:42px;border-radius:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.socialIcon{width:36px;height:36px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.svgIcon{width:16px;height:16px}.revenueMarquee{height:calc(54px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlayScroll{bottom:calc(54px + env(safe-area-inset-bottom));padding-bottom:150px}}.section-toast{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:var(--border-radius);font-size:14px;display:flex;align-items:center;gap:12px;z-index:1001;box-shadow:var(--box-shadow);animation:section-toast-slide-in .3s ease-in-out,section-toast-fade-out .3s ease-in-out 2.7s}.section-toast-success{background-color:#e7f3e7;border:1px solid var(--success-color);color:var(--success-color)}.section-toast-error{background-color:#ffebee;border:1px solid var(--danger-color);color:var(--danger-color)}.section-toast-warning{background-color:#fff3cd;border:1px solid var(--warning-color);color:var(--warning-color)}.section-toast-info{background-color:#d1ecf1;border:1px solid var(--info-color);color:var(--info-color)}.section-toast-close{background:none;border:none;cursor:pointer;padding:4px;transition:var(--transition)}.section-toast-close svg{width:16px;height:16px;color:var(--primary-color)}@keyframes section-toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes section-toast-fade-out{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.section-toast{top:auto;bottom:20px;right:50%;transform:translate(50%);width:90%;max-width:400px;font-size:16px;padding:12px 20px;animation:section-toast-slide-in .3s ease-in-out,section-toast-fade-out 3s ease-in-out 1s}.section-toast-close svg{width:18px;height:18px}}@media (max-width: 480px){.section-toast{bottom:15px;width:95%;font-size:15px;padding:10px 16px}.section-toast-close svg{width:16px;height:16px}}.contact-section{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}.contact-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:visible}.contact-section-card:hover{box-shadow:0 8px 20px #0000001f}.contact-section-content{display:flex;flex-direction:column;gap:1.5vw;flex-grow:1;overflow:visible}.contact-section-intro{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;text-align:center;margin-bottom:1vw;line-height:1.6}.contact-section-form,.contact-section-fields{display:flex;flex-direction:column;gap:1.2vw}.contact-section-field{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.4vw}.contact-input-wrapper{position:relative;display:flex;flex-direction:column}.contact-section-label{font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600;color:#1f2937;margin-bottom:.3vw;display:flex;align-items:center;gap:.5vw}.contact-required-star{color:#c62828;font-size:clamp(.9rem,1.5vw,1.05rem)}.contact-section-form input,.contact-section-form textarea{width:100%;padding:.5vw;font-size:clamp(.8rem,1.3vw,.9rem);border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .3s ease;color:#4b5563}.contact-section-form input:focus,.contact-section-form textarea:focus{border-color:#ff3b30;box-shadow:0 0 6px #ff3b3033;outline:none}.contact-section-form textarea{resize:vertical;min-height:120px}.contact-section-buttons{display:flex;justify-content:flex-end;gap:.8vw;margin-top:1.2vw;padding-bottom:1.2vw}.contact-section-submit{display:inline-flex;justify-content:center;align-items:center;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;color:#fff;background:linear-gradient(145deg,#ff3b30,#d32f2f);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px}.contact-section-submit:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}@media (max-width: 1024px){.contact-section-card{width:92%;max-width:1000px}.contact-section-field{min-width:100%}}@media (max-width: 768px){.contact-section{padding:1.5vw}.contact-section-card{padding:1.5vw;width:94%}.contact-section-label,.contact-section-form input,.contact-section-form textarea,.contact-section-intro{font-size:clamp(.75rem,1.2vw,.85rem)}.contact-section-submit{min-width:100px;padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}}@media (max-width: 480px){.contact-section{padding:1vw}.contact-section-card{padding:1vw;width:96%}.contact-section-label,.contact-section-form input,.contact-section-form textarea,.contact-section-intro{font-size:clamp(.7rem,1vw,.8rem)}.contact-section-buttons{flex-direction:column;gap:.6vw;align-items:flex-end}.contact-section-submit{min-width:80px}}.signup-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff;overflow:hidden}.signup-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.signup-logo-container img{width:140px;height:auto;transform:scale(1);transition:transform .3s ease}.signup-logo-container a:hover img{transform:scale(1.05)}.signup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:20px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:95vh;min-height:600px}.signup-form{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.signup-form .full-width{grid-column:span 2}.signup-form input{width:100%;padding:10px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease}.signup-form input:focus{border-color:#ff3b30;background:#fff;box-shadow:0 0 8px #ff3b3033;outline:none}.signup-form label{font-size:13px;font-weight:600;color:#333;margin-bottom:3px;display:block}.signup-field{display:flex;flex-direction:column}.signup-submit{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:10px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;grid-column:span 2;text-align:center}.signup-submit:disabled{background:#ccc;cursor:not-allowed}.signup-submit:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.signup-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:20px}.signup-spinner{border:4px solid #f3f3f3;border-top:4px solid #FF3B30;border-radius:50%;width:40px;height:40px;animation:signup-spin 1s linear infinite}@keyframes signup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signup-loading-spinner span{font-size:18px;color:#333}.signup-already-account{grid-column:span 2;text-align:center;margin-top:8px;font-size:13px;color:#333}.signup-already-account .signin-link{color:#ff3b30;text-decoration:none;font-weight:500;transition:color .3s ease}.signup-already-account .signin-link:hover{color:#d32f2f}.password-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;margin-top:-5px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;text-align:center}.password-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.password-strength-meter{margin-top:8px;height:24px}.password-strength-meter .strength-bar{height:5px;background:#e0e0e0;border-radius:5px;overflow:hidden}.password-strength-meter .strength-fill{height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-meter .strength-label{font-size:12px;margin-top:3px;text-align:center;line-height:16px}.signup-terms{display:flex;align-items:center;gap:8px;font-size:13px;color:#333;margin-top:12px}.signup-terms input[type=checkbox]{width:16px;height:16px;accent-color:#FF3B30;cursor:pointer}.signup-terms a{color:#ff3b30;text-decoration:none;font-weight:500;transition:color .3s ease}.signup-terms a:hover{color:#d32f2f}@media (max-width: 768px){.signup-form{grid-template-columns:1fr 1fr}.signup-container{width:90%;padding:15px;max-height:90vh;min-height:560px}}@media (max-width: 480px){.signup-container{width:95%;padding:10px;max-height:85vh;min-height:520px}.signup-logo-container img{width:110px}.signup-form input{padding:8px;font-size:14px}.signup-submit{padding:8px 18px;font-size:15px}}.signin-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff;overflow:hidden}.signin-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.signin-logo-container img{width:140px;height:auto;transform:scale(1);transition:transform .3s ease}.signin-logo-container a:hover img{transform:scale(1.05)}.signin-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:30px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:90vh;min-height:400px}.signin-form{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.signin-form .full-width{grid-column:span 2}.signin-form input{width:100%;padding:12px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease}.signin-form input:focus{border-color:#ff3b30;background:#fff;box-shadow:0 0 8px #ff3b3033;outline:none}.signin-form label{font-size:13px;font-weight:600;color:#333;margin-bottom:5px;display:block}.signin-field{display:flex;flex-direction:column}.signin-submit{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;grid-column:span 2;text-align:center}.signin-submit:disabled{background:#ccc;cursor:not-allowed}.signin-submit:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px}.loading-spinner .spinner{display:inline-block;width:20px;height:20px;border:2px solid #FF3B30;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner span{font-size:18px;color:#333;font-weight:500}.signin-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;text-align:center}.signin-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.signin-links{grid-column:span 2;text-align:center;margin-top:8px}.signin-links .forgot-password-link{color:#ff3b30;text-decoration:none;font-size:13px;font-weight:500;transition:color .3s ease}.signin-links .forgot-password-link:hover{color:#d32f2f}.signin-no-account{grid-column:span 2;text-align:center;margin-top:8px;font-size:13px;color:#333}.signin-no-account .signup-link{color:#ff3b30;text-decoration:none;font-weight:500;transition:color .3s ease}.signin-no-account .signup-link:hover{color:#d32f2f}@media (max-width: 768px){.signin-form{grid-template-columns:1fr}.signin-container{width:90%;padding:20px;max-height:80vh;min-height:380px}}@media (max-width: 480px){.signin-container{width:95%;padding:15px;max-height:75vh;min-height:350px}.signin-logo-container img{width:110px}.signin-form input{padding:10px;font-size:14px}.signin-submit{padding:10px 18px;font-size:15px}}.forgot-password-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff}.forgot-password-logo{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.forgot-password-logo img{width:140px;height:auto;transition:transform .3s ease}.forgot-password-logo a:hover img{transform:scale(1.05)}.forgot-password-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:30px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:90vh;min-height:400px}.forgot-password-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:10px}.forgot-password-text{font-size:14px;color:#666;text-align:center;margin-bottom:20px}.forgot-password-form{display:grid;gap:15px;grid-template-columns:1fr}.forgot-password-form .full-width{grid-column:span 1}.forgot-password-form input{width:100%;padding:12px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease}.forgot-password-form input:focus{border-color:#ff3b30;background:#fff;box-shadow:0 0 8px #ff3b3033;outline:none}.forgot-password-form label{font-size:13px;font-weight:600;color:#333;margin-bottom:5px;display:block}.forgot-password-field{display:flex;flex-direction:column}.forgot-password-submit{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center}.forgot-password-submit:disabled{background:#ccc;cursor:not-allowed}.forgot-password-submit:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.forgot-password-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;text-align:center}.forgot-password-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.forgot-password-side-popup.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.forgot-password-back{text-align:center;margin-top:8px;font-size:13px;color:#333}.forgot-password-signin-link{color:#ff3b30;text-decoration:none;font-weight:500;transition:color .3s ease}.forgot-password-signin-link:hover{color:#d32f2f}@media (max-width: 768px){.forgot-password-container{width:90%;padding:20px;max-height:80vh;min-height:380px}}@media (max-width: 480px){.forgot-password-container{width:95%;padding:15px;max-height:75vh;min-height:350px}.forgot-password-logo img{width:110px}.forgot-password-form input{padding:10px;font-size:14px}.forgot-password-submit{padding:10px 18px;font-size:15px}}.reset-password-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff}.reset-password-logo{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.reset-password-logo img{width:140px;height:auto;transition:transform .3s ease}.reset-password-logo a:hover img{transform:scale(1.05)}.reset-password-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:30px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:90vh;min-height:400px}.reset-password-title{font-size:24px;font-weight:600;color:#333;text-align:center;margin-bottom:10px}.reset-password-text{font-size:14px;color:#666;text-align:center;margin-bottom:20px}.reset-password-form{display:grid;gap:15px;grid-template-columns:1fr}.reset-password-form .full-width{grid-column:span 1}.reset-password-form input{width:100%;padding:12px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease}.reset-password-form input:focus{border-color:#ff3b30;background:#fff;box-shadow:0 0 8px #ff3b3033;outline:none}.reset-password-form label{font-size:13px;font-weight:600;color:#333;margin-bottom:5px;display:block}.reset-password-field{display:flex;flex-direction:column}.reset-password-submit{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;width:100%;margin:0 auto}.reset-password-submit:disabled{background:#ccc;cursor:not-allowed}.reset-password-submit:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.reset-password-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;text-align:center}.reset-password-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.reset-password-side-popup.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.reset-password-back{display:flex;justify-content:center;align-items:center;width:100%;margin:20px auto 0;font-size:13px;color:#333}.reset-password-signin-link{color:#ff3b30;text-decoration:none;font-weight:500;transition:color .3s ease}.reset-password-signin-link:hover{color:#d32f2f}@media (max-width: 768px){.reset-password-container{width:90%;padding:20px;max-height:80vh;min-height:380px}}@media (max-width: 480px){.reset-password-container{width:95%;padding:15px;max-height:75vh;min-height:350px}.reset-password-logo img{width:110px}.reset-password-form input{padding:10px;font-size:14px}.reset-password-submit{padding:10px 18px;font-size:15px}}.artist-profile-container{display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0;padding:0;box-sizing:border-box;position:relative;overflow-x:hidden}.top-right-info{position:fixed;top:18px;right:65px;z-index:1000;display:flex;align-items:center;gap:10px}.creator-info{font-size:14px;font-weight:400;color:#fff;background:#1a2526;padding:5px 10px;border-radius:15px}.artist-profile-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInOverlay .3s ease-in-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.artist-profile-error-message{text-align:center;padding:20px 40px;background:#ffebee;border-radius:12px;color:#c62828;font-size:18px;font-weight:600;box-shadow:0 4px 20px #0003;animation:fadeIn .5s ease-in-out forwards,fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.artist-profile-content{display:flex;flex:1;overflow-x:hidden}.sidebar{width:280px;background:#fff;color:#000;display:flex;flex-direction:column;padding:0;position:fixed;height:100vh;top:0;left:0;border-right:1px solid #e0e0e0;box-shadow:2px 0 10px #00000014;overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:10px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;position:relative}.logo-link{text-decoration:none;color:inherit;display:block;cursor:pointer}.artist-logo{width:140px;height:auto}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;color:#333;cursor:pointer;display:none}.sidebar-user-info{padding:10px 20px;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:3px}.sidebar-user-id,.sidebar-user-name,.sidebar-account-status,.sidebar-compliance-status{font-size:14px;font-weight:400;color:#333}.sidebar-user-id strong,.sidebar-user-name strong,.sidebar-account-status strong,.sidebar-compliance-status strong{font-weight:700}.status-active{color:#2e7d32}.status-not-active{color:#c62828}.status-submitted{color:#2e7d32}.status-not-submitted{color:#c62828}.sidebar-loading{font-size:14px;font-weight:400;color:#666}.sidebar-items{display:flex;flex-direction:column;gap:4px;padding:10px 0;flex-grow:1}.sidebar-item{padding:10px 30px;font-size:16px;font-weight:500;color:#333;cursor:pointer;border-radius:0;transition:all .3s ease;position:relative;display:flex;align-items:center}.sidebar-item:before{content:"➤";margin-right:10px;font-size:14px;color:#666}.sidebar-item:hover{background:#f8f8f8;color:#ff3b30}.sidebar-item:hover:before{color:#ff3b30}.sidebar-item.active{background:transparent;color:#ff3b30;font-weight:600}.sidebar-item.active:before{content:"➤";margin-right:10px;font-size:14px;color:#ff3b30}.sidebar-item.active:after{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#ff3b30}.logout-btn{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:10px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;margin:20px;width:calc(100% - 40px)}.logout-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 6px 14px #ff3b3066}.sidebar-copyright{font-size:12px;font-weight:400;color:#666;text-align:center;margin:-5px 20px 15px}.content-area{margin-left:280px;flex:1;background:#fff;box-sizing:border-box;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column;overflow-x:hidden}.artist-profile-navbar{width:100%;background:#1a2526;padding:20px 30px;display:flex;align-items:center;position:fixed;top:0;left:280px;right:0;z-index:100;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.artist-profile-navbar-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%;gap:10px}.hamburger-menu{background:#ff3b30;color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:20px;border:none;display:none}.navbar-section-title{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0}.content-body{padding:40px;flex:1;width:100%;box-sizing:border-box;margin-top:70px;overflow-y:auto;overflow-x:hidden}.logout-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.logout-modal{background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0003;text-align:center;max-width:400px;width:90%}.logout-modal h3{font-size:20px;color:#333;margin-bottom:20px}.logout-modal-buttons{display:flex;justify-content:center;gap:15px}.logout-modal-confirm{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-modal-confirm:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.logout-modal-cancel{background:#f5f5f5;color:#333;padding:10px 20px;border:1px solid #e0e0e0;border-radius:5px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-modal-cancel:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width: 768px){.hamburger-menu{display:block}.artist-profile-navbar{padding:15px;left:0}.artist-profile-navbar-content{display:flex;align-items:center;width:100%;gap:10px}.navbar-section-title{font-size:14px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.top-right-info{position:static;margin-left:auto;padding:2px 0}.creator-info{font-size:12px;padding:2px 6px;white-space:nowrap}.sidebar{width:260px;transform:translate(-100%);transition:transform .3s ease;z-index:1050}.sidebar.active{transform:translate(0)}.content-area{margin-left:0}.sidebar-logo{padding:10px 20px}.artist-logo{width:120px}.sidebar-item{padding:10px 20px;font-size:16px}.sidebar-user-info{padding:10px 20px}.sidebar-user-id,.sidebar-user-name,.sidebar-account-status,.sidebar-compliance-status,.sidebar-loading{font-size:14px}.logout-btn{padding:10px;font-size:16px;margin:20px;width:calc(100% - 40px);min-height:48px}.sidebar-copyright{font-size:12px;margin:0 20px 15px}.content-body{padding:20px;margin-top:60px;overflow-y:auto;overflow-x:hidden}.artist-profile-error-message{font-size:16px;padding:15px 30px}.logout-modal{padding:20px;max-width:90%}.logout-modal h3{font-size:18px}.logout-modal-confirm,.logout-modal-cancel{padding:12px 20px;font-size:14px;min-height:48px}.close-btn{display:block}}@media (max-width: 480px){.artist-profile-navbar{padding:10px 15px}.artist-profile-navbar-content{display:flex;align-items:center;width:100%;gap:5px}.navbar-section-title{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0 0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.top-right-info{position:static;margin-left:auto;padding:1px 0}.creator-info{font-size:11px;padding:1px 4px;white-space:nowrap}.sidebar{width:100%;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);border-bottom:none;box-shadow:none}.sidebar.active{transform:translate(0)}.sidebar-logo{padding:10px 15px}.artist-logo{width:100px}.sidebar-items{padding:10px 0}.sidebar-item{padding:10px 15px;font-size:15px}.sidebar-user-info{padding:10px 15px}.sidebar-user-id,.sidebar-user-name,.sidebar-account-status,.sidebar-compliance-status,.sidebar-loading{font-size:13px}.logout-btn{margin:15px;width:calc(100% - 30px);min-height:44px}.sidebar-copyright{font-size:11px;margin:0 15px 10px}.content-body{padding:15px;margin-top:60px;overflow-y:auto;overflow-x:hidden}.logout-modal{padding:15px;max-width:95%}.logout-modal h3{font-size:16px}.logout-modal-confirm,.logout-modal-cancel{padding:10px 15px;font-size:13px;min-height:44px}.close-btn{display:block}}.email-verification-flow-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff;overflow:hidden}.email-verification-message-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:30px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:90vh;min-height:400px;text-align:center;display:flex;flex-direction:column;justify-content:flex-start}.email-verification-logo-container{display:flex;justify-content:center;margin-bottom:30px}.email-verification-logo-container img{width:140px;height:auto}.email-verification-title{font-size:24px;font-weight:600;color:#333;margin-bottom:10px}.email-verification-text{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5}.email-verification-hint{font-size:13px;color:#666;margin:15px 0 20px}.email-verification-popup-wrapper{min-height:56px;margin:10px 0}.email-verification-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;transition:visibility .3s,opacity .3s ease}.email-verification-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.email-verification-side-popup.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.email-verification-buttons{margin-top:auto;padding-top:20px}.email-verification-resend-button{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}.email-verification-resend-button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.email-verification-resend-button:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}@media (max-width: 768px){.email-verification-message-container{width:90%;padding:20px;max-height:80vh;min-height:380px}}@media (max-width: 480px){.email-verification-message-container{width:95%;padding:15px;max-height:75vh;min-height:350px}.email-verification-logo-container img{width:110px}.email-verification-resend-button{font-size:15px;padding:10px 18px}}.verify-otp-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#fff}html,body{overflow:hidden;height:100%;margin:0;padding:0}.verify-otp-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.verify-otp-logo-container img{width:140px;height:auto}.verify-otp-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:450px;padding:30px;background:#fff;box-shadow:0 4px 20px #0000000d;border-radius:12px;overflow:hidden;max-height:90vh;min-height:380px}.verify-otp-form{display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.verify-otp-form .full-width{grid-column:span 2}.verify-otp-form input{width:100%;padding:12px;font-size:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .3s ease;text-align:center}.verify-otp-form input:focus{border-color:#ff3b30;background:#fff;box-shadow:0 0 8px #ff3b3033;outline:none}.verify-otp-form label{font-size:13px;font-weight:600;color:#333;margin-bottom:5px;display:block}.verify-otp-field{display:flex;flex-direction:column}.verify-otp-submit{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;padding:12px 20px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;grid-column:span 2;text-align:center}.verify-otp-submit:disabled{background:#ccc;cursor:not-allowed}.verify-otp-submit:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.verify-otp-side-popup{background-color:#fff8e1;border:1px solid #ffe0b2;padding:8px 12px;border-radius:8px;color:#fb8c00;font-size:12px;font-weight:500;height:56px;display:flex;align-items:center;justify-content:center;line-height:16px;word-break:break-word;text-align:center}.verify-otp-side-popup.error{background-color:#ffebee;border:1px solid #ef9a9a;color:#c62828}.verify-otp-side-popup.success{background-color:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.verify-otp-links{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;margin-top:8px}.verify-otp-resend-link,.verify-otp-signout-link{color:#ff3b30;background:none;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:color .3s ease}.verify-otp-resend-link:disabled,.verify-otp-signout-link:disabled{color:#ccc;cursor:not-allowed}.verify-otp-resend-link:hover:not(:disabled),.verify-otp-signout-link:hover:not(:disabled){color:#d32f2f}@media (max-width: 768px){.verify-otp-form{grid-template-columns:1fr}.verify-otp-container{width:90%;padding:20px;max-height:80vh;min-height:360px}}@media (max-width: 480px){.verify-otp-container{width:95%;padding:15px;max-height:75vh;min-height:340px}.verify-otp-logo-container img{width:110px}.verify-otp-form input{padding:10px;font-size:14px}.verify-otp-submit{padding:10px 18px;font-size:15px}}.cookie-bar{position:fixed;left:0;right:0;bottom:0;z-index:1001;background:#fff;box-shadow:0 -10px 28px #00000024;padding:14px 14px 12px;box-sizing:border-box;overflow:hidden}.cookie-bar-inner{width:min(1200px,100%);margin:0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-sizing:border-box}.cookie-bar-text{flex:1;min-width:0}.cookie-bar-title{font-size:1rem;font-weight:700;color:#222;margin-bottom:6px}.cookie-bar-desc{font-size:.92rem;line-height:1.45;color:#555;overflow-wrap:anywhere;word-break:break-word}.cookie-bar-link{color:#ff3b30;cursor:pointer;text-decoration:underline;font-weight:600;white-space:nowrap}.cookie-bar-meta{font-size:.82rem;color:#777;margin-top:8px}.cookie-bar-controls{width:min(520px,100%);display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.cookie-toggle{display:grid;grid-template-columns:18px 1fr;column-gap:10px;row-gap:4px;align-items:start;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fafafa;box-sizing:border-box}.cookie-toggle input{margin-top:3px}.cookie-toggle-label{font-size:.92rem;font-weight:700;color:#222;overflow-wrap:anywhere;word-break:break-word}.cookie-toggle-hint{grid-column:2 / 3;font-size:.84rem;line-height:1.35;color:#666;overflow-wrap:anywhere;word-break:break-word}.cookie-bar-buttons{display:flex;gap:10px;flex-wrap:wrap}.cookie-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:10px 14px;border-radius:12px;font-size:.92rem;font-weight:700;transition:transform .05s ease,background-color .2s ease;box-sizing:border-box}.cookie-btn:active{transform:translateY(1px)}.cookie-accept{background:#ff9800;color:#fff}.cookie-accept:hover{background:#f57c00}.cookie-save{background:#333;color:#fff}.cookie-save:hover{background:#222}.cookie-decline{background:#e6e6e6;color:#222}.cookie-decline:hover{background:#d9d9d9}@media (max-width: 800px){.cookie-bar-inner{flex-direction:column;gap:12px}.cookie-bar-controls,.cookie-bar-buttons .cookie-btn{width:100%}.cookie-bar-link{white-space:normal}}.admin-sidebar{width:240px;background-color:var(--secondary-color);border-right:1px solid var(--primary-color);height:100vh;display:flex;flex-direction:column;box-shadow:var(--box-shadow)}.admin-sidebar-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--primary-color)}.admin-sidebar-logo{display:flex;justify-content:center;cursor:pointer}.admin-sidebar-logo-img{width:140px;height:auto}.admin-sidebar-user-info{padding:15px 16px;border-bottom:1px solid var(--primary-color);display:flex;flex-direction:column;gap:5px}.admin-sidebar-user-id,.admin-sidebar-user-name,.admin-sidebar-user-role{font-size:14px;font-weight:400;color:var(--primary-color)}.admin-sidebar-user-id strong,.admin-sidebar-user-name strong,.admin-sidebar-user-role strong{font-weight:700}.admin-sidebar-loading{font-size:14px;font-weight:400;color:var(--text-muted)}.admin-sidebar-items{flex:1;overflow-y:auto}.admin-sidebar-item{padding:12px 16px;color:var(--primary-color);font-size:14px;cursor:pointer;transition:var(--transition)}.admin-sidebar-item:hover{background-color:var(--background-hover)}.admin-sidebar-item-active{background-color:var(--background-light);color:var(--primary-color);font-weight:500}.admin-sidebar-footer{padding:16px;border-top:1px solid var(--primary-color)}.admin-sidebar-logout-button{background-color:var(--primary-color);color:var(--secondary-color);border:none;padding:8px 16px;border-radius:var(--border-radius);cursor:pointer;width:100%;text-align:center;font-size:14px;transition:var(--transition)}.admin-sidebar-logout-button:hover{background-color:#333}.admin-sidebar-items.admin-scroll{scrollbar-width:thin}.admin-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-modal-content{color:var(--primary-color);padding:32px;max-width:600px;width:95%;background:var(--secondary-color);border-radius:12px;box-shadow:0 4px 20px #0003;animation:admin-modal-scale-in .3s ease-in-out;position:relative}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-modal-content h3{font-size:20px;margin:0;font-weight:600;text-align:left}.admin-modal-delete-button{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--danger-color);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition)}.admin-modal-delete-button:hover{color:#c82333}.admin-modal-delete-icon{font-size:16px}.admin-modal-body p{font-size:15px;margin:12px 0;color:var(--primary-color);white-space:normal;word-break:break-word}.admin-modal-field{margin-bottom:20px}.admin-modal-field label{display:block;font-size:15px;margin-bottom:8px;font-weight:500;color:var(--primary-color)}.admin-modal-field input,.admin-modal-field select{width:100%;padding:10px 12px;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--background-light);color:var(--primary-color);font-size:15px;outline:none;transition:var(--transition)}.admin-modal-field input:focus,.admin-modal-field select:focus{border-color:#333;box-shadow:0 0 5px #3333}.copyable-text{display:flex;align-items:center;padding:10px;background:var(--background-light);border-radius:8px;transition:background-color .3s ease}.copyable-text:hover{background:#f5f5f5}.copyable-text strong{flex:0 0 120px;font-weight:600}.copy-icon{margin-left:12px;cursor:pointer;color:var(--info-color);font-size:16px;transition:color .3s ease,transform .2s ease}.copy-icon:hover{color:#0e6c7d;transform:scale(1.1)}.copy-icon:active{transform:scale(.95)}.admin-modal-copy-tooltip{position:absolute;top:-30px;right:0;background:#e7f3e7;color:#2e7d32;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;animation:fadeInOut 2s ease-in-out forwards}.admin-modal-error{font-size:14px;color:var(--danger-color);margin-bottom:16px;text-align:center}.admin-modal-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}.admin-modal-submit{background-color:var(--primary-color);color:var(--secondary-color);padding:10px 24px;border-radius:8px}.admin-modal-submit:hover{background-color:#333;transform:translateY(-1px)}.admin-modal-close{background-color:var(--background-light);color:var(--primary-color);padding:10px 24px;border-radius:8px}.admin-modal-close:hover{background-color:#e0e0e0;transform:translateY(-1px)}.admin-modal-confirm{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1001}.admin-modal-confirm-content{background:var(--secondary-color);padding:24px;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:400px;width:90%;text-align:center}.admin-modal-confirm-content h4{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--primary-color)}.admin-modal-confirm-content p{font-size:14px;color:var(--text-muted);margin-bottom:24px}.admin-modal-confirm-actions{display:flex;justify-content:center;gap:16px}.admin-modal-confirm-button{padding:8px 20px;border-radius:8px;font-size:14px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(5px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5px)}}.admin-toast{position:fixed;top:16px;right:16px;padding:12px 20px;border-radius:var(--border-radius);font-size:14px;display:flex;align-items:center;gap:12px;z-index:1001;box-shadow:var(--box-shadow);animation:admin-toast-slide-in .3s ease-in-out,admin-toast-fade-out .3s ease-in-out 2.7s}.admin-toast-success{background-color:#e6f4e6;border:1px solid var(--success-color);color:var(--success-color)}.admin-toast-error{background-color:#ffe6e6;border:1px solid var(--danger-color);color:var(--danger-color)}.admin-toast-warning{background-color:#fff3cd;border:1px solid var(--warning-color);color:var(--warning-color)}.admin-toast-info{background-color:#d1ecf1;border:1px solid var(--info-color);color:var(--info-color)}.admin-toast-close{background:none;border:none;cursor:pointer;padding:4px;transition:var(--transition)}.admin-toast-close svg{width:16px;height:16px;color:var(--primary-color)}@keyframes admin-toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes admin-toast-fade-out{0%{opacity:1}to{opacity:0}}.admin-section-container{display:flex;flex-direction:column;height:100%}.admin-section{padding:16px;background-color:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.admin-section-search-and-actions{display:flex;align-items:center;gap:12px;position:sticky;top:0;background:var(--secondary-color);z-index:20;margin-bottom:16px}.admin-section-actions{display:flex;gap:12px}.admin-section-action-button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-family:var(--font-family);background-color:var(--primary-color);color:var(--secondary-color);transition:var(--transition)}.admin-section-action-button:hover{background-color:#333}.admin-section-admin-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.admin-section-admin-modal-content{background:var(--secondary-color);padding:24px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:400px;width:90%;animation:admin-modal-scale-in .3s ease-in-out}.admin-section-admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.admin-section-admin-modal-header h3{font-size:18px;font-weight:600;color:var(--primary-color);margin:0}.admin-section-admin-modal-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.admin-section-admin-modal-field label{font-size:14px;font-weight:500;color:var(--primary-color)}.admin-section-admin-modal-field input{padding:10px;border:1px solid var(--table-border);border-radius:var(--border-radius);font-size:14px;background-color:var(--background-light);outline:none;transition:var(--transition)}.admin-section-admin-modal-field input:focus{border-color:var(--primary-color)}.admin-section-admin-modal-actions{display:flex;justify-content:center;gap:12px}.admin-section-admin-modal-actions button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-family:var(--font-family);transition:var(--transition)}.admin-section-admin-modal-actions .admin-section-admin-modal-submit{background-color:var(--primary-color);color:var(--secondary-color)}.admin-section-admin-modal-actions .admin-section-admin-modal-submit:hover{background-color:#333}.admin-section-admin-modal-actions .admin-section-admin-modal-close{background-color:var(--background-light);color:var(--primary-color)}.admin-section-admin-modal-actions .admin-section-admin-modal-close:hover{background-color:#e0e0e0}@keyframes admin-modal-scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.admin-section-search{max-width:300px;flex:1}.admin-section-search input{width:100%;padding:10px 40px 10px 15px;border:1px solid var(--table-border);border-radius:var(--border-radius);font-size:14px;background-color:var(--background-light)}.admin-section-search input:focus{border-color:var(--primary-color)}.admin-section-search-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-muted)}.admin-section-error-message{padding:10px;background:#ffebee;border-radius:6px;color:#c62828;font-size:14px;font-weight:500;text-align:center;margin-bottom:10px;animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.admin-section-table-wrapper{flex:1 1 auto;overflow-y:auto}.admin-section-table{width:100%;border-collapse:collapse;background-color:var(--secondary-color)}.admin-section-table th,.admin-section-table td{padding:8px 10px;font-size:13px;text-align:left;border-bottom:1px solid var(--table-border);border-right:1px solid var(--table-border)}.admin-section-table th:last-child,.admin-section-table td:last-child{border-right:none}.admin-section-table th{position:sticky;top:0;background-color:var(--background-light);font-weight:600;color:var(--primary-color);white-space:nowrap;z-index:10}.admin-section-table td{color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.status-active,.status-approved{color:var(--success-color);font-weight:700}.status-not-active,.status-rejected{color:var(--danger-color);font-weight:700}.status-pending{color:var(--warning-color);font-weight:700}.status-scheduled-deletion .deletion-icon{font-size:12px;color:var(--danger-color)}.admin-section-action-dropdown{position:relative;display:inline-block}.admin-section-action-toggle{background:none;border:none;cursor:pointer;padding:5px;transition:var(--transition)}.admin-section-action-toggle svg{width:16px;height:16px;color:var(--text-muted)}.admin-section-action-menu{position:absolute;right:0;top:100%;background:var(--secondary-color);border:1px solid var(--table-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;display:none;z-index:100;min-width:140px;transition:opacity .2s ease-in-out}.admin-section-action-dropdown:hover .admin-section-action-menu,.admin-section-action-toggle:focus+.admin-section-action-menu{display:block;opacity:1}.admin-section-action-item{padding:10px 15px;cursor:pointer;font-size:14px;color:var(--primary-color);transition:background-color .2s ease-in-out;border-bottom:1px solid var(--table-border)}.admin-section-action-item:last-child{border-bottom:none}.admin-section-action-item:hover{background:var(--background-hover)}.admin-section-action-item-danger{color:var(--danger-color)}.admin-section-action-item-danger:hover{background:#ffebee}.admin-section-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.admin-section-pagination button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;background-color:var(--background-light);color:var(--primary-color);transition:var(--transition)}.admin-section-pagination button:hover{background-color:var(--background-hover)}.admin-section-pagination button:disabled{background-color:#e0e0e0;cursor:not-allowed}.admin-section-pagination span{font-size:14px;color:var(--primary-color)}.admin-bank-info-toggle{font-size:16px;font-weight:700}.highlighted-row{border:2px solid #28a745;background-color:#28a7451a}.admin-section-search-clear{font-size:16px;padding:0 5px}.admin-section-search{position:relative}.admin-section-search input{padding-right:70px}@media (max-width: 768px){.admin-section-search{max-width:100%}.admin-section-search-and-actions{flex-direction:column;align-items:flex-start}.admin-section-actions{margin-top:8px;width:100%;justify-content:flex-start}}.admin-dashboard-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%;width:100%;gap:20px;padding:20px;box-sizing:border-box;background:var(--background-light);overflow:hidden}.stats-section{background:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:16px;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition)}.section-content{display:flex;flex-direction:row;gap:16px;height:100%}.section-header{display:flex;flex-direction:column;gap:8px;width:150px;padding-right:12px;border-right:1px solid var(--table-border)}.stats-section h2{font-size:18px;font-weight:600;color:var(--primary-color);margin:0}.stats-header{font-size:12px;font-weight:500;color:var(--text-muted);background:var(--background-light);padding:4px 8px;border-radius:12px;display:inline-block}.legend{display:flex;flex-direction:column;gap:6px;margin-top:8px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--primary-color);font-weight:500;transition:var(--transition)}.legend-item:hover{background:var(--background-hover);padding:2px 4px;border-radius:4px}.legend-color{width:12px;height:12px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.pie-chart-container{flex:1;display:flex;justify-content:center;align-items:center;height:100%;padding:12px;background:var(--background-light);border-radius:var(--border-radius);position:relative;min-height:200px}.pie-chart-label{font-size:12px;font-weight:600;fill:#333!important;background:#000c;padding:4px 8px;border-radius:4px;box-shadow:0 2px 4px #0003}.custom-tooltip{background:var(--secondary-color);border:1px solid var(--primary-color);border-radius:var(--border-radius);padding:8px;box-shadow:0 2px 8px #00000026;font-size:12px;color:var(--primary-color)}.no-data{font-size:12px;color:var(--text-muted);text-align:center}.stats-section.placeholder{opacity:.5;display:flex;flex-direction:column}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.stats-section.placeholder h2,.stats-section.placeholder p{color:var(--text-muted)}@media (max-width: 768px){.admin-dashboard-stats{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;padding:16px}.stats-section{padding:12px}.stats-section h2{font-size:16px}.stats-header{font-size:11px;padding:3px 6px}.section-content{flex-direction:column;gap:12px}.section-header{width:100%;padding-right:0;border-right:none;border-bottom:1px solid var(--table-border);padding-bottom:10px}.legend{flex-direction:row;flex-wrap:wrap;gap:10px}.legend-item{font-size:11px}.legend-color{width:10px;height:10px}.pie-chart-container{padding:8px;min-height:180px}.pie-chart-label{font-size:10px;padding:3px 6px}.custom-tooltip{font-size:11px;padding:6px}.no-data{font-size:11px}}@media (max-width: 400px){.admin-dashboard-stats{padding:10px}.stats-section h2{font-size:14px}.stats-header{font-size:10px;padding:2px 5px}.legend-item{font-size:10px}.legend-color{width:8px;height:8px}.pie-chart-container{padding:6px;min-height:150px}.pie-chart-label{font-size:9px;padding:2px 4px}.custom-tooltip{font-size:10px;padding:5px}.no-data{font-size:10px}}:root{--primary-color: #000000;--secondary-color: #ffffff;--background-light: #f0f0f0;--background-hover: #f5f5f5;--danger-color: #dc3545;--success-color: #28a745;--warning-color: #ffc107;--info-color: #17a2b8;--border-radius: 8px;--font-family: "Inter", sans-serif;--box-shadow: 0 2px 8px rgba(0, 0, 0, .05);--transition: all .2s ease-in-out;--table-border: #ddd;--text-muted: #666;--spinner-color: #FF3B30}html{-webkit-text-size-adjust:100%}.admin-scroll{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.admin-scroll::-webkit-scrollbar{width:6px;height:6px}.admin-scroll::-webkit-scrollbar-track{background:transparent}.admin-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--border-radius)}.admin-scroll:hover::-webkit-scrollbar-thumb{background:var(--primary-color)}.admin-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.admin-card{background-color:var(--secondary-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.admin-button{padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-family:var(--font-family);transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.admin-button-primary{background-color:var(--primary-color);color:var(--secondary-color)}.admin-button-primary:hover{background-color:#333}.admin-button-secondary{background-color:var(--background-light);color:var(--primary-color)}.admin-button-secondary:hover{background-color:#e0e0e0}.admin-button-danger{background-color:var(--danger-color);color:var(--secondary-color)}.admin-button-danger:hover{background-color:#c82333}.admin-error{background-color:#ffe6e6;border:1px solid var(--danger-color);color:var(--danger-color);padding:12px;border-radius:var(--border-radius);font-size:14px;text-align:center;display:flex;align-items:center;gap:8px}.admin-fade-in{opacity:0;animation:admin-fade-in .5s ease-in-out forwards}@keyframes admin-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard-wrapper{height:100vh;background-color:var(--secondary-color);overflow:hidden;font-family:var(--font-family);display:flex}.admin-dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-dashboard-content{flex:1;padding:24px;overflow-y:auto;background-color:var(--background-light);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.dashboard{padding:20px;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow-y:auto;width:100%;box-sizing:border-box;min-height:300px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;flex-grow:1;overflow:hidden}.dashboard-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;box-shadow:0 4px 12px #0000000f;height:184px;overflow:hidden;position:relative}.dashboard-card:hover{box-shadow:0 8px 20px #0000001f}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-card-title{font-size:1.05rem;font-weight:600;color:#1f2937;margin:0}.dashboard-card-icon.plus-icon{font-size:1.1rem;color:#ff3b30;cursor:pointer;transition:all .3s ease}.dashboard-card-icon.plus-icon:hover{color:#d32f2f;transform:scale(1.1)}.plus-icon.disabled{cursor:not-allowed;color:#d1d5db}.plus-icon.disabled:hover{color:#d1d5db;transform:none}.dashboard-card-content{font-size:.9rem;color:#4b5563;flex-grow:1;overflow:hidden}.dashboard-card-content p{margin:5px 0;display:flex;align-items:center;gap:6px}.content-icon{color:#ff3b30;font-size:1rem}.dashboard-card-value{font-size:1.5rem;font-weight:700;color:#1f2937;margin:10px 0}.footer-text{font-size:.78rem;color:#6b7280;margin-top:10px;margin-bottom:0}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card{height:180px}}@media (max-width: 768px){.dashboard{padding:12px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:12px}.dashboard-card{height:auto;padding:12px;min-height:140px}.dashboard-card-title{font-size:.95rem}.dashboard-card-value{font-size:1.3rem}.footer-text{font-size:.7rem}}@media (max-width: 480px){.dashboard{padding:8px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:8px}.dashboard-card{height:auto;padding:8px;min-height:130px}.dashboard-card-title{font-size:.9rem}.dashboard-card-content{font-size:.8rem}.dashboard-card-value{font-size:1.2rem}.footer-text{font-size:.65rem}}.profile-container{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.details-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.details-card:hover{box-shadow:0 8px 20px #0000001f}.details-wrapper{display:flex;flex-wrap:wrap;gap:1.5vw;flex-grow:1;overflow:hidden}.personal-details{flex:1;display:flex;flex-direction:column;gap:1.2vw;min-width:250px}.detail-row{display:flex;flex-wrap:wrap;gap:1.2vw}.detail-item{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.4vw}.detail-label{font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600;color:#1f2937;margin-bottom:.3vw}.detail-value{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;padding:.5vw;background:#f8f9fa;border-radius:6px;border:1px solid #e5e7eb;transition:all .3s ease}.required-star{color:#c62828;font-size:clamp(.9rem,1.5vw,1.05rem)}.status-active{color:#2e7d32;font-weight:700}.status-not-active{color:#c62828;font-weight:700}.status-message{font-size:clamp(.7rem,1vw,.78rem);color:#c62828;margin-top:.3vw;font-style:italic}.phone-message{font-size:clamp(.7rem,1vw,.78rem);color:#6b7280;margin-top:.3vw}input,.phone-field{width:100%;padding:.5vw;font-size:clamp(.8rem,1.3vw,.9rem);border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .3s ease;color:#4b5563}input:focus,.phone-field:focus{border-color:#ff3b30;box-shadow:0 0 6px #ff3b3033;outline:none}.no-address{font-size:clamp(.8rem,1.3vw,.9rem);color:#6b7280;font-style:italic;margin-top:.5vw}.action-buttons{display:flex;justify-content:flex-end;gap:1vw;margin-top:1.2vw}.submit-btn,.modify-btn,.discard-btn{padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.submit-btn{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;border:none}.submit-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.submit-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.modify-btn{background:linear-gradient(135deg,#ff3b30,#d32f2f);color:#fff;border:none}.modify-btn:hover{background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.discard-btn{background:#f5f5f5;color:#1f2937;border:1px solid #e5e7eb}.discard-btn:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.submit-btn:after,.modify-btn:after,.discard-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,59,48,.2) 10%,transparent 10.01%);background-size:0;background-position:center;border-radius:8px;pointer-events:none;transition:background-size .3s ease}.submit-btn:active:after,.modify-btn:active:after,.discard-btn:active:after{background-size:1000%}@media (max-width: 1024px){.details-card{width:92%;max-width:1000px}.details-wrapper{flex-direction:column}}@media (max-width: 768px){.profile-container{padding:1.5vw}.details-card{padding:1.5vw;width:94%}.detail-row{flex-direction:column;gap:.8vw}.detail-item{min-width:100%}.detail-label,.detail-value,input,.phone-field,.no-address{font-size:clamp(.75rem,1.2vw,.85rem)}.submit-btn,.modify-btn,.discard-btn{padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}.action-buttons{flex-direction:column;gap:.5vw;align-items:flex-end}}@media (max-width: 480px){.profile-container{padding:1vw}.details-card{padding:1vw;width:96%}.details-wrapper{gap:.6vw}.detail-label,.detail-value,input,.phone-field{font-size:clamp(.7rem,1vw,.8rem)}.action-buttons{flex-direction:column;gap:.4vw;align-items:center}.submit-btn,.modify-btn,.discard-btn{padding:clamp(4px,.7vw,6px) clamp(8px,1.2vw,12px);font-size:clamp(.7rem,1vw,.8rem);min-width:80px}}.songs-registered-section{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.songs-registered-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:box-shadow .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.songs-registered-section-card:hover{box-shadow:0 8px 20px #0000001f}.songs-registered-table-container{max-height:600px;overflow-y:auto}.songs-registered-table{width:100%;border-collapse:collapse}.songs-registered-table thead{background:#f8f9fa;position:sticky;top:0;z-index:1}.songs-registered-table th{padding:.8vw 1vw;font-size:clamp(.75rem,1.2vw,.875rem);font-weight:600;color:#1f2937;text-transform:uppercase;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:left}.songs-registered-table th:last-child{border-right:none}.songs-registered-table th:nth-child(6),.songs-registered-table td:nth-child(6){width:80px;text-align:center}.songs-registered-table th:nth-child(7),.songs-registered-table td:nth-child(7){width:80px;text-align:center}.songs-registered-table tbody tr{transition:background .3s ease}.songs-registered-table tbody tr:hover{background:#f1f5f9}.songs-registered-table tbody tr:nth-child(2n){background:#f9fafb}.songs-registered-table td{padding:.8vw 1vw;font-size:clamp(.75rem,1.2vw,.875rem);color:#4b5563;font-weight:400;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;text-align:left}.songs-registered-table td:last-child{border-right:none}.songs-review-icon{color:#0284c7;font-size:1rem;cursor:pointer;display:inline-block;transition:transform .2s ease}.songs-review-icon:hover{transform:scale(1.2)}.songs-registered-status-pending{color:#d97706;font-weight:600;background:#fefce8;padding:.2vw .5vw;border-radius:4px}.songs-registered-status-approved{color:#16a34a;font-weight:600;background:#f0fdf4;padding:.2vw .5vw;border-radius:4px}.songs-registered-status-rejected{color:#b91c1c;font-weight:600;background:#fef2f2;padding:.2vw .5vw;border-radius:4px}.songs-registered-no-songs-message{font-size:clamp(.8rem,1.3vw,.9rem);color:#6b7280;text-align:center;padding:1vw}.songs-review-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.songs-review-modal{background:linear-gradient(145deg,#fff,#f8f9fa);padding:1.5vw;border-radius:8px;box-shadow:0 4px 20px #0003;text-align:center;max-width:400px;width:90%;border:1px solid #e5e7eb}.songs-review-modal h3{font-size:clamp(1rem,1.5vw,1.2rem);color:#1f2937;font-weight:600;margin-bottom:.8vw}.songs-review-text{font-size:clamp(.85rem,1.3vw,.9rem);margin-bottom:1.2vw;line-height:1.5}.songs-review-text.status-approved{color:#16a34a}.songs-review-text.status-rejected{color:#b91c1c}.songs-review-text.status-pending{color:#4b5563}.songs-review-modal-actions{display:flex;justify-content:center}.songs-review-modal-cancel{background:linear-gradient(145deg,#ff3b30,#d32f2f);color:#fff;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);border:none;border-radius:8px;font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.songs-review-modal-cancel:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.songs-review-modal-cancel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,59,48,.2) 10%,transparent 10.01%);background-size:0;background-position:center;border-radius:8px;pointer-events:none;transition:background-size .3s ease}.songs-review-modal-cancel:active:after{background-size:1000%}@media (max-width: 1024px){.songs-registered-section-card{width:92%;max-width:1000px}}@media (max-width: 768px){.songs-registered-section{padding:1.5vw}.songs-registered-section-card{padding:1.5vw;width:94%}.songs-registered-table-container{max-height:400px}.songs-registered-table th,.songs-registered-table td{font-size:clamp(.7rem,1vw,.8rem);padding:.6vw .8vw}.songs-registered-no-songs-message{font-size:clamp(.75rem,1.2vw,.85rem)}.songs-review-modal{padding:1.2vw}.songs-review-modal h3{font-size:clamp(.9rem,1.4vw,1.1rem)}.songs-review-text{font-size:clamp(.8rem,1.2vw,.85rem)}.songs-review-modal-cancel{padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}}@media (max-width: 480px){.songs-registered-section{padding:1vw}.songs-registered-section-card{padding:1vw;width:96%}.songs-registered-table-container{max-height:350px}.songs-registered-table thead{display:none}.songs-registered-table tbody tr{display:block;margin-bottom:1vw;border-bottom:1px dashed #4a5568}.songs-registered-table tbody tr td{display:flex;justify-content:space-between;text-align:right;padding:.5vw .8vw;border-bottom:1px solid #e5e7eb;border-right:none;font-size:clamp(.65rem,.9vw,.75rem)}.songs-registered-table tbody tr td:before{content:attr(data-label);font-weight:600;color:#1f2937;text-align:left;flex:1}.songs-registered-table tbody tr td:nth-child(6),.songs-registered-table tbody tr td:nth-child(7){text-align:left;width:auto;justify-content:flex-start}.songs-registered-table tbody tr td:last-child{border-bottom:none}.songs-registered-no-songs-message{font-size:clamp(.7rem,1vw,.8rem);padding:.8vw}.songs-registered-status-pending,.songs-registered-status-approved,.songs-registered-status-rejected{padding:.1vw .3vw;font-size:clamp(.65rem,.9vw,.75rem)}.songs-review-icon{font-size:.9rem}.songs-review-modal{padding:1vw;max-width:300px}.songs-review-modal h3{font-size:clamp(.85rem,1.3vw,1rem)}.songs-review-text{font-size:clamp(.75rem,1.1vw,.8rem)}.songs-review-modal-cancel{padding:clamp(4px,.7vw,6px) clamp(8px,1.2vw,12px);font-size:clamp(.7rem,1vw,.8rem)}}.register-song-section{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.register-song-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:box-shadow .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.register-song-section-card:hover{box-shadow:0 8px 20px #0000001f}.register-song-form{display:flex;flex-direction:column;gap:1.5vw;flex-grow:1;overflow-y:auto}.register-song-details-form{display:flex;flex-direction:column;gap:1vw}.register-song-details-form input,.register-song-details-form select,.register-song-details-form textarea{width:100%;padding:.5vw;font-size:clamp(.8rem,1.3vw,.9rem);border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .3s ease;color:#4b5563}.register-song-details-form input:focus,.register-song-details-form select:focus,.register-song-details-form textarea:focus{border-color:#ff3b30;box-shadow:0 0 6px #ff3b3033;outline:none}.register-song-details-form textarea::placeholder{color:#6b7280;font-style:italic}.register-song-details-form input[readonly]{background:#e5e7eb;color:#6b7280}.register-song-details-form .input-error{border-color:#c62828;background:#fef2f2}.register-song-details-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%236b7280" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right .5vw center;background-size:16px;padding-right:2vw}.register-song-details-form textarea{resize:vertical;min-height:80px;max-height:120px}.register-song-details-form label{font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;color:#1f2937;margin-bottom:.3vw;display:block}.register-song-required-asterisk{color:#ff3b30;font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;margin-left:.2vw}.register-song-field{display:flex;flex-direction:column}.register-song-details-form .full-width{width:100%}.register-song-compliance-notice{background:#fef2f2;border:1px solid #ef4444;border-radius:8px;padding:1vw;margin-bottom:1vw;font-size:clamp(.75rem,1.2vw,.875rem);color:#b91c1c;line-height:1.5;font-weight:500}.register-song-legal-confirmation-wrapper{margin-top:2vw;padding:1.5vw;border:1px solid #e5e7eb;border-radius:10px;background:#f8f9fa;box-shadow:0 2px 6px #0000000d}.register-song-legal-confirmation-checkbox{display:flex;align-items:flex-start;gap:.5vw;margin-top:.5vw;font-size:clamp(.75rem,1.2vw,.875rem);color:#4b5563;line-height:1.5}.register-song-legal-confirmation-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:.2vw;cursor:pointer;accent-color:#ff3b30}.register-song-legal-confirmation-text{flex:1}.register-song-legal-section{margin:.8vw 0;padding-left:.8vw;border-left:3px solid #ff3b30}.register-song-legal-section strong{display:block;margin-bottom:.3vw;color:#1f2937;font-weight:600;font-size:clamp(.8rem,1.3vw,.9rem)}.register-song-legal-section p{margin:0;font-size:clamp(.75rem,1.2vw,.875rem);line-height:1.6;color:#4b5563}.register-song-field-error{font-size:clamp(.7rem,1vw,.8rem);color:#b91c1c;background:#fef2f2;padding:.3vw .5vw;border-radius:6px;margin-top:.3vw;box-shadow:0 1px 3px #0000000d}.register-song-buttons{display:flex;justify-content:center;gap:.8vw;margin-top:1.5vw;margin-bottom:2vw}.register-song-submit,.register-song-clear{display:inline-flex;justify-content:center;align-items:center;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:100px}.register-song-submit{background:linear-gradient(145deg,#ff3b30,#d32f2f);color:#fff;border:none}.register-song-clear{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.register-song-submit:hover:not(:disabled){background:linear-gradient(145deg,#d32f2f,#b71c1c);box-shadow:0 4px 12px #ff3b304d}.register-song-clear:hover{background:#e5e7eb;box-shadow:0 4px 12px #0000001a}.register-song-submit:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.register-song-submit:after,.register-song-clear:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,59,48,.2) 10%,transparent 10.01%);background-size:0;background-position:center;border-radius:8px;pointer-events:none;transition:background-size .3s ease}.register-song-submit:active:after,.register-song-clear:active:after{background-size:1000%}@media (max-width: 1024px){.register-song-section-card{width:92%;max-width:1000px}}@media (max-width: 768px){.register-song-section{padding:1.5vw}.register-song-section-card{padding:1.5vw;width:94%}.register-song-details-form input,.register-song-details-form select,.register-song-details-form textarea,.register-song-details-form label,.register-song-legal-section strong{font-size:clamp(.75rem,1.2vw,.85rem)}.register-song-compliance-notice,.register-song-legal-section p{font-size:clamp(.7rem,1vw,.8rem)}.register-song-legal-confirmation-wrapper{margin-top:1.5vw;padding:1vw}.register-song-legal-section{margin:.5vw 0;padding-left:.5vw}.register-song-submit,.register-song-clear{padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}.register-song-buttons{flex-direction:column;gap:.5vw;align-items:center}}@media (max-width: 480px){.register-song-section{padding:1vw}.register-song-section-card{padding:1vw;width:96%}.register-song-details-form input,.register-song-details-form select,.register-song-details-form textarea,.register-song-details-form label,.register-song-legal-section strong{font-size:clamp(.7rem,1vw,.8rem)}.register-song-compliance-notice,.register-song-legal-section p{font-size:clamp(.65rem,.9vw,.75rem)}.register-song-legal-confirmation-wrapper{margin-top:1vw;padding:.8vw}.register-song-legal-section{margin:.4vw 0;padding-left:.4vw}.register-song-buttons{flex-direction:column;gap:.4vw;align-items:center}.register-song-submit,.register-song-clear{padding:clamp(4px,.7vw,6px) clamp(8px,1.2vw,12px);font-size:clamp(.7rem,1vw,.8rem);min-width:100px}}.payout-section{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.payout-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.payout-section-card:hover{box-shadow:0 8px 20px #0000001f}.payout-section-content{display:flex;flex-direction:column;gap:1.5vw;flex-grow:1;overflow:hidden}.payout-section-intro{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;text-align:center;margin-bottom:1vw;line-height:1.6}.payout-section-intro a{color:#ff3b30;text-decoration:underline}.payout-section-intro a:hover{color:#d32f2f}.payout-section-form,.payout-section-fields{display:flex;flex-direction:column;gap:1.2vw}.payout-section-row{display:flex;flex-wrap:wrap;gap:1.2vw}.payout-section-field{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.4vw}.payout-input-wrapper{position:relative;display:flex;flex-direction:column}.payout-section-label{font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600;color:#1f2937;margin-bottom:.3vw;display:flex;align-items:center;gap:.5vw}.payout-required-star{color:#c62828;font-size:clamp(.9rem,1.5vw,1.05rem)}.payout-section-form input,.payout-section-form select{width:100%;padding:.5vw;font-size:clamp(.8rem,1.3vw,.9rem);border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .3s ease;color:#4b5563}.payout-section-form input[name=iban],.payout-section-form input[name=swiftBic]{font-family:Courier New,Courier,monospace}.payout-section-form input:focus,.payout-section-form select:focus{border-color:#ff3b30;box-shadow:0 0 6px #ff3b3033;outline:none}.payout-input-error{border-color:#c62828;background:#ffebee}.payout-section-icon-valid,.payout-section-icon-invalid{position:absolute;right:.5vw;top:.8vw;font-size:clamp(.9rem,1.5vw,1rem)}.payout-section-icon-valid{color:#2e7d32}.payout-section-icon-invalid{color:#c62828}.payout-section-error{font-size:clamp(.7rem,1vw,.78rem);color:#c62828;background-color:#ffebee;border:1px solid #c62828;padding:.2vw .5vw;border-radius:5px;margin-top:.3vw}.payout-section-note{font-size:clamp(.7rem,1vw,.78rem);color:#ff3b30;font-style:italic;margin-top:.5vw}.payout-section-details{flex:1;display:flex;flex-direction:column;gap:1.2vw}.payout-section-item{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.4vw}.payout-section-value{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;padding:.5vw;background:#f8f9fa;border-radius:6px;border:1px solid #e5e7eb;transition:all .3s ease;font-family:Courier New,Courier,monospace}.payout-section-icon{font-size:clamp(.9rem,1.5vw,1rem);color:#ff3b30}.payout-section-buttons{display:flex;justify-content:flex-end;gap:.8vw;margin-top:1.2vw}.payout-section-submit,.payout-section-edit,.payout-section-cancel{display:inline-flex;justify-content:center;align-items:center;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px}.payout-section-submit{background:linear-gradient(145deg,#ff3b30,#d32f2f);color:#fff;border:none}.payout-section-submit:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.payout-section-submit:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.payout-section-edit{background:linear-gradient(145deg,#ff3b30,#d32f2f);color:#fff;border:none}.payout-section-edit:hover{background:linear-gradient(145deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ff3b304d}.payout-section-cancel{background:#f8f9fa;color:#1f2937;border:1px solid #e5e7eb}.payout-section-cancel:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.payout-section-submit:after,.payout-section-edit:after,.payout-section-cancel:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,59,48,.2) 10%,transparent 10.01%);background-size:0;background-position:center;border-radius:8px;pointer-events:none;transition:background-size .3s ease}.payout-section-submit:active:after,.payout-section-edit:active:after,.payout-section-cancel:active:after{background-size:1000%}@media (max-width: 1024px){.payout-section-card{width:92%;max-width:1000px}.payout-section-row{flex-direction:column;gap:.8vw}.payout-section-field,.payout-section-item{min-width:100%}}@media (max-width: 768px){.payout-section{padding:1.5vw}.payout-section-card{padding:1.5vw;width:94%}.payout-section-label,.payout-section-value,.payout-section-form input,.payout-section-form select,.payout-section-intro,.payout-section-error,.payout-section-note{font-size:clamp(.75rem,1.2vw,.85rem)}.payout-section-submit,.payout-section-edit,.payout-section-cancel{min-width:100px;padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}.payout-section-buttons{flex-direction:column;gap:.5vw;align-items:flex-end}}@media (max-width: 480px){.payout-section{padding:1vw}.payout-section-card{padding:1vw;width:96%}.payout-section-label,.payout-section-value,.payout-section-form input,.payout-section-form select,.payout-section-intro,.payout-section-error,.payout-section-note{font-size:clamp(.7rem,1vw,.8rem)}.payout-section-buttons{flex-direction:column;gap:.4vw;align-items:center}.payout-section-submit,.payout-section-edit,.payout-section-cancel{min-width:80px;padding:clamp(4px,.7vw,6px) clamp(8px,1.2vw,12px);font-size:clamp(.7rem,1vw,.8rem)}}.revenue-section-container{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.revenue-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto 1.5vw;box-shadow:0 4px 12px #0000000f;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.revenue-section-card:hover{box-shadow:0 8px 20px #0000001f}.revenue-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1vw}.revenue-section-title{font-size:clamp(1rem,1.8vw,1.2rem);font-weight:600;color:#1f2937;margin:0}.revenue-section-content{flex-grow:1;display:flex;flex-direction:column;gap:.8vw}.revenue-section-balance{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:#ff3b30;margin:0}.revenue-section-no-data{font-size:clamp(.8rem,1.3vw,.9rem);color:#6b7280;font-style:italic;text-align:center;margin:1vw 0}.revenue-section-chart-wrapper{position:relative;height:300px;width:100%}.revenue-section-footer{font-size:clamp(.7rem,1vw,.78rem);color:#6b7280;margin-top:.5vw;margin-bottom:0}.revenue-section-note{font-size:clamp(.7rem,1vw,.78rem);color:#4b5563}.revenue-section-note strong{color:#1f2937}@media (max-width: 1024px){.revenue-section-card{width:92%;max-width:1000px}.revenue-section-chart-wrapper{height:250px}}@media (max-width: 768px){.revenue-section-container{padding:1.5vw}.revenue-section-card{padding:1.5vw;width:94%}.revenue-section-title{font-size:clamp(.95rem,1.6vw,1.1rem)}.revenue-section-balance{font-size:clamp(1.3rem,2vw,1.6rem)}.revenue-section-no-data{font-size:clamp(.75rem,1.2vw,.85rem)}.revenue-section-footer,.revenue-section-note{font-size:clamp(.65rem,.9vw,.75rem)}.revenue-section-chart-wrapper{height:200px}}@media (max-width: 480px){.revenue-section-container{padding:1vw}.revenue-section-card{padding:1vw;width:96%}.revenue-section-title{font-size:clamp(.9rem,1.4vw,1rem)}.revenue-section-balance{font-size:clamp(1.2rem,1.8vw,1.4rem)}.revenue-section-no-data{font-size:clamp(.7rem,1vw,.8rem)}.revenue-section-footer,.revenue-section-note{font-size:clamp(.6rem,.8vw,.7rem)}.revenue-section-chart-wrapper{height:180px}}.compliance-submitted-message{text-align:center;padding:40px 20px;background:#e8f5e9;border-radius:12px;border:1px solid #4caf50}.compliance-submitted-message h2{color:#2e7d32;margin-bottom:20px}.compliance-submitted-message p{color:#333;margin-bottom:15px;font-size:16px}.compliance-back-btn{background:#2e7d32;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s ease}.compliance-back-btn:hover{background:#1b5e20}.compliance-section{padding:2vw;background-color:#fff;max-height:calc(100vh - 70px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.compliance-section-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:12px;padding:2vw;width:90%;max-width:1400px;min-width:300px;margin:0 auto;box-shadow:0 4px 12px #0000000f;transition:box-shadow .3s ease;flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.compliance-section-card .accordion{margin-top:1vw;width:100%}.compliance-section-title{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;text-align:center;color:#1f2937;margin-bottom:2vw;letter-spacing:-.5px}.compliance-section-form{display:flex;flex-direction:column;gap:1.5vw;flex-grow:1;overflow-y:auto;padding-bottom:4vw;min-height:0}.compliance-section-step{display:flex;flex-direction:column;gap:1vw}.compliance-step-title{font-size:clamp(1.1rem,1.8vw,1.375rem);font-weight:600;color:#1f2937;margin-bottom:.5vw;display:flex;align-items:center;gap:.5vw}.compliance-step-number{display:inline-flex;align-items:center;justify-content:center;width:clamp(24px,2vw,30px);height:clamp(24px,2vw,30px);background:#ff3b30;color:#fff;font-size:clamp(.8rem,1.3vw,1rem);font-weight:600;border-radius:50%}.compliance-step-description{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;margin-bottom:.8vw;line-height:1.6}.compliance-step-divider{border:0;border-top:1px solid #e5e7eb;margin:1vw 0}.compliance-tax-guide{font-size:clamp(.75rem,1.2vw,.875rem);color:#4b5563;margin-bottom:.8vw;padding-left:1vw}.compliance-tax-guide li{margin-bottom:.3vw}.compliance-tax-checkboxes{display:flex;flex-direction:column;gap:.6vw}.compliance-tax-option{display:flex;align-items:center;gap:.5vw}.compliance-tax-option input[type=checkbox]{width:18px;height:18px;accent-color:#ff3b30;cursor:pointer}.compliance-tax-option label{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;cursor:pointer;display:flex;align-items:center;gap:.3vw}.compliance-tax-option label a{color:#ff3b30;text-decoration:underline;transition:color .3s ease}.compliance-tax-option label a:hover{color:#d32f2f}.compliance-form-description{font-size:clamp(.7rem,1vw,.8rem);color:#6b7280}.compliance-file-input,.compliance-signature-input,.compliance-otp-input{width:100%;padding:.5vw;font-size:clamp(.8rem,1.3vw,.9rem);border:1px solid #e5e7eb;border-radius:6px;background:#fff;transition:all .3s ease;color:#4b5563}.compliance-file-input:focus,.compliance-signature-input:focus,.compliance-otp-input:focus{border-color:#ff3b30;box-shadow:0 0 6px #ff3b3033;outline:none}.compliance-file-upload-container{position:relative}.compliance-uploaded-file{display:flex;align-items:center;gap:.5vw;margin-top:.5vw}.compliance-uploaded-file p{margin:0;font-size:clamp(.75rem,1.2vw,.875rem);color:#4b5563}.compliance-remove-file{cursor:pointer;color:#c62828;font-size:clamp(.8rem,1.3vw,.9rem);font-weight:700}.compliance-remove-file:hover{color:#b91c1c}.compliance-agreement-text{background:#f8f9fa;padding:1vw;border-radius:8px;border:1px solid #e5e7eb;max-height:400px;overflow-y:auto}.compliance-agreement-text h3{font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;color:#1f2937;margin-bottom:.8vw}.compliance-agreement-meta{font-size:clamp(.75rem,1.2vw,.875rem);color:#6b7280;margin-bottom:.5vw}.compliance-agreement-section{margin-bottom:.8vw}.compliance-agreement-section h4{font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;color:#4b5563;margin-bottom:.3vw}.compliance-agreement-section p{font-size:clamp(.75rem,1.2vw,.875rem);color:#4b5563;line-height:1.6}.compliance-signature-section{display:flex;flex-direction:column;gap:.8vw}.compliance-signature-section p{font-size:clamp(.8rem,1.3vw,.9rem);color:#4b5563;margin:0}.compliance-otp-section{display:flex;flex-direction:column;gap:.5vw}.compliance-otp-input{max-width:200px;text-align:center}.compliance-verify-otp-btn,.compliance-resend-otp-btn,.compliance-sign-btn,.compliance-section-submit{display:inline-flex;justify-content:center;align-items:center;padding:clamp(6px,1vw,8px) clamp(12px,2vw,16px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:120px}.compliance-sign-btn{display:inline-flex;justify-content:center;align-items:center;padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.8rem,1.3vw,.9rem);font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:100px;width:fit-content;align-self:flex-start}.compliance-verify-otp-btn,.compliance-resend-otp-btn,.compliance-sign-btn,.compliance-section-submit{background:linear-gradient(145deg,#ff3b30,#d32f2f);color:#fff;border:none}.compliance-verify-otp-btn:hover:not(:disabled),.compliance-resend-otp-btn:hover:not(:disabled),.compliance-sign-btn:hover:not(:disabled),.compliance-section-submit:hover:not(:disabled){background:linear-gradient(145deg,#d32f2f,#b71c1c);box-shadow:0 4px 12px #ff3b304d}.compliance-verify-otp-btn:disabled,.compliance-resend-otp-btn:disabled,.compliance-sign-btn:disabled,.compliance-section-submit:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.compliance-verify-otp-btn:after,.compliance-resend-otp-btn:after,.compliance-sign-btn:after,.compliance-section-submit:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,59,48,.2) 10%,transparent 10.01%);background-size:0;background-position:center;border-radius:8px;pointer-events:none;transition:background-size .3s ease}.compliance-verify-otp-btn:active:after,.compliance-resend-otp-btn:active:after,.compliance-sign-btn:active:after,.compliance-section-submit:active:after{background-size:1000%}.compliance-section-buttons{display:flex;justify-content:center;gap:.8vw;margin-top:1vw;margin-bottom:1vw}@media (max-width: 1024px){.compliance-section-card{width:92%;max-width:1000px}}@media (max-width: 768px){.compliance-section{padding:1.5vw}.compliance-section-card{padding:1.5vw;width:94%}.compliance-section-title{font-size:clamp(1.25rem,2vw,1.75rem)}.compliance-step-title{font-size:clamp(1rem,1.6vw,1.25rem)}.compliance-step-number{width:clamp(20px,1.8vw,25px);height:clamp(20px,1.8vw,25px);font-size:clamp(.75rem,1.2vw,.875rem)}.compliance-step-description,.compliance-file-input,.compliance-signature-input,.compliance-otp-input,.compliance-tax-option label,.compliance-agreement-text h3,.compliance-agreement-section h4,.compliance-agreement-section p,.compliance-tax-guide,.compliance-form-description{font-size:clamp(.75rem,1.2vw,.85rem)}.compliance-agreement-text{padding:.8vw;max-height:250px}.compliance-verify-otp-btn,.compliance-resend-otp-btn,.compliance-sign-btn,.compliance-section-submit{padding:clamp(5px,.8vw,7px) clamp(10px,1.5vw,14px);font-size:clamp(.75rem,1.2vw,.85rem)}.compliance-section-buttons{flex-direction:column;gap:.5vw;align-items:center;margin-top:.5vw}}@media (max-width: 480px){.compliance-section{padding:1vw}.compliance-section-card{padding:1vw;width:96%}.compliance-section-title{font-size:clamp(1rem,1.8vw,1.5rem)}.compliance-step-title{font-size:clamp(.9rem,1.4vw,1.125rem)}.compliance-step-number{width:clamp(18px,1.6vw,22px);height:clamp(18px,1.6vw,22px);font-size:clamp(.7rem,1vw,.8rem)}.compliance-step-description,.compliance-file-input,.compliance-signature-input,.compliance-otp-input,.compliance-tax-option label,.compliance-agreement-text h3,.compliance-agreement-section h4,.compliance-agreement-section p,.compliance-tax-guide,.compliance-form-description{font-size:clamp(.7rem,1vw,.8rem)}.compliance-otp-input{max-width:100%}.compliance-section-buttons{flex-direction:column;gap:.4vw;align-items:center;margin-top:.3vw}.compliance-verify-otp-btn,.compliance-resend-otp-btn,.compliance-sign-btn,.compliance-section-submit{padding:clamp(4px,.7vw,6px) clamp(8px,1.2vw,12px);font-size:clamp(.7rem,1vw,.8rem);min-width:100px}}