nav{padding:10px 2%;justify-content:space-between;box-shadow:0 0 10px #0003;background:#fff;position:sticky;top:0;z-index:1001}.auth-section{margin-right:20px;gap:10px}.sign-in-btn,.nav-right .subscribe-btn{border:none;padding:8px 16px;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;margin-right:10px;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026}.sign-in-btn{background-color:#065fd4;color:#fff;border:1px solid #065fd4}.sign-in-btn:hover{background-color:#0448a0;transform:translateY(-1px)}.nav-right .subscribe-btn{background:#cc0000;color:#fff;border:1px solid #cc0000}.nav-right .subscribe-btn:hover{background:#a00000;transform:translateY(-1px)}.nav-right .subscribe-btn:disabled{background:#999;cursor:not-allowed;transform:none;border-color:#999}.nav-right img{width:30px;margin-right:15px;transition:transform .2s ease}.nav-right img:hover{transform:scale(1.1)}.nav-left .menu-icon{width:22px;margin-right:25px}.nav-left .logo{width:100px;margin-right:15px}.nav-middle .search-box{border:1px solid #ccc;margin-right:15px;padding:12px 18px;border-radius:30px;transition:border-color .2s ease}.nav-middle .search-box:focus-within{border-color:#065fd4}.nav-middle .search-box input{width:500px;border:0;outline:0;background:transparent;font-size:16px}.nav-middle .search-box img{width:20px}@media (max-width: 768px){.menu-icon,.nav-right img{display:none}.logo{width:90px}.nav-middle .mic-icon{display:none}.nav-middle .search-box input{width:100px}.nav-right{flex-direction:column;gap:8px;align-items:center;min-width:120px}.nav-right .subscribe-btn,.sign-in-btn{padding:8px 12px;font-size:11px;border-radius:25px;white-space:nowrap;min-width:80px;text-align:center;font-weight:500;transition:all .2s ease;margin:0;display:block;width:100%;max-width:120px;border:none;box-shadow:0 2px 8px #00000026;overflow:hidden;text-overflow:ellipsis}.nav-right .subscribe-btn{padding:10px 12px}.sign-in-btn{background:#065fd4;color:#fff;border:1px solid #065fd4;margin-top:4px}}@media (max-width: 480px){.nav-right .subscribe-btn,.sign-in-btn{padding:6px 10px;font-size:10px;max-width:110px;min-width:70px}.nav-right{min-width:110px}}@media (min-width: 769px){.nav-right{flex-direction:row;gap:10px;align-items:center;min-width:auto}.nav-right .subscribe-btn,.sign-in-btn{padding:8px 16px;font-size:14px;border-radius:25px;white-space:nowrap;margin-right:10px;display:inline-flex;width:auto;max-width:none}}.loading-spinner-navbar{border:3px solid #f3f3f3;border-top:3px solid #065fd4;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-right:20px}.user-profile-container{position:relative;cursor:pointer}.user-profile{border-radius:50%;width:35px;height:35px;object-fit:cover;transition:transform .2s ease}.user-profile:hover{transform:scale(1.1)}.user-dropdown{position:absolute;top:45px;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;width:220px;padding:12px 0;display:none;flex-direction:column;z-index:1000;margin-top:4px}.user-dropdown.open{display:flex}.user-profile-container:hover .user-dropdown,.user-profile-container:focus-within .user-dropdown{display:flex}.user-dropdown p{margin:0 0 8px;font-size:14px;padding:0 16px;color:#333}.user-dropdown hr{margin:8px 0;border:0;border-top:1px solid #e0e0e0}.user-dropdown a,.user-dropdown button{text-decoration:none;color:#333;padding:10px 16px;border-radius:0;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.user-dropdown a:hover,.user-dropdown button:hover{background-color:#f8f9fa}.user-dropdown .delete-account-btn{color:#dc3545;font-weight:500}.user-dropdown .delete-account-btn:hover{background-color:#f8d7da;color:#721c24}.nav-right{align-items:center;gap:8px}.privacy-link{font-size:18px;padding:8px;margin-right:8px;text-decoration:none;border-radius:50%;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;background:rgba(63,81,181,.1)}.privacy-link:hover{background:rgba(63,81,181,.2);transform:scale(1.1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:white;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.modal-header h2{margin:0;color:#1a1a1a;font-size:20px;font-weight:600}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-body p{margin:0 0 20px;color:#666;font-size:14px;line-height:1.5}.email-input-group{margin-bottom:16px}.email-input-group input{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.email-input-group input:focus{border-color:#065fd4}.email-input-group input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.message{padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f1b0b7}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn{background:transparent;border:1px solid #ccc;color:#666;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.cancel-btn:hover{background:#f5f5f5;border-color:#999}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.subscribe-modal-btn{background:#ff0000;border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;min-width:140px}.subscribe-modal-btn:hover{background:#cc0000}.subscribe-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.modal-content{margin:20px;width:calc(100% - 40px)}.modal-header{padding:20px 20px 12px}.modal-body{padding:20px}.modal-actions{flex-direction:column-reverse}.cancel-btn,.subscribe-modal-btn{width:100%;padding:12px}}.site-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto;padding:25px 0;color:#6c757d;font-size:14px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px;text-align:center}.footer-logo-section{display:flex;align-items:center;justify-content:center}.footer-logo{width:50px;height:auto}.footer-links-section{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.footer-links-section a{color:#6c757d;text-decoration:none;transition:color .2s ease;white-space:nowrap}.footer-links-section a:hover{color:#3f51b5;text-decoration:underline}.footer-copyright{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px}.footer-copyright p{margin:0;color:#6c757d;white-space:nowrap;text-align:center}@media (max-width: 768px){.footer-content{flex-direction:column;gap:15px;text-align:center}.footer-links-section{gap:20px;justify-content:center}.site-footer{padding:10px 0}.footer-container{padding:0 15px}}.feed{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;margin-top:15px}.card{background:#fff;border-radius:5px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s;cursor:pointer;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:5px 5px 0 0}.card h2{font-size:16px;font-weight:600;color:#000;margin:10px 8px 0}.card h3{font-size:14px;font-weight:600;color:#555;margin:6px 8px 0}.card p{font-size:14px;margin:6px 8px 10px}@media (max-width: 900px){.feed{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.feed{grid-template-columns:1fr}}body{overflow-x:hidden!important;width:100%!important;margin:0!important;padding:0!important}.container{background:transparent;padding-top:10px;padding-bottom:10px;overflow-x:hidden!important;width:100%!important;max-width:100%!important}@media (max-width: 900px){.large-container,.container{padding-left:5%;padding-right:5%}}.user-flow-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:-10px -20px 20px;padding:15px 20px;color:#fff;text-align:center;min-height:80px;max-height:100px}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px;cursor:pointer;transition:all .3s ease;justify-content:flex-start}.step-number{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-bottom:6px;transition:all .3s ease}.step-label{margin:0;font-size:1rem;font-weight:600;color:#fff}.step-content h3{margin:0 0 2px;font-size:1rem;font-weight:600;color:#fff}.step-content p{margin:0;font-size:.8rem;opacity:.9;line-height:1.1}@media (max-width: 768px){.user-flow-section .flow-steps{flex-direction:row!important;gap:8px;justify-content:space-evenly!important;flex-wrap:nowrap;width:100%;padding:0 10px}.user-flow-section .flow-arrow{display:none!important}.user-flow-section .flow-step{min-width:auto;flex-direction:column;gap:2px;flex:1;max-width:none;align-items:center}.user-flow-section .step-number{width:32px!important;height:32px!important;font-size:1rem!important;margin-bottom:4px!important}.user-flow-section .step-content h3{font-size:.8rem!important;margin:0!important;line-height:1.2;text-align:center}.user-flow-section .step-content p{display:none!important}.user-flow-section{padding:10px 12px;min-height:70px!important;max-height:90px!important;margin:-10px 0 20px!important;border-radius:0!important;width:100vw!important;position:relative!important;left:50%!important;transform:translate(-50%)!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.container{padding-left:0!important;padding-right:0!important;margin:0!important;width:100vw!important;position:relative!important;left:50%!important;transform:translate(-50%)!important}.video-card,.video-item,.video-container{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}}@media (max-width: 480px){.user-flow-section .flow-steps{gap:4px;justify-content:space-evenly!important;padding:0 8px}.user-flow-section .flow-arrow{display:none!important}.user-flow-section .step-number{width:28px!important;height:28px!important;font-size:.9rem!important}.user-flow-section .step-content h3{font-size:.7rem!important}.user-flow-section{padding:8px 10px;min-height:65px!important;max-height:85px!important;margin:-10px 0 20px!important;border-radius:0!important;width:100vw!important;position:relative!important;left:50%!important;transform:translate(-50%)!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important}.container{padding-left:0!important;padding-right:0!important;margin:0!important;width:100vw!important;position:relative!important;left:50%!important;transform:translate(-50%)!important}.video-card,.video-item,.video-container{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}}.play-video video{pointer-events:auto!important;-webkit-user-select:none;user-select:none}.play-video video::-webkit-media-controls{display:flex!important}.play-video video::-webkit-media-controls-panel{display:flex!important}.play-video video::-webkit-media-controls-play-button{display:flex!important}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;background-color:#0000004d;z-index:1000;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.crop-selection{position:absolute;border:2px solid #ff0000;background-color:#ffffff1a;box-shadow:0 0 0 9999px #00000080;pointer-events:none;z-index:1001}.crop-selection:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(255,255,255,.5);pointer-events:none}.crop-controls{display:flex;gap:10px;margin-bottom:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #dee2e6;align-items:center;flex-wrap:wrap}.crop-controls button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:all .2s ease}.crop-controls button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.crop-controls button:active{transform:translateY(0)}.crop-info{display:flex;align-items:center;gap:10px;font-size:14px;color:#6c757d;margin-left:auto}.crop-info span{background:rgba(0,0,0,.05);padding:4px 8px;border-radius:4px;font-family:monospace}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){video::-webkit-media-controls-fullscreen-button,video::-internal-media-controls-overlay-cast-button,video::-webkit-media-controls-enclosure{display:none!important}video[playsinline],video[webkit-playsinline=true]{height:320px!important;max-height:320px!important;object-fit:contain!important}.play-video .video-container,.play-video video{max-width:100%!important;height:320px!important;width:100%!important;position:relative!important;z-index:1!important}.play-video video{-webkit-presentation-mode:inline!important;presentation-mode:inline!important;-webkit-playsinline:true!important;playsinline:true!important}.play-video .video-container{min-height:320px!important;overflow:hidden!important}html,body{overflow-x:hidden!important;position:relative!important}.play-video.crop-mode-active,.play-video.crop-mode-active .video-container{touch-action:none!important}}@media (max-width: 768px){.play-video .video-container{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;margin-bottom:0!important;min-height:320px!important;position:relative!important;z-index:1!important;transform:none!important;-webkit-transform:none!important}.play-video .crop-overlay{touch-action:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.play-video .crop-overlay button{touch-action:manipulation!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;z-index:20!important;position:relative!important}.play-video .crop-overlay>div:last-child{z-index:20!important;position:relative!important}.play-video .video-container{touch-action:none!important;-webkit-overflow-scrolling:touch;overscroll-behavior:none}.play-video .crop-area{touch-action:none!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.play-video .crop-area .resize-handle{width:20px!important;height:20px!important;background-color:#007bff!important;border:2px solid white!important;box-shadow:0 2px 4px #0000004d!important;touch-action:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.play-video .crop-area .resize-handle{z-index:10!important}.play-video .crop-area>div[style*="top: -5px"][style*="left: -5px"]{top:-10px!important;left:-10px!important}.play-video .crop-area>div[style*="top: -5px"][style*="right: -5px"]{top:-10px!important;right:-10px!important}.play-video .crop-area>div[style*="bottom: -5px"][style*="left: -5px"]{bottom:-10px!important;left:-10px!important}.play-video .crop-area>div[style*="bottom: -5px"][style*="right: -5px"]{bottom:-10px!important;right:-10px!important}.play-video video{border-radius:12px;touch-action:manipulation}.play-video video::-webkit-media-controls{background:rgba(0,0,0,.7);border-radius:0 0 12px 12px}.play-video video::-webkit-media-controls-panel{padding:8px}.play-video button,.play-video .btn{min-height:44px;min-width:44px;padding:12px 16px;font-size:16px;border-radius:8px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.play-video{padding:0!important}.screenmerch-actions{margin-bottom:0!important}.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin:15px 0}.screenshot-item{aspect-ratio:16/9;border-radius:8px;cursor:pointer;transition:transform .2s ease;min-height:80px;touch-action:manipulation}.screenshot-item:hover{transform:scale(1.05)}.screenshot-item.selected{border:3px solid #4CAF50;box-shadow:0 0 10px #4caf504d}.crop-tool{padding:15px;border-radius:12px;margin:15px 0}.crop-tool button{margin:5px;font-size:14px}.crop-controls{flex-direction:column;align-items:stretch;gap:8px}.crop-controls button{width:100%;padding:12px;font-size:16px}.crop-info{margin-left:0;justify-content:center;flex-wrap:wrap}.make-merch-btn{width:100%;padding:16px;font-size:16px;border-radius:12px;margin-top:20px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;cursor:pointer;transition:all .3s ease;touch-action:manipulation;font-weight:600;box-shadow:0 4px 12px #667eea4d}.make-merch-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.make-merch-btn:active{transform:translateY(0)}.flow-steps{gap:8px;padding:0 10px}.flow-step{min-width:100px;padding:8px 4px}.step-number{width:36px;height:36px;font-size:14px}.user-flow-section{margin:-10px -10px 20px;padding:15px 10px;border-radius:0}}@media (max-width: 480px){.play-video .video-container,.play-video video{height:280px!important;max-height:280px!important}.screenshots-grid{grid-template-columns:1fr;gap:10px}.flow-steps{gap:4px}.flow-step{min-width:80px}.step-number{width:32px;height:32px;font-size:12px}.make-merch-btn{padding:14px;font-size:15px}}.user-flow-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:-24px -24px 20px;padding:20px;color:#fff;text-align:center;border-radius:16px 16px 0 0}.clickable-step{cursor:pointer;position:relative}.clickable-step:hover{transform:translateY(-3px)}.clickable-step:hover .step-number{background:rgba(255,255,255,.4);transform:scale(1.15);box-shadow:0 4px 8px #0003}.clickable-step:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:2px;background:rgba(255,255,255,.8);transition:width .3s ease}.clickable-step:hover:after{width:80%}.play-video{width:100%;max-width:720px;margin:0 auto;padding:24px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid #e9ecef;position:relative}.play-video video{width:100%!important;max-width:640px!important;height:360px!important;object-fit:contain!important;aspect-ratio:16/9;border-radius:12px;box-shadow:0 8px 24px #0000001f;border:1px solid #e0e0e0;background:transparent;display:block!important;margin:0 auto;pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.play-video video{background:transparent!important;background-color:transparent!important;padding:0!important;margin:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}@media (max-width: 768px){.play-video video{height:320px!important}}.play-video .video-container{background:white!important;border-radius:8px;padding:0!important;margin:0!important;width:100%!important;height:100%!important;min-height:400px!important}@media (max-width: 768px){.play-video .video-container{min-height:320px!important;height:320px!important}}.play-video .video-container>div{padding:0!important;margin:0!important;width:100%!important;height:100%!important}.crop-tool-btn{position:absolute!important;top:10px!important;left:10px!important;z-index:1000!important;background:rgba(255,255,255,.95)!important;color:#000!important;border:2px solid rgba(0,0,0,.2)!important;border-radius:4px!important;padding:8px!important;cursor:pointer!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;min-height:32px!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;transition:all .2s ease!important;visibility:visible!important;opacity:1!important;box-shadow:0 2px 8px #0000001a!important}.crop-tool-btn:hover{background:rgba(255,255,255,1)!important;transform:scale(1.05)!important}.notification{animation:slideIn .3s ease-out}.play-video .video-container{width:100%;max-width:640px;height:360px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;overflow:hidden}@media (max-width: 768px){.play-video .video-container{height:320px!important}}.play-video iframe{width:100%;height:37vw}.play-video h3{margin-top:10px;font-weight:600;font-size:22px}.play-video .play-video-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:10px;font-size:14px;color:#5a5a5a}.play-video .play-video-info span img{width:20px;margin-right:8px}.play-video .play-video-info span{display:inline-flex;align-items:center;margin-left:15px}.play-video hr{border:0;height:1px;background:#ccc;margin:10px 0}.publisher{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.publisher div{flex:1;line-height:18px}.publisher img{width:40px;border-radius:50%;margin-right:15px}.publisher div p{color:#000;font-weight:600;font-size:18px}.publisher div span{font-size:13px;color:#5a5a5a}.publisher button{background:red;color:#fff;padding:8px 30px;border:0;outline:0;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.publisher button:hover{background:#cc0000}.vid-description{padding-left:55px;margin:15px 0}.vid-description p{font-size:14px;margin-bottom:5px;color:#5a5a5a}.vid-description h4{font-size:14px;color:#5a5a5a;margin-top:15px}.comment{display:flex;align-items:flex-start;margin:20px 0}.comment img{width:35px;border-radius:50%;margin-right:15px}.comment h3{font-size:14px;margin-bottom:2px}.comment h3 span{font-size:12px;color:#5a5a5a;font-weight:500;margin-left:8px}.comment .comment-action{display:flex;align-items:center;margin:8px 0;font-size:14px}.comment .comment-action img{border-radius:0;width:20px;margin-right:5px}.comment .comment-action span{margin-right:20px;color:#5a5a5a}@media (max-width: 900px){.play-video{flex-basis:100%}.play-video iframe{width:100%;height:50vw}.vid-description{padding-left:0}.play-video .play-video-info span{margin-left:0;margin-right:15px;margin-top:15px}.publisher{flex-direction:column;align-items:flex-start;gap:15px}}.screenmerch-actions{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.screenmerch-btn{flex:1 1 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 24px;border:0;outline:0;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;margin:0;box-shadow:0 4px 12px #667eea4d}.screenmerch-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.screenmerch-images{display:flex;flex-wrap:wrap;gap:32px;margin:24px 0;justify-content:flex-start}.screenmerch-images>div{flex:1 1 180px;max-width:180px;min-width:140px;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.screenmerch-preview{width:120px;height:80px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-top:8px;display:block;max-width:100%;max-height:100%}.screenmerch-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:80px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:6px;color:#6c757d;font-size:.75rem;font-weight:500;transition:all .2s ease;margin-top:auto}.screenmerch-placeholder:hover{background:#e9ecef;border-color:#adb5bd;color:#495057}.screenmerch-images-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:12px;width:100%;max-width:100%;box-sizing:border-box;padding:0}.screenmerch-image-box{display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease;min-height:140px;max-height:160px;overflow:hidden;border:2px dashed #e0e0e0}.screenmerch-image-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.screenmerch-image-box h4{font-size:.9rem;margin:0 0 8px;font-weight:600;color:#333}.screenmerch-col{display:contents}.screenmerch-sidebar{flex:1;min-width:260px;max-width:340px;padding-left:16px;padding-right:8px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start}@media (max-width: 900px){.play-container{flex-direction:column;padding-left:5%;padding-right:5%}.main-video-col,.screenmerch-sidebar{max-width:100%;min-width:0;padding-left:0;padding-right:0}.screenmerch-sidebar{margin-top:16px;padding-top:0}}.screenmerch-img-wrapper{position:relative;display:inline-block}.screenmerch-buttons{position:absolute;top:2px;right:2px;display:flex;gap:4px;z-index:2}.screenmerch-crop-btn{background:rgba(255,255,255,.8);border:none;color:#007bff;font-size:14px;border-radius:50%;width:22px;height:22px;line-height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.screenmerch-crop-btn:hover{background:#e3f2fd}.screenmerch-delete-btn{background:rgba(255,255,255,.8);border:none;color:#c00;font-size:18px;font-weight:700;border-radius:50%;width:22px;height:22px;line-height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.screenmerch-delete-btn:hover{background:#ffeaea}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-modal{background:white;border-radius:15px;box-shadow:0 20px 40px #0000004d;width:90%;max-width:400px;padding:0;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:25px 30px 20px;border-radius:15px 15px 0 0;text-align:center;position:relative}.auth-logo{font-size:2.5rem;margin-bottom:10px}.auth-modal-header h2{margin:0;font-size:1.5rem;font-weight:600}.auth-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.auth-close-btn:hover{background:rgba(255,255,255,.2)}.auth-message{background:#e3f2fd;border:1px solid #2196f3;color:#1976d2;padding:15px 30px;margin:0;font-size:.9rem;text-align:center}.auth-form{padding:30px}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.auth-submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;gap:10px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-toggle{padding:0 30px 20px;text-align:center;color:#666;font-size:14px}.auth-toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-size:14px;margin-left:5px}.auth-toggle-btn:hover{color:#5a6fd8}.auth-message-display{margin:0 30px 20px;padding:10px 15px;border-radius:5px;font-size:14px;text-align:center}.auth-message-display.success{background:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.auth-message-display.error{background:#ffebee;border:1px solid #f44336;color:#c62828}@media (max-width: 480px){.auth-modal{width:95%;margin:20px}.auth-modal-header{padding:20px 20px 15px}.auth-form{padding:20px}.auth-toggle{padding:0 20px 15px}.auth-message-display{margin:0 20px 15px}}.recommended{flex-basis:30%}.side-video-list{display:flex;justify-content:space-between;margin-bottom:8px}.side-video-list img{width:100%}.side-video-list .small-thumbnail,.side-video-list .vid-info{flex-basis:49%}.side-video-list .vid-info h4{font-size:13px;margin-bottom:5px}.recommended p{font-size:14px;font-weight:500}.recommended .recommended-views{font-size:12px;font-weight:400}@media (max-width: 900px){.recommended{flex-basis:100%}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.user-flow-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin:-10px -20px 20px;padding:20px;color:#fff;text-align:center}.flow-steps{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:12px;max-width:800px;margin:0 auto}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px;cursor:pointer;transition:all .3s ease}.flow-step:hover{transform:translateY(-2px)}.step-number{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;margin-bottom:6px;transition:all .3s ease}.flow-step:hover .step-number{background:rgba(255,255,255,.3);transform:scale(1.1)}.step-content h3{margin:0 0 3px;font-size:.9rem;font-weight:600;color:#fff}.step-content p{margin:0;font-size:.7rem;opacity:.9;line-height:1.1}.flow-arrow{font-size:1.3rem;color:#ffffffb3;font-weight:700;margin:0 6px}.video-page-container{background:#f9f9f9;padding-top:10px;padding-bottom:10px}.main-container{display:flex;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px;align-items:flex-start;min-height:100vh}.video-viewer{flex:2;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.screenshots-section{flex:1;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;max-height:600px;overflow-y:auto}.screenshots-section h3{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:600}.play-container{background:#f9f9f9;padding:20px 2%;display:flex;justify-content:space-between;flex-wrap:wrap}.main-video-col{flex:2;min-width:400px;max-width:720px}.screenmerch-sidebar{flex:1;min-width:260px;max-width:340px;padding-left:24px;padding-right:8px;overflow-y:auto}@media (max-width: 768px){.main-container{flex-direction:column;padding:0 10px;gap:15px;align-items:stretch;min-height:100vh}.video-viewer{order:1;flex:none;min-height:0}.video-viewer .play-video{padding:0;margin:0}.video-viewer{padding:0;margin:0;min-height:auto;height:auto}.video-viewer .video-container{width:100vw;margin-left:calc(-50vw + 50%);max-width:none;padding:0;margin-top:0;margin-bottom:0}.video-viewer .video-container>div{width:100%;max-width:none}.video-viewer .video-container video{width:100%;height:56.25vw;max-height:50vh;border-radius:0;object-fit:cover;-webkit-playsinline:true;playsinline:true;-webkit-presentation-mode:inline;presentation-mode:inline;position:relative!important;z-index:1!important;transform:none!important;-webkit-transform:none!important}.video-viewer .video-container video::-webkit-media-controls-fullscreen-button,.video-viewer .video-container video::-internal-media-controls-overlay-cast-button,.video-viewer .video-container video::-webkit-media-controls-enclosure{display:none!important}.video-viewer .screenmerch-actions{margin:0 10px!important;gap:10px}.video-viewer .screenmerch-actions button{padding:10px 20px;font-size:14px}.video-viewer h3{margin-top:5px;margin-bottom:5px;font-size:20px}.video-viewer .vid-description{margin-bottom:5px;padding:3px 0}.video-viewer .vid-description p{font-size:13px;margin-bottom:3px}.video-viewer .play-video-info{margin-bottom:3px}.video-viewer .play-video-info p{font-size:12px}.video-viewer hr{margin:3px 0}.video-viewer .publisher{margin-top:5px}.screenshots-section{order:2;max-height:none;padding:15px;flex:none;min-height:0}.screenshots-section h3{font-size:1.1rem;margin-bottom:12px}.flow-steps{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg);margin:4px 0}.flow-step{min-width:110px}.user-flow-section{margin:-10px -10px 20px;padding:15px 10px}.flow-step,.screenshot-item{min-height:44px;touch-action:manipulation}.flow-step:hover{transform:translateY(-1px)}.play-container{padding:10px;flex-direction:column}.main-video-col{min-width:auto;max-width:100%;margin-bottom:15px}.screenmerch-sidebar{min-width:auto;max-width:100%;padding:15px}.screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.screenshot-item{aspect-ratio:16/9;border-radius:8px;cursor:pointer;transition:transform .2s ease}.screenshot-item:hover{transform:scale(1.05)}.screenshot-item.selected{border:3px solid #4CAF50;box-shadow:0 0 10px #4caf504d}.make-merch-btn{width:100%;padding:15px;font-size:16px;border-radius:8px;margin-top:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;cursor:pointer;transition:all .3s ease;touch-action:manipulation}.make-merch-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.make-merch-btn:active{transform:translateY(0)}}@media (max-width: 480px){.main-container{padding:0 8px;gap:12px}.screenshots-section{padding:12px}.screenshots-grid{grid-template-columns:1fr;gap:8px}.user-flow-section{padding:12px 8px}.flow-step{min-width:100px}.step-number{width:28px;height:28px;font-size:.9rem}.step-content h3{font-size:.8rem}.step-content p{font-size:.6rem}}@media (max-width: 768px){.main-container{padding:0 10px}}.uploader-info{display:flex;align-items:center;background-color:#f5f5f5;padding:1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e0e0e0}.uploader-info img{width:40px;height:40px;border-radius:50%;margin-right:1rem}.uploader-info p{margin:0;font-size:1rem;color:#333}.upload-btn{width:100%;padding:12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.upload-btn:disabled{background-color:#ccc;cursor:not-allowed}.upload-btn:hover:not(:disabled){background-color:#45a049}.upload-message{margin-bottom:1rem;padding:12px;border-radius:4px;text-align:center}.upload-message.success{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4CAF50}.upload-message.error{background-color:#ffeaea;color:#d32f2f;border:1px solid #f44336}.sign-in-btn{background-color:#065fd4;color:#fff;padding:10px 20px;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.profile-page{background:#fff;min-height:100vh;padding-left:17%;padding-right:2%;padding-top:20px;position:relative}.third-tier-profile{padding-left:17%;padding-right:2%}.profile-flex-row{display:flex;flex-direction:row;align-items:flex-start}.profile-flex-row .profile-content{padding-left:24px}.profile-content{flex:1 1 0%;min-width:0;padding-top:0;margin-top:0}.profile-banner img{width:100%;height:180px;object-fit:cover;border-radius:8px}.profile-header,.profile-username,.profile-description,.profile-avatar{display:none!important}.profile-header h1{font-size:2.2rem;margin-bottom:8px}.tier-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-tabs{margin-bottom:24px;border-bottom:1px solid #eee}.profile-tabs span{font-size:1.1rem;font-weight:600;margin-right:32px;padding-bottom:8px;cursor:pointer;color:#222}.profile-tabs .active{border-bottom:3px solid #ed3833;color:#ed3833}.profile-videos{margin-top:0;padding-top:0}.profile-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.profile-video-card{background:#fafafa;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding-bottom:12px;display:flex;flex-direction:column;align-items:flex-start}.profile-video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px 8px 0 0}.profile-video-card h3{font-size:1.1rem;margin:12px 12px 4px;color:#222}.profile-video-card p{font-size:.95rem;margin:0 12px;color:#555}.video-grid-profile{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.video-card-profile{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.video-card-profile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.video-card-profile img{width:100%;border-radius:4px 4px 0 0}.video-info-profile{padding:.8rem}.video-info-profile h4{font-size:1rem;margin:0 0 .5rem}.video-info-profile p{font-size:.9rem;color:#555;margin:0}.subscription-info{margin-top:10px;padding:10px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.subscription-tier{margin:0 0 5px;font-size:.9rem;color:#333;font-weight:600}.revenue-share{margin:0;font-size:.85rem;color:#28a745;font-weight:500}@media (max-width: 900px){.profile-page,.third-tier-profile{padding-left:5%;padding-right:5%}.profile-header{flex-direction:column;align-items:flex-start}.profile-avatar{margin-bottom:16px;margin-right:0}.profile-description{flex-direction:column;align-items:flex-start;gap:8px}.channel-cover-photo{height:200px}.channel-info-overlay{padding:30px 16px 16px;gap:16px}.channel-avatar{width:60px;height:60px;border-width:3px}.channel-name{font-size:1.5rem}.channel-username{font-size:.9rem}.channel-bio{font-size:.85rem}.channel-name-input{font-size:1.5rem}}@media (max-width: 600px){.channel-info-overlay{flex-direction:column;align-items:center;text-align:center;padding:20px 12px 12px}.channel-avatar{width:50px;height:50px}.channel-name{font-size:1.3rem}.channel-name-input{font-size:1.3rem;text-align:center}}.channel-header{margin-bottom:30px;background:white;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #0000001a;width:100%;position:relative}.channel-cover-container{position:relative;width:100%;height:300px;overflow:hidden}.channel-cover-photo{width:100%;height:300px;object-fit:cover;display:block;position:absolute;top:0;left:0}.cover-image-container{position:relative;width:100%;height:100%;display:block}.channel-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:40px 24px 20px;display:flex;align-items:end;gap:20px;z-index:5}.channel-actions{position:absolute;bottom:20px;right:20px;z-index:100}.channel-avatar{width:80px;height:80px;border-radius:50%;border:4px solid white;object-fit:cover;box-shadow:0 2px 8px #0000004d}.channel-details{flex:1;color:#fff}.channel-name{font-size:2rem;font-weight:700;margin:0 0 4px;text-shadow:0 1px 3px rgba(0,0,0,.5);display:flex;align-items:center}.channel-username{font-size:1rem;margin:0 0 8px;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.5)}.channel-bio{font-size:.95rem;margin:0;opacity:.85;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.5)}.edit-name-btn{margin-left:8px;font-size:18px;background:none;border:none;cursor:pointer;color:#fff;opacity:.8;transition:opacity .2s}.edit-name-btn:hover{opacity:1}.channel-name-input{font-size:2rem;font-weight:700;background:transparent;border:none;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);outline:none;width:100%}.profile-info{display:none}.corner-edit-icon{position:absolute;top:16px;right:16px;background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;cursor:pointer;box-shadow:0 2px 8px #0000001f;z-index:10;transition:background .2s,color .2s}.corner-edit-icon:hover{background:#f0f0f0;color:#007bff}.channel-details{display:flex;flex-direction:column;gap:6px}.channel-name{font-size:2.2rem;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}.channel-username{font-size:1.1rem;color:#e0e0e0;margin:0}.channel-bio{font-size:1rem;color:#f5f5f5;margin:0 0 8px}.approval-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;justify-content:center;align-items:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.approval-container{background:white;border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:500px;width:100%;padding:40px;text-align:center;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-section h1{color:red;font-size:32px;font-weight:700;margin:0 0 30px;letter-spacing:-1px}.approval-content{margin-top:20px}.approval-content h2{font-size:24px;margin:20px 0 16px;color:#333;font-weight:600}.approval-content p{color:#666;line-height:1.6;margin:12px 0;font-size:16px}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #ff0000;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.approval-content.success .success-icon{width:80px;height:80px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;font-weight:700;margin:0 auto 20px;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.approval-content.success h2{color:#28a745}.approval-content.error .error-icon{width:80px;height:80px;background:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;font-weight:700;margin:0 auto 20px;animation:errorShake .6s ease-out}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.approval-content.error h2{color:#dc3545}.home-btn{display:inline-block;background:#ff0000;color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:500;font-size:16px;margin-top:30px;transition:all .3s ease;box-shadow:0 4px 15px #f003}.home-btn:hover{background:#cc0000;transform:translateY(-2px);box-shadow:0 6px 20px #ff00004d;text-decoration:none;color:#fff}@media (max-width: 480px){.approval-container{padding:30px 20px;margin:10px}.logo-section h1{font-size:28px}.approval-content h2{font-size:20px}.approval-content p{font-size:14px}.success-icon,.error-icon{width:60px;height:60px;font-size:30px}}.dashboard-container{width:100%;min-height:100vh;background-color:#f8f9fa;padding:0}.dashboard-container.large-container{margin-left:0}.dashboard-loading,.dashboard-error{display:flex;justify-content:center;align-items:center;height:50vh;font-size:1.5rem;color:#666}.channel-header{position:relative;width:100%;background:#fff;border-bottom:1px solid #e3e3e3}.channel-cover-container{position:relative;width:100%;height:300px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow:hidden}.channel-cover-photo{width:100%;height:100%;object-fit:cover}.edit-cover-section{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001}.cover-edit-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1000}.cover-edit-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1002;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0000002e;padding:36px 32px 32px;min-width:340px;min-height:180px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-edit-close-btn{position:absolute;top:16px;right:20px;background:none;border:none;font-size:28px;color:#888;cursor:pointer;z-index:1003;padding:0 8px;line-height:1;transition:color .2s}.cover-edit-close-btn:hover{color:#c00}.cover-edit-controls{background:rgba(255,255,255,.95);padding:30px;border-radius:12px;text-align:center;max-width:400px;width:90%}.cover-edit-controls h3{margin:0 0 20px;color:#333;font-size:1.3rem}.file-upload-section{width:100%;margin-bottom:15px}.file-input{display:none}.file-upload-btn{display:inline-block;width:100%;padding:15px 20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 15px #007bff4d}.file-upload-btn:hover{background:linear-gradient(135deg,#0056b3,#004494);transform:translateY(-2px);box-shadow:0 6px 20px #007bff66}.file-upload-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.edit-tip{margin:0;color:#666;font-size:.9rem;font-style:italic}.channel-info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:40px 30px 20px;color:#fff;display:flex;align-items:flex-end;gap:20px}.channel-avatar-container{flex-shrink:0}.channel-avatar{width:80px;height:80px;border-radius:50%;border:4px solid white;object-fit:cover;box-shadow:0 4px 15px #0000004d}.edit-avatar-section{display:flex;flex-direction:column;align-items:center;gap:10px}.image-edit-controls{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.channel-avatar.editing{border:3px solid rgba(255,255,255,.8);box-shadow:0 0 0 2px #007bff80}.avatar-upload-section{margin-top:10px}.avatar-upload-btn{background:rgba(255,255,255,.9);color:#333;border:none;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000001a;display:inline-block}.avatar-upload-btn:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 4px 15px #0003}.avatar-upload-btn:disabled{background:rgba(200,200,200,.9);cursor:not-allowed;transform:none}.channel-details{flex:1}.channel-name{font-size:2rem;font-weight:700;margin:0 0 5px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.channel-username{font-size:1rem;opacity:.9;margin:0 0 8px}.channel-bio{font-size:.95rem;opacity:.95;margin:0 0 10px;max-width:500px}.edit-details-section{display:flex;flex-direction:column;gap:10px;max-width:400px}.edit-input{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:rgba(255,255,255,.9)}.edit-title{font-size:1.1rem;font-weight:600}.edit-textarea{padding:8px 12px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;background:rgba(255,255,255,.9);resize:vertical;min-height:60px}.edit-controls{flex-shrink:0}.edit-btn{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.5);padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-btn:hover{background:rgba(255,255,255,.3);border-color:#fffc}.edit-buttons{display:flex;gap:10px}.save-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:500}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:500}.user-videos-section{background:white;margin:20px;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2{margin:0;color:#333;font-size:1.6rem}.upload-btn{background:#ff0000;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.upload-btn:hover{background:#cc0000}.dashboard-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dashboard-video-card{background:#f8f9fa;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.dashboard-video-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.dashboard-video-thumbnail{width:100%;height:160px;object-fit:cover}.dashboard-video-info{padding:15px;position:relative}.dashboard-video-info h4{margin:0 0 8px;font-size:1rem;color:#333;line-height:1.3}.dashboard-video-info p{margin:0 0 5px;color:#666;font-size:.9rem}.video-views{color:#999;font-size:.85rem}.delete-video-btn{position:absolute;top:8px;right:8px;background:rgba(220,53,69,.9);color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:0;transform:scale(.8);z-index:10}.dashboard-video-card:hover .delete-video-btn{opacity:1;transform:scale(1)}.delete-video-btn:hover{background:rgba(220,53,69,1);transform:scale(1.1)}.no-videos-placeholder{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:8px}.placeholder-content h3{margin:0 0 10px;color:#333;font-size:1.5rem}.placeholder-content p{margin:0 0 20px;color:#666;font-size:1rem}.primary-upload-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease}.primary-upload-btn:hover{background:#0056b3}.getting-started-section{background:white;margin:20px;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.getting-started-section h2{margin:0 0 20px;color:#333;font-size:1.6rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tip-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #007bff;transition:all .3s ease}.tip-card.clickable{cursor:pointer;border-left:4px solid #28a745;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.tip-card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74533;background:linear-gradient(135deg,#e9ecef,#dee2e6);border-left:4px solid #20c997}.tip-card h4{margin:0 0 10px;color:#333;font-size:1.1rem}.tip-card p{margin:0 0 10px;color:#666;line-height:1.5}.card-action{color:#28a745;font-weight:600;font-size:.9rem;opacity:1;transition:opacity .3s ease}.upgrade-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.upgrade-link:hover{color:#0056b3}@media (max-width: 768px){.dashboard-container{padding:0}.channel-info-overlay{flex-direction:column;align-items:center;text-align:center;padding:20px 15px}.channel-name{font-size:1.5rem}.dashboard-video-grid{grid-template-columns:1fr;gap:15px}.tips-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:15px;align-items:stretch}.user-videos-section,.getting-started-section,.quick-upload-section{margin:10px;padding:20px}.revenue-summary{flex-direction:column;gap:10px}.table-header,.table-row{grid-template-columns:1fr;gap:10px}.table-header{display:none}.table-row{display:flex;flex-direction:column;padding:20px;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px}.revenue-actions{flex-direction:column}}.quick-upload-section{background:white;margin:20px;padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000000d;text-align:center}.upload-card{max-width:900px;width:100%;margin:0 auto;padding:32px 64px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;color:#fff;display:flex;flex-direction:row;align-items:center;gap:32px;box-sizing:border-box}.upload-card.condensed{padding:20px 32px;gap:20px}.upload-card.condensed .upload-icon{font-size:2rem}.upload-card.condensed h3{font-size:1.5rem}.upload-card.condensed p{font-size:1rem}.upload-icon{font-size:3rem;margin-bottom:0}.upload-card h3,.upload-card p,.upload-card .primary-upload-btn{margin-bottom:0}.upload-card h3{font-size:2rem;font-weight:700}.upload-card p{font-size:1.1rem;opacity:.95}.upload-card .primary-upload-btn{margin-left:32px;margin-bottom:0}.cover-image-container{position:relative;width:100%;height:100%}.avatar-with-edit{position:relative;display:inline-block}.corner-edit-icon{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:32px;height:32px;font-size:16px;cursor:pointer;box-shadow:0 2px 6px #00000026;opacity:0;transition:opacity .2s;display:flex;align-items:center;justify-content:center}.cover-image-container:hover .corner-edit-icon,.avatar-with-edit:hover .corner-edit-icon{opacity:1}.corner-edit-icon:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.dashboard-tabs{display:flex;background:#fff;border-bottom:1px solid #e3e3e3;padding:0 30px;gap:0}.tab-button{padding:16px 24px;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;position:relative}.tab-button:hover{color:#007bff;background:rgba(0,123,255,.05)}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background:rgba(0,123,255,.05)}.tab-content{padding:30px}.analytics-tab{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a}.sales-analytics-section{padding:0}.analytics-summary{display:flex;gap:20px;margin-top:10px}.total-sales,.total-revenue{font-weight:600;color:#007bff}.analytics-dashboard{margin-top:30px}.analytics-overview-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.analytics-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:24px;border-radius:12px;border:1px solid #dee2e6;transition:all .3s ease}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.analytics-card h4{margin:0 0 12px;color:#495057;font-size:.95rem;font-weight:600}.analytics-amount{font-size:2rem;font-weight:700;color:#007bff;margin-bottom:8px}.analytics-change{font-size:.9rem;color:#28a745;font-weight:500}.sales-chart-section{background:#fff;padding:30px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:40px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.chart-header h3{margin:0;color:#333;font-size:1.4rem;font-weight:600}.service-fee-info{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.fee-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.fee-explanation{font-size:.75rem;color:#666;font-style:italic}.tier-calculator-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #dee2e6}.calculator-header{text-align:center;margin-bottom:20px}.calculator-header h4{margin:0 0 8px;color:#333;font-size:1.2rem;font-weight:600}.calculator-header p{margin:0;color:#666;font-size:.9rem}.tier-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.tier-card{background:white;border-radius:10px;padding:20px;border:2px solid #dee2e6;transition:all .3s ease;position:relative;overflow:hidden}.tier-card.current{border-color:#007bff;background:linear-gradient(135deg,#f8f9fa,#e3f2fd)}.tier-card.upgrade{border-color:#28a745;background:linear-gradient(135deg,#f8f9fa,#e8f5e8)}.tier-card.enterprise{border-color:#6f42c1;background:linear-gradient(135deg,#f8f9fa,#f3e5f5)}.tier-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.tier-header{text-align:center;margin-bottom:15px}.tier-header h5{margin:0 0 5px;color:#333;font-size:1.1rem;font-weight:600}.tier-fee{background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.tier-card.upgrade .tier-fee{background:#28a745}.tier-card.enterprise .tier-fee{background:#6f42c1}.tier-revenue{text-align:center;margin-bottom:15px}.revenue-amount{display:block;font-size:1.8rem;font-weight:700;color:#28a745;margin-bottom:5px}.revenue-label{font-size:.8rem;color:#666}.tier-cost{text-align:center;margin-bottom:10px}.cost-amount{display:block;font-size:1.2rem;font-weight:600;color:#dc3545;margin-bottom:3px}.cost-label{font-size:.75rem;color:#666}.tier-savings{text-align:center;background:#d4edda;border-radius:8px;padding:8px;border:1px solid #c3e6cb}.savings-amount{display:block;font-size:1.1rem;font-weight:700;color:#155724;margin-bottom:3px}.savings-label{font-size:.7rem;color:#155724}.upgrade-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.upgrade-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.chart-section{margin-bottom:30px}.chart-section h4{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.daily-chart-container{background:linear-gradient(to bottom,rgba(0,123,255,.02),transparent);border-radius:8px;padding:20px;border:1px solid #e9ecef}.daily-chart-bars{display:flex;align-items:flex-end;gap:15px;height:200px;padding:20px 0}.daily-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.daily-bar{width:100%;max-width:60px;background:linear-gradient(to top,#e9ecef,#dee2e6);border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;cursor:pointer;min-height:20px;display:flex;align-items:center;justify-content:center}.daily-bar.has-sales{background:linear-gradient(to top,#28a745,#1e7e34);box-shadow:0 4px 12px #28a7454d}.daily-bar.today{background:linear-gradient(to top,#007bff,#0056b3);box-shadow:0 4px 12px #007bff4d}.daily-bar:hover{transform:scaleY(1.05);box-shadow:0 6px 16px #0003}.daily-bar-value{color:#fff;font-weight:600;font-size:.9rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.daily-bar-label{font-size:.75rem;color:#666;font-weight:500;text-align:center;white-space:nowrap}.daily-bar-revenue{font-size:.7rem;color:#28a745;font-weight:600;text-align:center}.weekly-summary{margin-bottom:30px}.weekly-summary h4{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:10px;border:1px solid #dee2e6;text-align:center;transition:all .3s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.summary-card.highlight{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745}.summary-label{font-size:.85rem;color:#666;font-weight:500;margin-bottom:8px}.summary-value{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:5px}.summary-subtitle{font-size:.75rem;color:#666;font-style:italic}.recent-activity h4{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:600}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745;transition:all .3s ease}.activity-item:hover{background:#e9ecef;transform:translate(5px)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-details{flex:1}.activity-title{font-weight:600;color:#333;font-size:.9rem;margin-bottom:3px}.activity-subtitle{font-size:.8rem;color:#666}.activity-time{font-size:.75rem;color:#999;font-style:italic}.chart-container{position:relative;height:280px;display:flex;align-items:flex-end;gap:4px;padding:20px 0;border-bottom:2px solid #e9ecef;background:linear-gradient(to bottom,rgba(0,123,255,.02),transparent);border-radius:8px}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:200px;flex:1;position:relative}.chart-bar{flex:1;background:linear-gradient(to top,#007bff,#0056b3);border-radius:4px 4px 0 0;min-width:8px;position:relative;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a}.chart-bar.has-sales{background:linear-gradient(to top,#28a745,#1e7e34);box-shadow:0 2px 8px #28a7454d}.chart-bar.no-sales{background:linear-gradient(to top,#e9ecef,#dee2e6);opacity:.6}.chart-bar:hover{background:linear-gradient(to top,#0056b3,#004494);transform:scaleY(1.05);box-shadow:0 4px 12px #0003}.chart-bar.has-sales:hover{background:linear-gradient(to top,#1e7e34,#155724);box-shadow:0 4px 12px #28a74566}.bar-value{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;opacity:0;transition:opacity .3s ease;white-space:nowrap;z-index:10}.bar-date{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:.7rem;color:#666;opacity:0;transition:opacity .3s ease;white-space:nowrap}.chart-bar:hover .bar-value,.chart-bar:hover .bar-date{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:15px;padding:0 10px}.chart-labels span{font-size:.75rem;color:#666;font-weight:500;text-align:center;flex:1}.chart-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;z-index:5}.empty-chart-icon{font-size:3rem;margin-bottom:10px;opacity:.5}.chart-empty-state p{margin:0 0 5px;font-size:1rem;font-weight:600}.chart-empty-state small{font-size:.8rem;opacity:.7}.products-sold-chart{background:#fff;padding:30px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:40px}.products-sold-chart h3{margin:0 0 25px;color:#333;font-size:1.3rem}.products-chart-container{display:flex;flex-direction:column;gap:20px}.product-chart-item{background:#f8f9fa;border-radius:10px;padding:20px;border:1px solid #e9ecef;transition:all .3s ease}.product-chart-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#007bff}.product-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.product-name{font-weight:600;color:#333;font-size:1.1rem}.product-stats{display:flex;gap:15px;align-items:center}.quantity{background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.revenue{background:#28a745;color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.product-chart-bar-container{background:#e9ecef;height:40px;border-radius:20px;overflow:hidden;position:relative;margin-bottom:10px}.product-chart-bar{background:linear-gradient(90deg,#007bff,#0056b3);height:100%;border-radius:20px;display:flex;align-items:center;justify-content:flex-end;padding-right:15px;transition:all .3s ease;min-width:60px}.product-chart-bar:hover{background:linear-gradient(90deg,#0056b3,#004494);transform:scaleY(1.05)}.bar-label{color:#fff;font-weight:600;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.product-source{color:#666;font-size:.85rem}.products-chart-empty{text-align:center;padding:60px 20px;color:#666}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.products-chart-empty h4{margin:0 0 10px;color:#333;font-size:1.2rem}.products-chart-empty p{margin:0;font-size:.95rem;opacity:.8}.video-sources-section{background:#fff;padding:30px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:40px}.video-sources-section h3{margin:0 0 20px;color:#333;font-size:1.3rem}.video-sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.video-source-card{display:flex;gap:15px;padding:20px;border:1px solid #e9ecef;border-radius:12px;transition:all .3s ease}.video-source-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.video-source-thumbnail{width:80px;height:60px;border-radius:8px;object-fit:cover;flex-shrink:0}.video-source-info h4{margin:0 0 8px;color:#333;font-size:1rem;font-weight:600}.video-source-info p{margin:0 0 5px;color:#007bff;font-weight:500;font-size:.9rem}.video-date{color:#666;font-size:.8rem}.analytics-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}@media (max-width: 768px){.dashboard-tabs{padding:0 15px;overflow-x:auto}.tab-button{padding:12px 16px;font-size:.9rem;white-space:nowrap}.tab-content{padding:20px 15px}.analytics-overview-cards{grid-template-columns:1fr;gap:15px}.chart-header{flex-direction:column;align-items:flex-start;gap:10px}.service-fee-info{align-items:flex-start}.daily-chart-bars{height:150px;gap:8px;padding:15px 0}.daily-bar{max-width:40px;min-height:15px}.daily-bar-value{font-size:.8rem}.daily-bar-label{font-size:.7rem}.daily-bar-revenue{font-size:.65rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.products-sold-chart{padding:20px}.product-chart-header{flex-direction:column;align-items:flex-start;gap:10px}.product-stats{gap:10px}.quantity,.revenue{font-size:.8rem;padding:3px 10px}.product-chart-bar-container{height:35px}.bar-label,.product-source{font-size:.8rem}.summary-card{padding:15px}.summary-value{font-size:1.4rem}.activity-item{padding:12px;gap:10px}.activity-icon{font-size:1.2rem}.activity-title{font-size:.85rem}.activity-subtitle{font-size:.75rem}.video-sources-grid{grid-template-columns:1fr}.analytics-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}.tier-calculator-section{padding:20px}.tier-comparison-grid{grid-template-columns:1fr;gap:12px}.tier-card{padding:15px}.revenue-amount{font-size:1.5rem}.cost-amount,.savings-amount{font-size:1rem}.upgrade-btn{width:100%;padding:15px 20px}}.payments-tab{padding:24px;background:#fff;border-radius:12px;margin:20px;box-shadow:0 2px 8px #0000001a}.payments-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f0f0f0}.payments-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:8px;font-weight:700}.payments-header p{font-size:1.1rem;color:#7f8c8d;margin:0}.payment-setup-section{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:32px}.recent-earnings-section,.recent-payouts-section{margin-bottom:32px}.payment-info-section{background:#f8f9fa;border-radius:12px;padding:24px}.info-card{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}@media (max-width: 768px){.payments-tab{margin:10px;padding:16px}.payment-status-cards{grid-template-columns:1fr;gap:16px}.payment-setup-section .section-header{flex-direction:column;gap:16px;align-items:flex-start}.info-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}.payment-setup-modal{padding:10px}.modal-content{width:95%;max-height:95vh;margin:10px auto}.modal-header{padding:16px 20px}.modal-header h4{font-size:1.2rem}}.subscription-tiers{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);position:relative;overflow:hidden;padding:40px 20px}.subscription-tiers:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;pointer-events:none}.tiers-header{text-align:center;color:#fff;margin-bottom:50px;position:relative;z-index:1}.tiers-header h1{font-size:3.5rem;margin-bottom:15px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}to{filter:drop-shadow(0 0 20px rgba(255,255,255,.8))}}.tiers-header p{font-size:1.3rem;opacity:.95;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.free-service-announcement{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;text-align:center}.announcement-header h2{color:#28a745;font-size:2.5rem;margin-bottom:15px;font-weight:700}.announcement-header p{color:#666;font-size:1.2rem;margin-bottom:30px}.announcement-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-item{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.feature-icon{font-size:1.5rem;color:#28a745}.performance-metrics{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.metrics-header{text-align:center;margin-bottom:30px}.metrics-header h3{margin:0 0 10px;color:#333;font-size:1.6rem;font-weight:700}.metrics-header p{margin:0;color:#666;font-size:1.1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.metric-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:15px;text-align:center;border:1px solid #dee2e6;transition:all .3s ease;box-shadow:0 8px 25px #0000001a}.metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.metric-value{font-size:2.5rem;font-weight:800;color:#667eea;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.metric-label{font-size:1rem;color:#666;font-weight:600}.tier-calculator-section{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.calculator-header{text-align:center;margin-bottom:30px}.calculator-header h4{margin:0 0 10px;color:#333;font-size:1.8rem;font-weight:700}.calculator-header p{margin:0;color:#666;font-size:1.1rem}.tier-comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-bottom:30px}.tier-card{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;border:3px solid transparent;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 15px 40px #0000001a}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.tier-card.current{border-color:#667eea;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,249,255,.95) 100%);transform:scale(1.02)}.tier-card.upgrade{border-color:#28a745;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,255,248,.95) 100%)}.tier-card.enterprise{border-color:#6f42c1;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,240,255,.95) 100%)}.tier-card.breakdown-card{border-color:#ffc107;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(255,252,235,.95) 100%)}.tier-card.breakdown-card .tier-fee{background:linear-gradient(135deg,#ffc107,#ff8c00);box-shadow:0 4px 15px #ffc10766}.tier-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 60px #0003}.tier-header{text-align:center;margin-bottom:25px}.tier-header h5{margin:0 0 10px;color:#333;font-size:1.4rem;font-weight:700}.tier-fee{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:700;box-shadow:0 4px 15px #667eea66}.tier-card.upgrade .tier-fee{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a74566}.tier-card.enterprise .tier-fee{background:linear-gradient(135deg,#6f42c1,#8e44ad);box-shadow:0 4px 15px #6f42c166}.tier-revenue{text-align:center;margin-bottom:25px}.revenue-amount{display:block;font-size:2.5rem;font-weight:800;color:#28a745;margin-bottom:8px;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.revenue-label{font-size:.9rem;color:#666;font-weight:600}.tier-cost{text-align:center;margin-bottom:20px}.cost-amount{display:block;font-size:1.5rem;font-weight:700;color:#dc3545;margin-bottom:5px}.cost-label{font-size:.85rem;color:#666;font-weight:500}.tier-savings{text-align:center;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;padding:15px;border:2px solid #28a745;box-shadow:0 4px 15px #28a74533}.savings-amount{display:block;font-size:1.4rem;font-weight:800;color:#155724;margin-bottom:5px}.savings-label{font-size:.8rem;color:#155724;font-weight:600}.item-breakdown-container{display:flex;gap:20px;align-items:flex-start}.product-visual{flex-shrink:0;text-align:center}.product-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #dee2e6;margin-bottom:8px}.product-caption{font-size:.75rem;color:#666;margin:0;font-weight:500}.item-breakdown{flex:1;display:flex;flex-direction:column;gap:8px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.breakdown-row:last-child{border-bottom:none}.breakdown-label{font-size:.85rem;color:#666;font-weight:500}.breakdown-value{font-size:.9rem;font-weight:600;color:#333}.breakdown-value.cost{color:#dc3545}.breakdown-value.profit{color:#28a745;font-weight:700}.breakdown-row.final-profit{border-top:2px solid #28a745;border-bottom:none;padding-top:10px;margin-top:5px}.breakdown-row.final-profit .breakdown-label{font-weight:600;color:#333}.calculator-footer{text-align:center}.upgrade-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:3px solid #e55a2b;padding:18px 40px;border-radius:15px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #ff6b3580,0 4px 15px #0003;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.upgrade-btn:hover{background:linear-gradient(135deg,#e55a2b,#ff6b35);transform:translateY(-3px);box-shadow:0 12px 35px #ff6b35b3,0 6px 20px #0000004d;border-color:#d14a1a}.upgrade-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.upgrade-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ff6b35,#f7931e,#ff6b35);border-radius:17px;z-index:-1;opacity:.3;animation:pulse-glow 2s ease-in-out infinite alternate}@keyframes pulse-glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}.trial-notice{margin:0;color:#666;font-size:1rem;font-weight:600}.value-proposition{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.value-proposition h3{text-align:center;margin:0 0 30px;color:#333;font-size:1.8rem;font-weight:700}.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.value-item{text-align:center;padding:25px;border-radius:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;transition:all .3s ease;box-shadow:0 8px 25px #0000001a}.value-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.value-icon{font-size:3rem;margin-bottom:20px}.value-item h4{margin:0 0 15px;color:#333;font-size:1.2rem;font-weight:700}.value-item p{margin:0;color:#666;font-size:1rem;line-height:1.6}.success-stories{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.success-stories h3{text-align:center;margin:0 0 30px;color:#333;font-size:1.8rem;font-weight:700}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.story-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:15px;border:1px solid #dee2e6;transition:all .3s ease;box-shadow:0 8px 25px #0000001a}.story-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.story-card p{margin:0 0 15px;color:#333;font-size:1.1rem;font-style:italic;line-height:1.6}.story-author{color:#666;font-size:.9rem;font-weight:600}.message{max-width:1200px;margin:0 auto 30px;padding:15px 20px;border-radius:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.message.success{background:rgba(212,237,218,.9);color:#155724;border:1px solid rgba(195,230,203,.8)}.message.error{background:rgba(248,215,218,.9);color:#721c24;border:1px solid rgba(241,176,183,.8)}.loading{text-align:center;padding:60px 20px;font-size:1.2rem;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.calculation-breakdown{background:rgba(255,255,255,.95);border-radius:16px;padding:30px;margin-top:30px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.calculation-breakdown h5{margin:0 0 20px;color:#333;font-size:1.3rem;font-weight:600;text-align:center}.breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.breakdown-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:15px 20px;border-radius:10px;border:1px solid #dee2e6;font-size:.95rem;color:#495057;transition:all .3s ease}.breakdown-item.highlight{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;color:#155724;font-weight:600;font-size:1rem}.breakdown-item.creator-earnings{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;border:2px solid #2196f3;box-shadow:0 4px 15px #2196f34d;color:#1565c0;font-weight:600;font-size:1.1rem;text-align:center;margin-top:20px;padding:20px}.breakdown-item.creator-earnings strong{color:#1565c0;font-size:1.2rem}.breakdown-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}@media (max-width: 768px){.subscription-tiers{padding:20px 15px}.tiers-header h1{font-size:2.5rem}.tiers-header p{font-size:1.1rem}.performance-metrics,.tier-calculator-section,.value-proposition,.success-stories{padding:25px;margin-bottom:25px}.tier-comparison-grid{grid-template-columns:1fr;gap:20px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:20px}.value-grid,.story-grid{grid-template-columns:1fr;gap:20px}.breakdown-grid{grid-template-columns:1fr;gap:12px}.calculation-breakdown{padding:20px;margin-top:20px}.revenue-amount{font-size:2rem}.cost-amount{font-size:1.3rem}.savings-amount{font-size:1.2rem}.upgrade-btn{width:100%;padding:15px 20px;font-size:1.1rem}.metric-value{font-size:2rem}}.profit-per-item-breakdown{background:#f8f9fa;border-radius:12px;padding:20px;margin-top:20px;border:1px solid #e9ecef}.breakdown-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.breakdown-header h6{margin:0;flex:1}.product-visual{text-align:center;flex-shrink:0}.product-image{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid #e9ecef;box-shadow:0 4px 12px #0000001a;margin-bottom:8px}.product-caption{font-size:.85rem;color:#6c757d;margin:0;font-weight:500;line-height:1.3}.profit-per-item-breakdown h6{margin:0 0 15px;color:#495057;font-size:1.1rem;font-weight:600;text-align:center}.item-breakdown{display:flex;flex-direction:column;gap:8px;align-items:center}.item-breakdown span{display:flex;justify-content:space-between;width:100%;max-width:300px;padding:6px 0;border-bottom:1px solid #e9ecef;font-size:.95rem}.item-breakdown span:last-child{border-bottom:none}.item-breakdown .final-profit{font-weight:700;color:#28a745;font-size:1.1rem;border-top:2px solid #28a745;padding-top:10px;margin-top:5px}@media (max-width: 768px){.item-breakdown span{max-width:100%;font-size:.9rem}.profit-per-item-breakdown{padding:15px}.breakdown-header{flex-direction:column;align-items:center;text-align:center}.product-image{width:100px;height:100px}.product-caption{font-size:.8rem}.item-breakdown-container{flex-direction:column;align-items:center;gap:15px;width:100%;overflow-x:hidden}.product-visual{flex-shrink:0;width:100%;max-width:120px}.item-breakdown{width:100%;max-width:100%;overflow-x:hidden}.breakdown-row{display:flex;justify-content:space-between;width:100%;max-width:100%;padding:6px 0;border-bottom:1px solid #e9ecef;font-size:.9rem;box-sizing:border-box;overflow-x:hidden}.breakdown-row:last-child{border-bottom:none}.breakdown-label{flex:1;text-align:left;padding-right:10px;word-wrap:break-word;overflow-wrap:break-word}.breakdown-value{flex-shrink:0;text-align:right;font-weight:600}.breakdown-row.final-profit{font-weight:700;color:#28a745;font-size:1rem;border-top:2px solid #28a745;padding-top:10px;margin-top:5px}}.earnings-display{display:flex;justify-content:center;margin:30px 0}.earnings-card{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 40px #28a7454d;min-width:400px;max-width:500px}.earnings-header{text-align:center;margin-bottom:30px}.earnings-header h5{font-size:1.8rem;margin-bottom:10px;font-weight:700}.fee-rate{background:rgba(255,255,255,.2);padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.earnings-breakdown{display:flex;flex-direction:column;gap:15px}.earnings-breakdown .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}.earnings-breakdown .breakdown-item:last-child{border-bottom:none}.earnings-breakdown .breakdown-item.total{font-weight:700;font-size:1.2rem;border-top:2px solid rgba(255,255,255,.3);padding-top:15px}.earnings-breakdown .breakdown-item .label{font-weight:500}.earnings-breakdown .breakdown-item .value{font-weight:600}.earnings-breakdown .breakdown-item .value.fee{color:#ffeb3b}.get-started-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:18px 40px;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #28a7454d;margin:20px 0}.get-started-btn:hover{transform:translateY(-2px);box-shadow:0 15px 40px #28a74566}.get-started-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.future-plans{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;margin-bottom:40px;box-shadow:0 20px 60px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative;z-index:1;text-align:center}.future-plans h3{color:#333;font-size:1.8rem;margin-bottom:15px;font-weight:700}.future-plans p{color:#666;font-size:1.1rem;margin-bottom:30px}.future-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.future-feature{display:flex;align-items:center;gap:15px;padding:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6;font-weight:500}@media (max-width: 768px){.earnings-card{min-width:auto;padding:30px 20px}.announcement-features,.future-features{grid-template-columns:1fr}.earnings-breakdown .breakdown-item{flex-direction:column;align-items:flex-start;gap:5px}}@media (max-width: 480px){.subscription-tiers{padding:15px 10px}.tiers-header h1{font-size:2rem}.tiers-header p{font-size:1rem}.performance-metrics,.tier-calculator-section,.value-proposition,.success-stories{padding:20px;margin-bottom:20px}.tier-comparison-grid,.metrics-grid,.value-grid,.story-grid{grid-template-columns:1fr;gap:15px}.breakdown-grid{grid-template-columns:1fr;gap:10px}.calculation-breakdown{padding:15px;margin-top:15px}.revenue-amount{font-size:1.8rem}.cost-amount{font-size:1.2rem}.savings-amount{font-size:1.1rem}.upgrade-btn{width:100%;padding:12px 16px;font-size:1rem}.metric-value{font-size:1.8rem}.item-breakdown-container{gap:10px}.product-visual{max-width:100px}.product-image{width:80px;height:80px}.product-caption{font-size:.7rem}.breakdown-row{font-size:.8rem;padding:4px 0}.breakdown-label{font-size:.8rem;padding-right:5px}.breakdown-value{font-size:.8rem}.breakdown-row.final-profit{font-size:.9rem}}.subscription-success-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px 20px}.success-container{background:white;border-radius:16px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px #0003;margin-top:20px;margin-bottom:20px}.success-container.error{border:2px solid #dc3545}.success-icon,.error-icon{font-size:4rem;margin-bottom:20px}.success-container h2{color:#333;font-size:2rem;margin:0 0 15px;font-weight:700}.success-container p{color:#666;font-size:1.1rem;margin:0 0 20px;line-height:1.6}.welcome-message{color:#333;font-size:1.3rem;margin:0 0 25px;line-height:1.6;font-weight:500;text-align:center;padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:2px solid #dee2e6;box-shadow:0 4px 12px #0000001a}.trial-notice-simple{color:#28a745;font-size:1.1rem;font-weight:600;margin-top:15px;padding:8px 16px;background:rgba(40,167,69,.1);border-radius:8px;border:1px solid #28a745;display:inline-block}.premium-features{background:#f8f9fa;border-radius:12px;padding:20px;margin:25px 0;text-align:left}.premium-features h3{color:#333;font-size:1.2rem;margin:0 0 15px;text-align:center}.premium-features ul{list-style:none;padding:0;margin:0}.premium-features li{color:#28a745;font-weight:500;margin:8px 0;font-size:1rem}.next-steps{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border:2px solid #28a745;border-radius:16px;padding:30px;margin:30px 0;text-align:left;box-shadow:0 8px 32px #28a74526;position:relative;overflow:hidden}.next-steps h3{color:#28a745;font-size:1.3rem;margin:0 0 20px;text-align:center;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px}.next-steps ol{list-style:none;padding:0;margin:0;counter-reset:step-counter}.next-steps li{color:#333;font-size:1.1rem;margin:16px 0;padding:16px 20px 16px 80px;position:relative;font-weight:500;line-height:1.6;background:rgba(255,255,255,.7);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(40,167,69,.2);transition:all .3s ease}.next-steps li:hover{background:rgba(255,255,255,.9);transform:translate(5px);box-shadow:0 4px 20px #0000001a}.next-steps li:before{content:counter(step-counter);counter-increment:step-counter;position:absolute;left:15px;top:50%;transform:translateY(-50%);background:#28a745;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px #0000001a;border:2px solid rgba(255,255,255,.5)}.trial-notice{background:linear-gradient(135deg,#e8f5e8 0%,#f0f8f0 100%);border:2px solid #28a745;border-radius:12px;padding:20px;margin:25px 0;text-align:left}.trial-notice h3{color:#28a745;font-size:1.3rem;margin:0 0 15px;text-align:center;font-weight:700}.trial-notice p{color:#333;font-size:1.1rem;margin:0 0 15px;text-align:center;font-weight:600}.trial-notice ul{list-style:none;padding:0;margin:0}.trial-notice li{color:#28a745;font-weight:500;margin:8px 0;font-size:1rem}.redirect-notice{color:#007bff!important;font-weight:500;font-style:italic;margin:20px 0!important}.dashboard-btn,.retry-btn{background:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.dashboard-btn:hover{background:#0056b3;transform:translateY(-2px)}.dashboard-btn.secondary{background:#6c757d}.dashboard-btn.secondary:hover{background:#545b62;transform:translateY(-2px)}.retry-btn{background:#dc3545}.retry-btn:hover{background:#c82333;transform:translateY(-2px)}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.channel-link-section{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border:2px solid #ffc107;border-radius:12px;padding:20px;margin:25px 0;text-align:left}.channel-link-section h3{color:#856404;font-size:1.3rem;margin:0 0 15px;text-align:center;font-weight:700}.channel-link-section p{color:#856404;font-size:1rem;margin:0 0 15px;text-align:center}.channel-link-container{display:flex;align-items:center;gap:10px;background:white;border:1px solid #ddd;border-radius:8px;padding:12px;margin:15px 0;flex-wrap:wrap}.channel-link{font-family:Courier New,monospace;background:#f8f9fa;padding:8px 12px;border-radius:4px;color:#007bff;font-size:.9rem;flex:1;min-width:200px;word-break:break-all}.copy-link-btn{background:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-link-btn:hover{background:#218838;transform:translateY(-1px)}.channel-tip{color:#856404!important;font-size:.9rem!important;font-style:italic;margin:15px 0 0!important;text-align:center}.monthly-payouts{color:#007bff!important;font-weight:600!important;font-size:1.1rem!important;margin:20px 0 0!important;text-align:center}@media (max-width: 600px){.subscription-success-page{padding:20px 10px 10px}.success-container{padding:30px 20px;margin:10px 5px}.success-icon,.error-icon{font-size:3rem}.success-container h2{font-size:1.5rem}.premium-features{padding:15px}.channel-link-container{flex-direction:column;align-items:stretch}.channel-link{min-width:auto;text-align:center}.copy-link-btn{width:100%}}.order-success-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.order-success-container{background:white;border-radius:16px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 10px 30px #0000001a;border:1px solid #e0e6ff}.success-icon{font-size:4rem;margin-bottom:20px;animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-title{color:#4caf50;font-size:2.5rem;margin:0 0 20px;font-weight:700}.thank-you-message{margin:25px 0}.thank-you-message p{color:#333;font-size:1.2rem;line-height:1.6;margin:0}.next-steps{background:#f8f9ff;border:1px solid #e0e6ff;border-radius:12px;padding:25px;margin:30px 0;text-align:left}.next-steps h3{color:#3f51b5;font-size:1.3rem;margin:0 0 15px;text-align:center}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{color:#333;font-size:1rem;margin:12px 0;padding-left:20px;position:relative}.next-steps li:before{content:"✅";position:absolute;left:0;top:0}.order-details{background:#e8f5e8;border:1px solid #4CAF50;border-radius:12px;padding:20px;margin:25px 0;text-align:left}.order-details h3{color:#2e7d32;font-size:1.2rem;margin:0 0 15px;text-align:center}.order-info p{color:#333;font-size:1rem;margin:8px 0}.order-info a{color:#3f51b5;text-decoration:none;font-weight:600}.order-info a:hover{text-decoration:underline}.support-info{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin:25px 0}.support-info p{color:#856404;font-size:1rem;margin:0}.support-info a{color:#3f51b5;text-decoration:none;font-weight:600}.support-info a:hover{text-decoration:underline}.action-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}.home-button,.dashboard-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.home-button{background:#3f51b5;color:#fff}.home-button:hover{background:#303f9f;transform:translateY(-2px)}.dashboard-button{background:#4CAF50;color:#fff}.dashboard-button:hover{background:#45a049;transform:translateY(-2px)}@media (max-width: 768px){.order-success-container{padding:30px 20px}.success-title{font-size:2rem}.action-buttons{flex-direction:column;align-items:center}.home-button,.dashboard-button{width:100%;max-width:200px}}.sidebar{background:#fff;width:240px;height:100vh;top:0;padding-left:20px;padding-top:80px;flex-shrink:0}.small-sidebar{width:80px}.shortcut-links img{width:20px;margin-right:20px}.side-link{display:flex;align-items:center;margin-bottom:20px;width:fit-content;flex-wrap:wrap;cursor:pointer}.side-link.active img{padding-bottom:2px;border-bottom:3px solid red}.shortcut-links .active{color:#ed3833;font-weight:600}.sidebar hr{border:0;height:1px;background:#ccc;width:85%}.subscribed-list h3{font-size:13px;margin:20px 0;color:#5a5a5a}.subscribed-list img{width:25px;border-radius:50%;margin-right:20px}.small-sidebar p,.small-sidebar h3{display:none}.small-sidebar hr{width:50%;margin-bottom:25px}.subscribed-list{max-height:350px;overflow-y:auto}.loading-subs,.no-subs{padding:10px 0;color:#666;font-size:12px;text-align:center}.subscribers-list{display:flex;flex-direction:column;gap:2px}.subscriber-item{display:flex;align-items:center;padding:8px 0;border-radius:8px;transition:background-color .2s ease;text-decoration:none;color:inherit}.subscriber-item:hover{background-color:#f0f0f0;padding-left:5px}.subscriber-item-container{position:relative;display:flex;align-items:center}.sidebar-unsubscribe-btn{background:#dc3545;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:8px;opacity:0;transition:opacity .2s ease,background-color .2s ease;flex-shrink:0}.subscriber-item-container:hover .sidebar-unsubscribe-btn{opacity:1}.sidebar-unsubscribe-btn:hover{background:#c82333}.subscriber-avatar{width:28px;height:28px;border-radius:50%;margin-right:12px;object-fit:cover;border:2px solid #e0e0e0}.subscriber-info{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:2px}.subscriber-name{font-size:13px;font-weight:500;margin:0;color:#333;line-height:1.2}.tier-badge{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.tier-basic{background-color:#e9ecef;color:#6c757d}.tier-premium{background-color:#cce7ff;color:#06c}.tier-creator_network{background-color:#d4edda;color:#28a745}.subscriber-badge{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background-color:#f8f9fa;color:#495057}.small-sidebar .tier-badge,.small-sidebar .subscriber-info{display:none}.small-sidebar .subscriber-item{justify-content:center;padding:8px 0}.small-sidebar .subscriber-avatar{margin-right:0;width:24px;height:24px}@media (max-width: 900px){.sidebar{display:none}}.admin-container{min-height:100vh;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.admin-header h1{margin:0;color:#2c3e50;font-size:1.8rem;font-weight:600}.admin-user-info{display:flex;align-items:center;gap:1rem}.admin-user-info span{color:#6c757d;font-size:.9rem}.admin-logout-btn{background:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.admin-logout-btn:hover{background:#c82333}.admin-content{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{width:250px;background:#fff;border-right:1px solid #e9ecef;padding:1rem 0}.admin-tab{width:100%;padding:1rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.95rem;color:#495057;transition:all .2s;border-left:3px solid transparent}.admin-tab:hover{background:#f8f9fa;color:#2c3e50}.admin-tab.active{background:#e3f2fd;color:#1976d2;border-left-color:#1976d2;font-weight:500}.admin-main{flex:1;padding:2rem;overflow-y:auto}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.admin-dashboard{display:flex;flex-direction:column;gap:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-card h3{margin:0 0 .5rem;color:#6c757d;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-number{margin:0;font-size:2.5rem;font-weight:700;color:#2c3e50}.recent-activity{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.recent-activity h3{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.activity-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{display:flex;justify-content:space-between;padding:.75rem;background:#f8f9fa;border-radius:4px;font-size:.9rem}.activity-item span:first-child{color:#495057}.activity-item span:last-child{color:#6c757d;font-size:.8rem}.admin-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.admin-search{flex:1;max-width:300px;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.admin-filter{padding:.75rem;border:1px solid #ced4da;border-radius:4px;background:#fff;font-size:.9rem;min-width:150px}.users-table,.videos-table,.subscriptions-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:1px solid #e9ecef;font-size:.9rem}td{padding:1rem;border-bottom:1px solid #e9ecef;vertical-align:middle}tr:hover{background:#f8f9fa}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.video-info{display:flex;align-items:center;gap:.75rem}.video-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:4px}.video-info h4{margin:0 0 .25rem;font-size:.9rem;color:#2c3e50}.video-info p{margin:0;font-size:.8rem;color:#6c757d;line-height:1.3}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.active{background:#d4edda;color:#155724}.status-badge.suspended{background:#f8d7da;color:#721c24}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.canceled{background:#e2e3e5;color:#383d41}.tier-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.tier-badge.basic{background:#e3f2fd;color:#1976d2}.tier-badge.premium{background:#fff3e0;color:#f57c00}.tier-badge.creator_network{background:#f3e5f5;color:#7b1fa2}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem .75rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s;font-weight:500}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.suspend{background:#ffc107;color:#212529}.action-btn.suspend:hover:not(:disabled){background:#e0a800}.action-btn.activate{background:#28a745;color:#fff}.action-btn.activate:hover:not(:disabled){background:#218838}.action-btn.approve{background:#28a745;color:#fff}.action-btn.approve:hover:not(:disabled){background:#218838}.action-btn.reject{background:#dc3545;color:#fff}.action-btn.reject:hover:not(:disabled){background:#c82333}.action-btn.delete{background:#6c757d;color:#fff}.action-btn.delete:hover:not(:disabled){background:#5a6268}.admin-settings{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.admin-settings h3{margin:0 0 1.5rem;color:#2c3e50}.settings-section{margin-bottom:2rem}.settings-section h4{margin:0 0 .5rem;color:#495057;font-size:1rem}.settings-section p{margin:0 0 1rem;color:#6c757d;font-size:.9rem}.setting-item{margin-bottom:1rem}.setting-item label{display:block;margin-bottom:.5rem;color:#495057;font-weight:500}.setting-input{width:100%;max-width:400px;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.save-settings-btn{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.save-settings-btn:hover{background:#0056b3}@media (max-width: 768px){.admin-content{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid #e9ecef}.admin-main{padding:1rem}.stats-grid{grid-template-columns:1fr}.admin-filters{flex-direction:column;align-items:stretch}.admin-search{max-width:none}.action-buttons{flex-direction:column}.action-btn{width:100%}table{font-size:.8rem}th,td{padding:.5rem}}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-container{width:100%;max-width:450px}.login-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2)}.login-header{text-align:center;margin-bottom:30px}.login-logo{font-size:48px;margin-bottom:15px;display:block}.login-header h2{color:#333;font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-message{text-align:center;margin-bottom:30px;color:#666;line-height:1.6;font-size:14px}.login-message strong{color:#333;font-size:16px}.login-form{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:12px;font-size:16px;transition:all .3s ease;background:#fff;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder{color:#999}.login-submit-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.login-toggle{text-align:center;margin-bottom:25px;font-size:14px;color:#666}.login-toggle span{margin-right:8px}.login-toggle-btn{background:none;border:none;color:#667eea;font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px;transition:color .3s ease}.login-toggle-btn:hover{color:#764ba2}.login-message-display{padding:15px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:center}.login-message-display.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.login-message-display.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e1e5e9}.back-home-btn{background:none;border:2px solid #667eea;color:#667eea;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.back-home-btn:hover{background:#667eea;color:#fff}@media (max-width: 768px){.login-page{padding:15px}.login-card{padding:30px 25px}.login-header h2{font-size:24px}.login-logo{font-size:40px}}@media (max-width: 480px){.login-card{padding:25px 20px}.login-header h2{font-size:22px}.form-group input{padding:12px;font-size:16px}.login-submit-btn{padding:12px}}.privacy-policy-container{font-family:Arial,sans-serif;background:#f8f8f8;padding:40px;line-height:1.6;margin:0;min-height:100vh}.privacy-policy-content{background:#fff;border-radius:12px;padding:40px;max-width:800px;margin:auto;box-shadow:0 2px 12px #0000001a}.privacy-policy-content h1{color:#3f51b5;text-align:center;margin-bottom:30px;font-size:2.5rem}.privacy-policy-content h2{color:#3f51b5;border-bottom:2px solid #e0e6ff;padding-bottom:8px;margin-top:30px;font-size:1.8rem}.privacy-policy-content h3{color:#4a5568;margin-top:25px;font-size:1.3rem}.sms-section{background:#f8f9ff;border:2px solid #e0e6ff;border-radius:8px;padding:20px;margin:20px 0}.security-box{background:#e8f5e8;border:2px solid #28a745;border-radius:8px;padding:20px;margin:20px 0}.privacy-policy-content a{color:#3f51b5;text-decoration:none}.privacy-policy-content a:hover{text-decoration:underline}.privacy-policy-content ul{margin:10px 0;padding-left:20px}.privacy-policy-content li{margin:8px 0}.privacy-policy-content section{margin:30px 0}@media (max-width: 768px){.privacy-policy-container,.privacy-policy-content{padding:20px}.privacy-policy-content h1{font-size:2rem}.privacy-policy-content h2{font-size:1.5rem}}.terms-container{font-family:Arial,sans-serif;background:#f8f8f8;padding:40px;line-height:1.6;margin:0;min-height:100vh}.terms-content{background:#fff;border-radius:12px;padding:40px;max-width:800px;margin:auto;box-shadow:0 2px 12px #0000001a}.terms-content h1{color:#3f51b5;text-align:center;margin-bottom:30px;font-size:2.5rem}.terms-content h2{color:#3f51b5;border-bottom:2px solid #e0e6ff;padding-bottom:8px;margin-top:30px;font-size:1.8rem}.terms-content h3{color:#4a5568;margin-top:25px;font-size:1.3rem}.highlight-box{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;margin:15px 0;border-radius:4px}.critical-box{background:#f8d7da;border:2px solid #dc3545;border-radius:8px;padding:20px;margin:20px 0}.critical-box h2{color:#721c24;border-bottom:2px solid #dc3545}.critical-box h3{color:#721c24}.logo{text-align:center;margin-bottom:20px}.logo-img{width:120px;height:auto}.last-updated{color:#666;font-style:italic;text-align:center;margin-bottom:30px}.terms-content a{color:#3f51b5;text-decoration:none}.terms-content a:hover{text-decoration:underline}.terms-content ul{margin:10px 0;padding-left:20px}.terms-content li{margin:8px 0}.terms-content section{margin:30px 0}.navigation-links{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid #eee}.nav-link{color:#3f51b5;margin:0 10px}@media (max-width: 768px){.terms-container,.terms-content{padding:20px}.terms-content h1{font-size:2rem}.terms-content h2{font-size:1.5rem}}.search-page{padding:20px;max-width:1200px;margin:0 auto;min-height:80vh}.search-container{width:100%}.search-header{margin-bottom:30px;border-bottom:1px solid #e0e0e0;padding-bottom:20px}.search-header h1{color:#333;margin:0 0 10px;font-size:2rem;font-weight:600}.search-query{color:#666;margin:0;font-size:1.1rem}.query-text{color:#065fd4;font-weight:500}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #065fd4;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.search-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:20px;margin:20px 0;color:#c00;text-align:center}.search-no-results{text-align:center;padding:60px 20px;color:#666}.search-no-results h3{color:#333;margin-bottom:10px;font-size:1.5rem}.search-suggestions{margin-top:30px;text-align:left;display:inline-block;background:#f9f9f9;padding:20px;border-radius:8px;border-left:4px solid #065fd4}.search-suggestions ul{margin:10px 0 0 20px;color:#555}.search-suggestions li{margin:5px 0}.search-results{width:100%}.results-header{margin-bottom:25px}.results-count{color:#666;font-size:1rem;margin:0}.creators-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:40px}.creator-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:15px;box-shadow:0 2px 4px #0000000d}.creator-card:hover{border-color:#065fd4;box-shadow:0 4px 12px #065fd426;transform:translateY(-2px)}.creator-avatar{display:flex;align-items:center;gap:15px;position:relative}.creator-avatar img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #e0e0e0}.avatar-placeholder{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#065fd4,#0448a0);color:#fff;font-size:24px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid #e0e0e0}.creator-info{flex:1;min-width:0}.creator-name{margin:0 0 5px;font-size:1.3rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-username{margin:0 0 10px;color:#666;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-bio{margin:0 0 15px;color:#555;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.creator-stats{display:flex;flex-direction:column;gap:5px;font-size:.85rem;color:#888}.video-count{font-weight:500;color:#065fd4}.joined-date{color:#999}.creator-action{margin-top:auto;padding-top:10px;border-top:1px solid #f0f0f0}.view-profile-btn{width:100%;padding:10px 15px;background:#065fd4;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s ease}.view-profile-btn:hover{background:#0448a0}@media (max-width: 768px){.search-page{padding:15px}.creators-grid{grid-template-columns:1fr;gap:15px}.creator-card{padding:15px}.search-header h1{font-size:1.5rem}.creator-avatar img,.avatar-placeholder{width:50px;height:50px;font-size:20px}}.merchandise-categories{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem;display:flex;flex-direction:column;align-items:center}.screenshots-section{background:white;border-radius:12px;padding:20px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;width:100%;max-width:800px;text-align:center}.screenshots-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.screenshots-preview{display:flex;justify-content:center;align-items:center}.screenshot-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.screenshot-item{border:3px solid #4CAF50;border-radius:8px;overflow:hidden;background:#f8f9fa}.screenshot-image{width:120px;height:80px;object-fit:cover;display:block}.no-screenshots{color:#666;font-style:italic;padding:20px}.categories-container{max-width:1200px;width:100%;text-align:center}.categories-title{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:1rem}.categories-subtitle{font-size:1.2rem;color:#ffffffe6;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:3rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.category-box{background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:2.5rem 1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 32px #0000001a;position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.category-box.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.category-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.1));opacity:0;transition:all .4s ease;z-index:1;border-radius:24px}.category-box:hover:before{opacity:1}.category-box:hover{transform:translateY(-12px) scale(1.05);box-shadow:0 20px 60px #0003;border-color:#ffffff80}@media (hover: none) and (pointer: coarse){.category-box:hover{transform:none;box-shadow:0 8px 32px #0000001a}.category-box:active{transform:scale(.98);box-shadow:0 4px 16px #9333ea66;border-color:#9333ea99}}.category-emoji{font-size:3rem;margin-bottom:1rem;z-index:2;position:relative}.category-name{font-size:1.2rem;font-weight:600;color:#fff;z-index:2;position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.back-button-container{margin-top:2rem;text-align:center}.back-button{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 24px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.back-button:hover{background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(147,51,234,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;z-index:10;border-radius:24px}@media (max-width: 768px){body{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.merchandise-categories{padding:1rem;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.screenshots-section{padding:15px;margin-bottom:1.5rem}.screenshots-title{font-size:1.2rem;margin-bottom:10px}.screenshot-image{width:80px;height:60px}.screenshot-grid{gap:8px}.categories-container{overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.categories-title{font-size:2rem}.categories-subtitle{font-size:1rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:100%!important;overflow-x:hidden!important;width:100%!important;box-sizing:border-box!important}.category-box{padding:1rem .75rem;min-height:100px;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.category-emoji{font-size:1.5rem;margin-bottom:.25rem}.category-name{font-size:.8rem}.back-button{padding:10px 20px;font-size:.9rem;border-radius:8px;width:auto}.loading-overlay{font-size:.9rem;border-radius:12px}}@media (max-width: 480px){.merchandise-categories{padding:.5rem}.categories-title{font-size:1.5rem}.categories-subtitle{font-size:.9rem}.categories-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.category-box{padding:1rem .75rem;min-height:100px}.category-emoji{font-size:1.5rem;margin-bottom:.25rem}.category-name{font-size:.8rem}}.simple-crop-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:flex;justify-content:center;align-items:center;z-index:1000}.simple-crop-modal{background:white;border-radius:12px;box-shadow:0 20px 60px #0006;max-width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;min-width:800px}.simple-crop-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.simple-crop-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.simple-crop-close{background:none;border:none;font-size:28px;cursor:pointer;color:#6c757d;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.simple-crop-close:hover{background:#e9ecef;color:#495057;transform:scale(1.1)}.simple-crop-content{padding:24px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:20px;position:relative}.simple-print-status{position:absolute;top:20px;left:20px;z-index:10;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0003}.status-ok{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-text{font-size:12px;font-weight:600}.print-size-indicator{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}.best-print-size{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border:2px solid #28a745;border-radius:8px;padding:16px;margin-bottom:16px;text-align:center}.recommendation-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.badge-icon{font-size:20px}.badge-text{font-weight:600;color:#155724;font-size:16px}.recommendation-details{margin:0;color:#155724;font-size:14px}.print-size-indicator h4{margin:0 0 12px;color:#495057;font-size:16px;font-weight:600}.print-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.print-size{display:flex;flex-direction:column;padding:12px;border-radius:8px;font-size:14px;transition:all .2s ease;border:1px solid transparent}.size-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.size-status{display:flex;align-items:center;gap:8px;margin-bottom:6px}.status-icon{font-size:16px;font-weight:700}.status-text{font-weight:500}.current-size{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.8}.current-label{font-weight:500}.current-dimensions{font-family:monospace}.print-size.meets-requirements{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.print-size.below-requirements{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.size-name{font-weight:600}.size-status{font-size:16px;font-weight:700}.size-requirements{font-size:12px;opacity:.8;font-family:monospace}.print-warning{display:flex;align-items:flex-start;gap:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-top:16px}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h5{margin:0 0 8px;color:#856404;font-size:16px;font-weight:600}.warning-content p{margin:0;color:#856404;font-size:14px;line-height:1.4}.crop-instructions{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:12px 16px}.crop-instructions p{margin:4px 0;color:#1565c0;font-size:14px}.crop-coordinates{margin-top:12px;padding:8px;background:#f8f9fa;border-radius:4px;border-left:3px solid #007bff}.crop-coordinates p{margin:2px 0;color:#495057;font-size:12px;font-family:monospace}.crop-container{position:relative;display:flex;justify-content:center;align-items:center;background:#f8f9fa;border-radius:8px;padding:20px;border:2px dashed #dee2e6;cursor:move}.crop-image{max-width:100%;max-height:60vh;border:2px solid #495057;border-radius:4px;box-shadow:0 4px 12px #00000026;pointer-events:none}.crop-box{position:absolute;border:3px solid #007bff;background:rgba(0,123,255,.1);cursor:move;box-shadow:0 0 0 9999px #00000080}.resize-handle{position:absolute;width:20px;height:20px;background:#007bff;border:2px solid white;border-radius:50%;cursor:crosshair;box-shadow:0 2px 4px #0003;transition:all .2s ease}.resize-handle:hover{background:#0056b3;transform:scale(1.2)}.resize-handle.top-left{top:-10px;left:-10px}.resize-handle.top-right{top:-10px;right:-10px}.resize-handle.bottom-left{bottom:-10px;left:-10px}.resize-handle.bottom-right{bottom:-10px;right:-10px}.simple-crop-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e1e5e9;background:#f8f9fa}.crop-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.crop-btn.cancel{background:#6c757d;color:#fff}.crop-btn.cancel:hover{background:#5a6268;transform:translateY(-1px)}.crop-btn.apply{background:#007bff;color:#fff}.crop-btn.apply:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.crop-btn.feather{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:#fff;font-weight:600;box-shadow:0 2px 8px #ee5a244d}.crop-btn.feather:hover{background:linear-gradient(135deg,#ee5a24 0%,#d63031 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ee5a2466}@media (max-width: 768px){.simple-crop-modal{min-width:95vw;margin:10px}.simple-crop-content{padding:16px}.print-sizes{grid-template-columns:repeat(2,1fr)}.crop-image{max-height:50vh}}.print-crop-demo{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-header{text-align:center;margin-bottom:40px}.demo-header h2{color:#2c3e50;margin-bottom:10px;font-size:32px}.demo-header p{color:#6c757d;font-size:16px;margin:0}.demo-controls{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.file-upload{display:flex;align-items:center}.upload-btn{background:#007bff;color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;border:none;font-size:14px}.upload-btn:hover{background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.crop-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease}.crop-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 8px #28a7454d}.demo-images{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.image-container{background:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a;border:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center}.image-container h3{margin:0 0 16px;color:#495057;font-size:18px;font-weight:600}.image-container img{width:100%;height:auto;max-width:100%;max-height:400px;object-fit:contain;border-radius:8px;border:1px solid #dee2e6;margin-bottom:16px}.download-btn{display:inline-block;background:#17a2b8;color:#fff;padding:10px 20px;text-decoration:none;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s ease}.download-btn:hover{background:#138496;transform:translateY(-1px);box-shadow:0 4px 8px #17a2b84d}.image-info{text-align:center;margin-bottom:16px;color:#6c757d;font-size:14px}.image-info p{margin:4px 0}@media (max-width: 768px){.demo-images{grid-template-columns:1fr;gap:20px}.demo-controls{flex-direction:column;align-items:center}.print-crop-demo{padding:20px 10px}}.test-crop-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.test-header{text-align:center;color:#fff;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto}.test-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.test-header p{font-size:1.2rem;margin-bottom:30px;opacity:.9}.test-info{background:rgba(255,255,255,.1);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.test-info h3{margin:0 0 15px;font-size:1.3rem}.test-info ul{list-style:none;padding:0;margin:0;text-align:left}.test-info li{padding:8px 0;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.test-info li:last-child{border-bottom:none}.test-footer{text-align:center;color:#fff;margin-top:30px;padding:20px;background:rgba(0,0,0,.2);border-radius:8px;max-width:600px;margin-left:auto;margin-right:auto}.test-footer p{margin:0;font-size:.9rem;opacity:.8}@media (max-width: 768px){.test-header h1{font-size:2rem}.test-header p{font-size:1rem}.test-info{padding:15px}}.payment-portal-container{max-width:1200px;margin:0 auto;padding:24px;background:#f8f9fa;min-height:100vh}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #065fd4;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:16px}.error-container button{background:#065fd4;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;margin-top:16px}.error-container button:hover{background:#0546a0}.payment-portal-header{text-align:center;margin-bottom:32px;padding:24px;background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;position:relative}.back-button{position:absolute;left:24px;top:50%;transform:translateY(-50%);background:none;border:none;color:#065fd4;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background-color .2s ease}.back-button:hover{background-color:#f0f0f0}.payment-portal-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:8px;font-weight:700}.payment-portal-header p{font-size:1.1rem;color:#7f8c8d;margin:0}.payment-status-section{margin-bottom:32px}.payment-status-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.status-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;border-radius:12px;text-align:center;box-shadow:0 4px 15px #667eea4d;transition:transform .3s ease,box-shadow .3s ease}.status-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.status-card h4{font-size:1.1rem;margin-bottom:12px;font-weight:600}.status-indicator{margin-bottom:8px}.status-success{background:rgba(46,204,113,.2);color:#2ecc71;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.status-warning{background:rgba(243,156,18,.2);color:#f39c12;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:600}.earnings-amount,.pending-amount{font-size:2rem;font-weight:700;margin-bottom:8px}.payout-date{font-size:1.2rem;font-weight:600;margin-bottom:8px}.status-detail{font-size:.9rem;opacity:.9;margin:0}.payment-setup-section{background:white;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000001a}.payment-setup-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payment-setup-section h3{font-size:1.5rem;color:#2c3e50;margin:0}.setup-payment-btn,.edit-payment-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.setup-payment-btn:hover,.edit-payment-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.payment-setup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:flex-start;padding-top:40px;z-index:1000;overflow-y:auto}.modal-content{background:white;border-radius:12px;padding:0;max-width:500px;width:90%;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 10px 30px #0000004d;margin:0 auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e3e3e3}.modal-header h4{margin:0;font-size:1.3rem;color:#2c3e50}.close-btn{background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background-color:#f0f0f0}.setup-info{padding:20px 0}.setup-complete{text-align:center;padding:20px}.setup-complete p{color:#27ae60;font-size:1.1rem;margin-bottom:16px}.setup-required{padding:20px}.setup-required p{color:#e74c3c;font-size:1.1rem;margin-bottom:16px}.setup-required ul{list-style:none;padding:0}.setup-required li{padding:8px 0 8px 24px;position:relative;color:#2c3e50}.setup-required li:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.recent-earnings-section,.recent-payouts-section{background:white;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000001a}.recent-earnings-section h3,.recent-payouts-section h3{font-size:1.5rem;color:#2c3e50;margin-bottom:16px}.earnings-list,.payouts-list{background:#f8f9fa;border-radius:8px;overflow:hidden}.earning-item,.payout-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e3e3e3;transition:background-color .2s ease}.earning-item:hover,.payout-item:hover{background-color:#e9ecef}.earning-item:last-child,.payout-item:last-child{border-bottom:none}.earning-info,.payout-info{display:flex;flex-direction:column}.earning-amount,.payout-amount{font-size:1.2rem;font-weight:700;color:#2c3e50}.earning-date,.payout-date{font-size:.9rem;color:#7f8c8d;margin-top:4px}.earning-source{font-size:.9rem;color:#7f8c8d}.payout-status{text-align:right}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.completed{background:rgba(46,204,113,.2);color:#27ae60}.status-badge.pending{background:rgba(243,156,18,.2);color:#f39c12}.status-badge.failed{background:rgba(231,76,60,.2);color:#e74c3c}.payment-info-section{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.payment-info-section h3{font-size:1.5rem;color:#2c3e50;margin-bottom:20px;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-card{background:#f8f9fa;padding:20px;border-radius:8px;transition:transform .2s ease}.info-card:hover{transform:translateY(-2px)}.info-card h4{font-size:1.1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.info-card p{color:#7f8c8d;line-height:1.6;margin:0}@media (max-width: 768px){.payment-portal-container,.payment-portal-header{padding:16px}.back-button{position:static;transform:none;margin-bottom:16px;align-self:flex-start}.payment-portal-header h1{font-size:2rem}.payment-status-cards{grid-template-columns:1fr;gap:16px}.payment-setup-section .section-header{flex-direction:column;gap:16px;align-items:flex-start}.info-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}}@media (max-width: 768px){.payment-setup-modal{padding:10px}.modal-content{width:95%;max-height:95vh;margin:10px auto}.modal-header{padding:16px 20px}.modal-header h4{font-size:1.2rem}}@media (max-height: 600px){.payment-setup-modal{align-items:flex-start;padding-top:10px}.modal-content{max-height:98vh}}.payment-setup-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px 20px;overflow-y:auto}.payment-setup-card{background:white;border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;margin:20px auto auto;transform:translateY(0)}.payment-setup-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:flex-start}.header-content h2{margin:0 0 10px;font-size:1.8rem;font-weight:700}.header-content p{margin:0;opacity:.9;font-size:1rem}.payment-setup-close-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.payment-setup-close-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.payment-step{padding:30px}.step-indicator{display:flex;justify-content:center;margin-bottom:30px;gap:10px}.step{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;background:#e9ecef;color:#6c757d;border:3px solid #e9ecef;transition:all .3s ease}.step.active{background:#667eea;color:#fff;border-color:#667eea}.step.completed{background:#28a745;color:#fff;border-color:#28a745}.payment-step h3{text-align:center;margin:0 0 10px;color:#333;font-size:1.5rem;font-weight:700}.payment-step p{text-align:center;margin:0 0 30px;color:#666;font-size:1rem}.payment-method-selection{margin-bottom:30px}.payment-method-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;position:relative}.payment-method-option:hover:not(.unavailable){border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26}.payment-method-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e8f2ff);box-shadow:0 8px 25px #667eea33}.payment-method-option.unavailable{opacity:.6;cursor:not-allowed;background:#f8f9fa}.method-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.method-header input[type=radio]{width:20px;height:20px;accent-color:#667eea}.method-header label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#333}.method-name{font-size:1.1rem}.unavailable-badge{background:#6c757d;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.method-details{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#666}.fees{background:#e9ecef;padding:4px 8px;border-radius:8px;font-weight:600}.processing-time{background:#d4edda;color:#155724;padding:4px 8px;border-radius:8px;font-weight:600}.payment-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:5px;color:#6c757d;font-size:.85rem}.payment-benefits{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:20px;margin-bottom:30px;border:1px solid #dee2e6}.payment-benefits h4{margin:0 0 15px;color:#333;font-size:1.1rem;font-weight:700}.payment-benefits ul{margin:0;padding:0;list-style:none}.payment-benefits li{margin-bottom:8px;color:#495057;font-size:.95rem}.payment-benefits li:last-child{margin-bottom:0}.form-actions{display:flex;gap:15px;justify-content:center}.submit-btn,.skip-btn{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.skip-btn{background:#6c757d;color:#fff}.skip-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.skip-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;border:1px solid #f5c6cb;margin-top:20px;text-align:center;font-weight:500}@media (max-width: 768px){.payment-setup-container{padding:20px 10px 10px;align-items:flex-start}.payment-setup-card{max-height:90vh;margin:20px 0 0}.payment-setup-header{padding:20px}.header-content h2{font-size:1.5rem}.payment-step{padding:20px}.step-indicator{margin-bottom:20px}.step{width:35px;height:35px;font-size:1rem}.payment-method-option{padding:15px}.method-header{gap:10px}.method-name{font-size:1rem}.method-details{flex-direction:column;gap:8px;align-items:flex-start}.form-actions{flex-direction:column;align-items:center}.submit-btn,.skip-btn{width:100%;max-width:300px}}@media (max-width: 480px){.payment-setup-container{align-items:flex-start;padding:15px 5px 5px}.payment-setup-card{max-height:95vh;margin:15px 0 0}.payment-setup-header{padding:15px}.header-content h2{font-size:1.3rem}.payment-step{padding:15px}.step{width:30px;height:30px;font-size:.9rem}.payment-method-option{padding:12px}.method-header{gap:8px}.method-name{font-size:.9rem}.fees,.processing-time{font-size:.8rem;padding:3px 6px}}.security-notice{display:flex;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;border-left:4px solid #28a745}.security-icon{font-size:1.2rem;color:#28a745;flex-shrink:0;margin-top:2px}.security-text{color:#495057;font-size:.9rem;line-height:1.4}.security-text strong{color:#28a745}@media (max-width: 768px){.security-notice{padding:12px;margin-top:12px}.security-icon{font-size:1.1rem}.security-text{font-size:.85rem}}@media (max-width: 480px){.security-notice{padding:10px;margin-top:10px;flex-direction:column;align-items:center;text-align:center}.security-icon{margin-top:0;margin-bottom:8px}}.payment-setup-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);padding:120px 20px 40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.payment-setup-header{text-align:center;color:#fff;margin-bottom:40px;max-width:600px}.payment-setup-header h1{font-size:3rem;margin-bottom:15px;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.3);background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-setup-header p{font-size:1.3rem;opacity:.95;font-weight:300;text-shadow:1px 1px 2px rgba(0,0,0,.2);line-height:1.6}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.payment-setup-page{padding:80px 15px 20px}.payment-setup-header h1{font-size:2.5rem}.payment-setup-header p{font-size:1.1rem}}@media (min-width: 769px){.payment-setup-page{padding:140px 40px 60px}.payment-setup-header{margin-bottom:50px}.payment-setup-header h1{font-size:3.5rem}.payment-setup-header p{font-size:1.4rem}}*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif}a{text-decoration:none;color:#5a5a5a}img{cursor:pointer}.flex-div{display:flex;align-items:center}.main-content-area{flex-grow:1;padding:20px 20px 20px 10px;width:100%}