nav{padding:10px 2%;justify-content:space-between;box-shadow:0 0 10px #0003;background:#fff;position:sticky;top:0;z-index:10}.auth-section{margin-right:20px;gap:10px}.sign-in-btn,.nav-right .subscribe-btn{border:none;padding:8px 16px;border-radius:20px;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}.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: 900px){.menu-icon,.nav-right img{display:none}.logo{width:90px}.nav-middle .mic-icon{display:none}.nav-middle .search-box input{width:100px}.auth-section{display:none}.nav-right .subscribe-btn,.sign-in-btn{padding:6px 12px;font-size:12px;margin-right:8px}}.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:space-between;align-items:center;flex-wrap:wrap;gap:30px;padding-left:20px}.footer-logo-section{display:flex;align-items:center}.footer-logo{width:50px;height:auto}.footer-links-section{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-left:auto;margin-right:auto}.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;margin-left:auto}.footer-copyright p{margin:0;color:#6c757d;white-space:nowrap}@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}}.container{background:#f9f9f9;padding-top:10px;padding-bottom:10px}@media (max-width: 900px){.large-container,.container{padding-left:5%;padding-right:5%}}.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:130px}@media (max-width: 768px){.flow-steps{flex-direction:column;gap:8px}.flow-arrow{transform:rotate(90deg);margin:4px 0}.flow-step{min-width:110px}.user-flow-section{padding:15px}}.category-tabs{display:flex;overflow-x:auto;gap:10px;padding:12px 0 8px;background:transparent;border-bottom:1px solid #eee;margin-bottom:8px;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#f2f2f2;border:none;border-radius:18px;padding:6px 18px;font-size:.9rem;color:#222;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.category-tab.active{background:#222;color:#fff;font-weight:600}.category-tab:hover:not(.active){background:#e0e0e0}.play-video{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.play-video video{width:100%;max-height:405px;object-fit:contain;max-width:100vw;height:auto;aspect-ratio:16/9}.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;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}.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}}.screenmerch-actions{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.screenmerch-btn{flex:1 1 0;background:red;color:#fff;padding:8px 20px;border:0;outline:0;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background .2s;margin:0}.screenmerch-btn:hover{background:#c00}.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:cover;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-top:8px;display:block}.screenmerch-placeholder{background:#f5f5f5;color:#888;border:1px dashed #ccc;border-radius:8px;width:120px;height:80px;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:8px;font-size:.8rem}.screenmerch-images-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;width:100%;align-items:start;max-width:100%;box-sizing:border-box}.screenmerch-image-box{display:flex;flex-direction:column;align-items:center;text-align:center}.screenmerch-image-box h4{font-size:.9rem;margin:0 0 8px;color:#333;font-weight:600}.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-delete-btn{position:absolute;top:2px;right:2px;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;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.screenmerch-delete-btn:hover{background:#ffeaea}@media (max-width: 768px){.play-video video{max-height:50vh;width:100%;object-fit:contain;position:relative;z-index:1}.screenmerch-btn{min-height:44px;padding:12px 16px;font-size:14px;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.screenmerch-actions{flex-direction:column;gap:12px;margin-bottom:20px}}@media (max-width: 480px){.play-video video{max-height:40vh}.screenmerch-btn{padding:10px 12px;font-size:13px;min-height:48px}.screenmerch-actions{gap:10px}}.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%}}.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}.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}.video-viewer{order:1}.screenshots-section{order:2;max-height:none;padding:15px}.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: 900px){.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}.tip-card h4{margin:0 0 10px;color:#333;font-size:1.1rem}.tip-card p{margin:0;color:#666;line-height:1.5}.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-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}.sales-chart-section h3{margin:0 0 20px;color:#333;font-size:1.3rem}.chart-container{position:relative;height:250px;display:flex;align-items:flex-end;gap:4px;padding:20px 0;border-bottom:2px solid #e9ecef}.chart-bars{display:flex;align-items:flex-end;gap:4px;height:200px;flex:1}.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}.chart-bar:hover{background:linear-gradient(to top,#0056b3,#004494);transform:scaleY(1.05)}.bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .3s ease}.chart-bar:hover .bar-value{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:10px;padding:0 10px}.chart-labels span{font-size:.8rem;color:#666;font-weight:500}.products-sold-table{background:#fff;padding:30px;border-radius:12px;border:1px solid #dee2e6;margin-bottom:40px}.products-sold-table h3{margin:0 0 20px;color:#333;font-size:1.3rem}.product-info{display:flex;align-items:center;font-weight:600}.product-image img{width:40px;height:40px;border-radius:6px;object-fit:cover}.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-container{height:200px}.chart-bars{height:150px}.video-sources-grid{grid-template-columns:1fr}.analytics-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:300px}}.subscription-tiers{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);padding:40px 20px;position:relative;overflow:hidden}.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)}.message{max-width:1200px;margin:0 auto 30px;padding:15px 20px;border-radius:12px;text-align:center;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.message.success{background:rgba(212,237,218,.9);color:#155724;border:1px solid rgba(195,230,203,.8)}.message.info{background:rgba(209,236,241,.9);color:#0c5460;border:1px solid rgba(190,229,235,.8)}.message.error{background:rgba(248,215,218,.9);color:#721c24;border:1px solid rgba(241,176,183,.8)}.tiers-container{display:flex;justify-content:center;max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.tier-card{background:rgba(255,255,255,.95);border-radius:24px;padding:40px;box-shadow:0 20px 60px #00000026;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);max-width:500px;width:100%}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:24px 24px 0 0}.tier-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 80px #00000040}.tier-card.popular{transform:scale(1.05);border-color:#667eea;box-shadow:0 25px 70px #667eea4d}.tier-card.current{border-color:#007bff;background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,249,255,.95) 100%)}.popular-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #667eea66;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.current-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:10px 20px;font-size:.9rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #007bff66}.tier-header{text-align:center;margin-bottom:40px}.tier-header h2{font-size:2.2rem;margin-bottom:20px;color:#333;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-price{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:15px}.price{font-size:3rem;font-weight:800;color:#667eea;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.period{font-size:1.2rem;color:#666;font-weight:500}.trial-text{font-size:1.1rem;color:#28a745;font-weight:600;text-align:center;padding:8px 16px;background:rgba(40,167,69,.1);border-radius:20px;border:2px solid rgba(40,167,69,.3)}.tier-features{margin-bottom:40px}.tier-features ul{list-style:none;padding:0;margin:0}.tier-features li{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:1.1rem;color:#555;font-weight:500;transition:all .3s ease}.tier-features li:hover{background:rgba(102,126,234,.05);border-radius:8px;padding-left:10px;transform:translate(5px)}.tier-features li:last-child{border-bottom:none}.checkmark{color:#28a745;font-weight:700;margin-right:15px;font-size:1.4rem;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.tier-action{text-align:center;margin-bottom:20px}.tier-button{width:100%;padding:18px 30px;border:none;border-radius:15px;font-size:1.2rem;font-weight:700;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66;text-transform:uppercase;letter-spacing:.5px}.tier-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 35px #667eea99;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.tier-button:disabled{cursor:not-allowed;transform:none;opacity:.7;box-shadow:none}.tier-button.popular{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66}.tiers-footer{text-align:center;margin-top:60px;color:#fff;position:relative;z-index:1}.tiers-footer p{font-size:1.3rem;margin-bottom:25px;opacity:.95;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.trial-info{font-size:1.1rem;padding:20px;background:rgba(255,255,255,.1);border-radius:15px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);font-weight:600}.trial-notice{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(248,249,255,.95) 100%);border-radius:20px;padding:30px;margin-top:30px;box-shadow:0 15px 40px #0000001a;border:2px solid rgba(40,167,69,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.trial-notice:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#28a745,#20c997,#17a2b8);border-radius:20px 20px 0 0}.trial-notice h3{color:#28a745;font-size:1.8rem;margin-bottom:15px;font-weight:800;text-align:center}.trial-notice p{color:#333;font-size:1.2rem;margin-bottom:20px;text-align:center;font-weight:600}.trial-notice li{color:#555;font-size:1.1rem;margin-bottom:12px;padding:8px 0;font-weight:500;display:flex;align-items:center}.trial-notice li:last-child{margin-bottom:0}@media (max-width: 768px){.subscription-tiers{padding:20px 10px}.tiers-header h1{font-size:2.5rem;margin-bottom:10px}.tiers-header p{font-size:1.1rem;line-height:1.4}.tiers-container{padding:0 10px}.tier-card{padding:30px 20px;margin-bottom:20px}.tier-card.popular{transform:none}.tier-header h2{font-size:1.8rem;margin-bottom:15px}.price{font-size:2.5rem}.period{font-size:1rem}.trial-text{font-size:1rem;margin-top:10px}.tier-features li{font-size:1rem;margin-bottom:10px;line-height:1.4}.tier-action{margin-top:25px}.tier-button{width:100%;padding:15px 25px;font-size:1.1rem}.popular-badge,.current-badge{font-size:.8rem;padding:8px 16px}.message{margin:0 10px 20px;padding:12px 15px;font-size:.9rem}.tiers-footer{margin-top:40px;padding:0 10px}.tiers-footer p{font-size:1.1rem;margin-bottom:20px;line-height:1.4}.trial-info{font-size:1rem;padding:15px;margin-top:15px}.trial-notice{padding:25px 20px;margin-top:25px}.trial-notice h3{font-size:1.5rem;margin-bottom:12px}.trial-notice p{font-size:1.1rem;margin-bottom:15px}.trial-notice li{font-size:1rem;margin-bottom:10px}}@media (max-width: 480px){.subscription-tiers{padding:15px 5px}.tiers-header h1{font-size:2rem}.tiers-header p{font-size:1rem}.tier-card{padding:25px 15px}.tier-header h2{font-size:1.6rem}.price{font-size:2.2rem}.tier-features li{font-size:.95rem}.tier-button{padding:12px 20px;font-size:1rem}.message{font-size:.85rem;padding:10px 12px}.tiers-footer p{font-size:1rem}.trial-notice{padding:20px 15px;margin-top:20px}.trial-notice h3{font-size:1.3rem;margin-bottom:10px}.trial-notice p{font-size:1rem;margin-bottom:12px}.trial-notice li{font-size:.9rem;margin-bottom:8px}}.subscription-success-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;padding:20px}.success-container{background:white;border-radius:16px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 10px 30px #0003}.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}.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}.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)}.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}@media (max-width: 600px){.success-container{padding:30px 20px;margin:10px}.success-icon,.error-icon{font-size:3rem}.success-container h2{font-size:1.5rem}.premium-features{padding:15px}}.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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}}.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}}*{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;width:100%}