*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;text-align:center}.landing-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.hero-section{align-items:center;background:linear-gradient(135deg,#f0f8f0,#e8f5e8);display:flex;min-height:100vh;padding:8rem 0 4rem}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem}.hero-title{color:#333;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.highlight{color:#4caf50}.hero-subtitle{color:#666;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.primary-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.primary-btn:hover{background-color:#45a049;transform:translateY(-2px)}.secondary-btn{background-color:initial;border:2px solid #4caf50;border-radius:8px;color:#4caf50;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.secondary-btn:hover{background-color:#4caf50;color:#fff}.hero-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{color:#4caf50;display:block;font-size:1.5rem;font-weight:700}.stat-label{color:#666;font-size:.875rem}.phone-mockup{background:linear-gradient(145deg,#2c3e50,#34495e);border-radius:30px;box-shadow:0 20px 40px #0000004d;height:600px;margin:0 auto;padding:20px;width:300px}.phone-screen{background:#fff;border-radius:20px;height:100%;overflow:hidden;position:relative;width:100%}.app-preview{display:flex;flex-direction:column;height:100%}.app-header{align-items:center;background:#4caf50;color:#fff;display:flex;gap:.5rem;padding:1rem}.app-icon{background:#fff;border-radius:50%;height:24px;width:24px}.app-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.earnings-display{background:#f8f9fa;border-radius:8px;padding:1rem;text-align:center}.earnings-label{color:#666;display:block;font-size:.875rem;margin-bottom:.5rem}.earnings-amount{color:#4caf50;display:block;font-weight:700}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.action-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem}.features-section{background:#fff;padding:5rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:#f8f9fa;border-radius:12px;padding:2rem;text-align:center;transition:transform .2s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.how-it-works-section{background:#f8f9fa;padding:5rem 0}.steps-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.step{padding:2rem;text-align:center}.step-number{background:#4caf50;font-size:1.5rem;font-weight:700;height:60px;margin:0 auto 1rem;width:60px}.step h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step p{color:#666;line-height:1.6}.testimonials-section{background:#fff;padding:5rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.testimonial-card{background:#f8f9fa;border-left:4px solid #4caf50;border-radius:12px;padding:2rem}.testimonial-content p{color:#333;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-weight:700;height:50px;justify-content:center;width:50px}.author-info h4{color:#333;font-weight:600;margin-bottom:.25rem}.author-info span{color:#666;font-size:.875rem}.faq-preview-section{background:#f8f9fa;padding:5rem 0}.faq-preview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem;margin-top:3rem}.faq-preview-item{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .2s ease}.faq-preview-item:hover{transform:translateY(-5px)}.faq-preview-item h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.faq-preview-item p{color:#666;line-height:1.6}.faq-cta{margin-top:2rem;text-align:center}.faq-cta p{color:#666;font-size:1.125rem;margin-bottom:1.5rem}.faq-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.faq-btn:hover{background-color:#45a049;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:5rem 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-button{background:#fff;border:none;border-radius:8px;color:#4caf50;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.cta-button:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.header-content{padding:0 1rem}.nav-menu{display:none}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-buttons{flex-wrap:wrap}.hero-buttons,.hero-stats{justify-content:center}.phone-mockup{height:500px;width:250px}.section-title{font-size:2rem}.features-grid,.footer-content,.steps-container,.testimonials-grid{grid-template-columns:1fr}.footer-content{text-align:center}}@media (max-width:480px){.container{padding:0 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons,.hero-stats{flex-direction:column}.hero-stats{gap:1rem}.phone-mockup{height:400px;width:200px}.section-title{font-size:1.75rem}}.faq-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.faq-header{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:1000}.header-content{max-width:1200px;padding:0 2rem}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#666;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#4caf50}.header-buttons{align-items:center;display:flex;gap:1rem}.login-btn{background:none;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.login-btn:hover{background-color:#f5f5f5}.signup-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.signup-btn:hover{background-color:#45a049}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.faq-hero{background:linear-gradient(135deg,#f0f8f0,#e8f5e8);padding:4rem 0;text-align:center}.faq-title{color:#333;font-size:3rem;font-weight:700;margin-bottom:1rem}.faq-subtitle{color:#666;font-size:1.25rem;margin:0 auto;max-width:600px}.faq-section{background:#fff;padding:4rem 0}.faq-container{margin:0 auto;max-width:800px}.faq-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 4px 12px #0000001a}.faq-item.open{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.faq-question{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:1.5rem;text-align:left;transition:background-color .2s ease;width:100%}.faq-question:hover{background-color:#f8f9fa}.faq-icon{color:#4caf50;font-size:1.5rem;font-weight:700;transition:transform .2s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{background-color:#f8f9fa;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:200px;padding:1.5rem}.faq-answer p{color:#666;line-height:1.6;margin:0}.contact-section{background:#f8f9fa;padding:4rem 0}.contact-content{text-align:center}.contact-content h2{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-content>p{color:#666;font-size:1.25rem;margin-bottom:3rem}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.contact-method{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem;transition:transform .2s ease}.contact-method:hover{transform:translateY(-5px)}.contact-icon{font-size:3rem;margin-bottom:1rem}.contact-method h3{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.contact-method p{color:#4caf50;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.contact-method span{color:#666;font-size:.875rem}.contact-btn{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.contact-btn:hover{background-color:#45a049;transform:translateY(-2px)}.footer{background:#2c3e50;color:#fff;padding:3rem 0 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#4caf50;margin-bottom:1rem}.footer-section p{color:#bdc3c7;line-height:1.6}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#4caf50}.social-links{display:flex;gap:1rem}.social-link{color:#bdc3c7;text-decoration:none;transition:color .2s ease}.social-link:hover{color:#4caf50}.footer-bottom{border-top:1px solid #34495e;color:#bdc3c7;padding-top:1rem;text-align:center}@media (max-width:768px){.header-content{padding:0 1rem}.nav-menu{display:none}.faq-title{font-size:2.25rem}.faq-subtitle{font-size:1.125rem}.contact-content h2{font-size:2rem}.contact-methods,.footer-content{grid-template-columns:1fr}.footer-content{text-align:center}}@media (max-width:480px){.container{padding:0 1rem}.faq-title{font-size:1.875rem}.faq-question,.faq-subtitle{font-size:1rem}.faq-item.open .faq-answer,.faq-question{padding:1rem}.contact-content h2{font-size:1.75rem}.contact-method{padding:1.5rem}.contact-btn{font-size:1rem;padding:.875rem 1.5rem}}.login-page{align-items:center;background-color:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.login-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:450px;padding:3rem;position:relative;width:100%}.logo-section{gap:.75rem;justify-content:center;margin-bottom:2rem}.logo-text{color:#333;font-size:1.5rem}.tab-navigation{background:#f8f9fa;border-radius:8px;display:flex;margin-bottom:2rem;padding:.25rem}.tab-button{background:none;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.tab-button:hover{color:#333}.tab-button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#333}.form-section{margin-bottom:2rem}.form-title{color:#333;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.form-subtitle{color:#666;font-size:.875rem;margin:0 0 2rem;text-align:center}.form-group{margin-bottom:1.5rem}.error-text{color:#dc3545;display:block;font-size:.75rem;margin-top:.25rem}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-label{color:#333;font-size:.875rem}.form-input{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-input::placeholder{color:#999}.submit-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.submit-button:hover{background:#0056b3;transform:translateY(-1px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed}.submit-button:disabled,.submit-button:disabled:hover{background:#ccc;transform:none}.back-home-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;left:1.5rem;padding:.5rem 0;position:absolute;top:1.5rem;transition:all .2s ease}.back-home-btn:hover{color:#333}.login-form,.signup-form{width:100%}@media (max-width:768px){.login-page{padding:1rem}.login-container{padding:2rem}.form-title{font-size:1.5rem}.back-home-btn{margin-bottom:1rem;position:static;text-align:center;width:100%}}@media (max-width:480px){.login-container{padding:1.5rem}.form-title,.logo-text{font-size:1.25rem}.tab-button{font-size:.8rem;padding:.625rem .75rem}.form-input,.submit-button{padding:.75rem .875rem}}.back-home-btn:focus,.form-input:focus,.submit-button:focus,.tab-button:focus{outline:2px solid #4caf50;outline-offset:2px}.login-container{animation:fadeInUp .6s ease}.form-input:hover{border-color:#4caf50}.tab-button:hover:not(.active){background:#4caf500d}.dashboard{background-color:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e9ecef;height:100vh;overflow-y:auto;padding:20px 0;position:fixed;width:250px}.sidebar-header{border-bottom:1px solid #e9ecef;padding:0 20px 20px}.logo-section{gap:10px}.logo-text{font-size:20px;font-weight:700}.sidebar-nav{padding:20px 0}.nav-item{color:#6c757d;padding:12px 20px}.nav-item.active{background-color:#e7f3ff;border-right:3px solid #0d6efd;color:#0d6efd}.dashboard-main{flex:1 1;margin-left:250px;padding:20px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-title{color:#212529;font-size:28px;margin:0}.dashboard .withdraw-btn{background-color:#10b981;border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;min-width:140px;padding:10px 20px;transition:all .2s ease;white-space:nowrap;width:auto}.dashboard .withdraw-btn:hover{background-color:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.earnings-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;padding:24px}.summary-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-icon{align-items:center;background-color:#f8f9fa;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.card-icon svg{color:#0d6efd;height:24px;width:24px}.card-content{flex:1 1}.card-title{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.card-amount{color:#212529;font-size:24px;font-weight:700;margin:0 0 4px}.bonus-indicator{background-color:#d1e7dd;border-radius:4px;color:#198754;display:inline-block;font-size:12px;font-weight:600;margin:0;padding:4px 8px}.current-plan-card{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:24px}.plan-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 8px}.plan-type{color:#6c757d;font-size:16px;margin:0}.referral-graph-section{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:24px}.graph-header{margin-bottom:20px}.graph-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 4px}.graph-subtitle{color:#6c757d;font-size:14px;margin:0}.graph-container{align-items:flex-end;display:flex;gap:20px;height:200px}.graph-y-axis{color:#6c757d;display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:space-between;min-width:20px}.graph-content{flex:1 1;height:100%;position:relative}.graph-line{background-color:#e9ecef;bottom:0;height:2px}.graph-line,.graph-x-axis{left:0;position:absolute;right:0}.graph-x-axis{bottom:-30px;color:#6c757d;display:flex;font-size:12px;justify-content:space-between}.videos-section{margin-bottom:30px}.videos-title{color:#212529;font-size:20px;font-weight:600;margin:0 0 20px;text-transform:lowercase}.videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{background-color:#fff;border:1px solid #f1f3f4;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.video-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.video-card.locked{opacity:.7}.video-thumbnail{background-color:#f8f9fa;cursor:pointer;height:180px;overflow:hidden;position:relative}.video-thumbnail:hover{transform:scale(1.02)}.thumbnail-image{background-repeat:no-repeat;height:100%;width:100%}.oreo-bubbles,.thumbnail-image{background-position:50%;background-size:cover}.oreo-bubbles{background-image:url(https://img.youtube.com/vi/oio3JCUhl5Q/hqdefault.jpg);position:relative}.oreo-bubbles:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Oreo Bubbles";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.temu-app{background-image:url(https://img.youtube.com/vi/5Od0aOse1wc/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.temu-app:after{bottom:10px;color:#fff;content:"Temu App";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.audi-q{background-image:url(https://img.youtube.com/vi/4nfq18MG7Mo/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.audi-q:after{bottom:10px;color:#fff;content:"Audi Q";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.heinz-ad{background-image:url(https://img.youtube.com/vi/keOaQm6RpBg/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.heinz-ad:after{bottom:10px;color:#fff;content:"Heinz Ad";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.coca-cola{background-image:linear-gradient(135deg,red,#c00);position:relative}.coca-cola:after{bottom:10px;color:#fff;content:"Coca Cola";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.nike-sports{background-image:linear-gradient(135deg,#000,#333);position:relative}.nike-sports:after{bottom:10px;color:#fff;content:"Nike Sports";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.mcdonalds{background-image:linear-gradient(135deg,#ffc72c,#ff6b35);position:relative}.mcdonalds:after{bottom:10px;color:#fff;content:"McDonald's";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.samsung-phone{background-image:linear-gradient(135deg,#1428a0,#1e3a8a);position:relative}.samsung-phone:after{bottom:10px;color:#fff;content:"Samsung";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.apple-watch{background-image:linear-gradient(135deg,#000,#1d1d1f);position:relative}.apple-watch:after{bottom:10px;color:#fff;content:"Apple Watch";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.netflix-show{background-image:linear-gradient(135deg,#e50914,#b20710);position:relative}.netflix-show:after{bottom:10px;color:#fff;content:"Netflix";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.spotify-music{background-image:linear-gradient(135deg,#1db954,#1ed760);position:relative}.spotify-music:after{bottom:10px;color:#fff;content:"Spotify";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.uber-ride{background-image:linear-gradient(135deg,#000,#333);position:relative}.uber-ride:after{bottom:10px;color:#fff;content:"Uber";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.amazon-prime{background-image:linear-gradient(135deg,#f90,#ff8c00);position:relative}.amazon-prime:after{bottom:10px;color:#fff;content:"Amazon";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.google-pixel{background-image:linear-gradient(135deg,#4285f4,#34a853);position:relative}.google-pixel:after{bottom:10px;color:#fff;content:"Google Pixel";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.microsoft-office{background-image:linear-gradient(135deg,#d83b01,#0078d4);position:relative}.microsoft-office:after{bottom:10px;color:#fff;content:"Microsoft";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.tesla-model{background-image:linear-gradient(135deg,#c00,#e63946);position:relative}.tesla-model:after{bottom:10px;color:#fff;content:"Tesla";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.starbucks-coffee{background-image:linear-gradient(135deg,#006241,#00754a);position:relative}.starbucks-coffee:after{bottom:10px;color:#fff;content:"Starbucks";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.adidas-shoes{background-image:linear-gradient(135deg,#000,#333);position:relative}.adidas-shoes:after{bottom:10px;color:#fff;content:"Adidas";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.sony-ps5{background-image:linear-gradient(135deg,#003791,#0070cc);position:relative}.sony-ps5:after{bottom:10px;color:#fff;content:"PlayStation 5";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.disney-plus{background-image:linear-gradient(135deg,#0063e5,#1a1a1a);position:relative}.disney-plus:after{bottom:10px;color:#fff;content:"Disney+";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.linkedin-pro{background-image:linear-gradient(135deg,#0077b5,#00a0dc);position:relative}.linkedin-pro:after{bottom:10px;color:#fff;content:"LinkedIn";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.zoom-meeting{background-image:linear-gradient(135deg,#2d8cff,#06f);position:relative}.zoom-meeting:after{bottom:10px;color:#fff;content:"Zoom";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.dropbox-cloud{background-image:linear-gradient(135deg,#0061ff,#007ee5);position:relative}.dropbox-cloud:after{bottom:10px;color:#fff;content:"Dropbox";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.slack-team{background-image:linear-gradient(135deg,#4a154b,#611f69);position:relative}.slack-team:after{bottom:10px;color:#fff;content:"Slack";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.figma-design{background-image:linear-gradient(135deg,#f24e1e,#ff7262);position:relative}.figma-design:after{bottom:10px;color:#fff;content:"Figma";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.notion-app{background-image:linear-gradient(135deg,#000,#37352f);position:relative}.notion-app:after{bottom:10px;color:#fff;content:"Notion";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.canva-pro{background-image:linear-gradient(135deg,#00c4cc,#00d4ff);position:relative}.canva-pro:after{bottom:10px;color:#fff;content:"Canva";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.trello-board{background-image:linear-gradient(135deg,#0079bf,#026aa7);position:relative}.trello-board:after{bottom:10px;color:#fff;content:"Trello";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.asana-tasks{background-image:linear-gradient(135deg,#f06a6a,#ff6b6b);position:relative}.asana-tasks:after{bottom:10px;color:#fff;content:"Asana";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.hubspot-crm{background-image:linear-gradient(135deg,#ff7a59,#ff5a5f);position:relative}.hubspot-crm:after{bottom:10px;color:#fff;content:"HubSpot";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.salesforce-cloud{background-image:linear-gradient(135deg,#00a1e0,#1798c1);position:relative}.salesforce-cloud:after{bottom:10px;color:#fff;content:"Salesforce";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.shopify-store{background-image:linear-gradient(135deg,#95bf47,#5e8e3e);position:relative}.shopify-store:after{bottom:10px;color:#fff;content:"Shopify";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.wordpress-site{background-image:linear-gradient(135deg,#21759b,#464646);position:relative}.wordpress-site:after{bottom:10px;color:#fff;content:"WordPress";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.wix-website{background-image:linear-gradient(135deg,#ff6b6b,#ee5a52);position:relative}.wix-website:after{bottom:10px;color:#fff;content:"Wix";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.squarespace{background-image:linear-gradient(135deg,#000,#333);position:relative}.squarespace:after{bottom:10px;color:#fff;content:"Squarespace";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.mailchimp{background-image:linear-gradient(135deg,#ff6b6b,#ff6b6b);position:relative}.mailchimp:after{bottom:10px;color:#fff;content:"Mailchimp";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.constant-contact{background-image:linear-gradient(135deg,#ff6b6b,#ff6b6b);position:relative}.constant-contact:after{bottom:10px;color:#fff;content:"Constant Contact";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.hulu-streaming{background-image:linear-gradient(135deg,#1ce783,#0f8);position:relative}.hulu-streaming:after{bottom:10px;color:#fff;content:"Hulu";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.hbo-max{background-image:linear-gradient(135deg,#b535f6,#8b5cf6);position:relative}.hbo-max:after{bottom:10px;color:#fff;content:"HBO Max";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.paramount-plus{background-image:linear-gradient(135deg,#06c,#003d99);position:relative}.paramount-plus:after{bottom:10px;color:#fff;content:"Paramount+";font-size:14px;font-weight:600;left:10px;position:absolute;text-shadow:1px 1px 2px #00000080}.snickers-advert{background-image:url(https://img.youtube.com/vi/qIVDxL2lgN4/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.snickers-advert:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Snickers";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.all-purpose-flour{background-image:url(https://img.youtube.com/vi/laj3okHimo8/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.all-purpose-flour:after{background:#fffc;border-radius:4px;bottom:10px;color:#333;content:"All Purpose Flour";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #fffc}.minute-maid-pulpy{background-image:url(https://img.youtube.com/vi/rPWBY1wusQ4/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.minute-maid-pulpy:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Minute Maid";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.kit-kat-dancing{background-image:url(https://img.youtube.com/vi/xTpv9lc_qMw/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.kit-kat-dancing:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Kit Kat";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.jam-spotify{background-image:url(https://img.youtube.com/vi/3DYrvRn2Uy0/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.jam-spotify:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Spotify";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.entertainment{background-image:url(https://img.youtube.com/vi/T4eoT7hD-TY/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.entertainment:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Entertainment";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.bank-backs-you{background-image:url(https://img.youtube.com/vi/3DSeauqrIpI/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.bank-backs-you:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Bank";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.maasai-mara{background-image:url(https://img.youtube.com/vi/YRnIM0qCvdk/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.maasai-mara:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Maasai Mara Park";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.shell-vpower{background-image:url(https://img.youtube.com/vi/K4y3S_N3qPo/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.shell-vpower:after{background:#fffc;border-radius:4px;bottom:10px;color:#333;content:"Shell V-Power";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #fffc}.mobile-consumer{background-image:url(https://img.youtube.com/vi/nwXpTMnkwno/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.mobile-consumer:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Mobile Survey";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.lufthansa-airlines{background-image:url(https://img.youtube.com/vi/fOBVCGRYCyE/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.lufthansa-airlines:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Lufthansa";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.google-wind{background-image:url(https://img.youtube.com/vi/QAwL0O5nXe0/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.google-wind:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Google Wind";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.google-pixel-9{background-image:url(https://img.youtube.com/vi/x65VVs-aSUI/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.google-pixel-9:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Pixel 9";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.cybercrime-ad{background-image:url(https://img.youtube.com/vi/ZBS0e2azeug/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.cybercrime-ad:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Cybercrime";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.colgate-nigeria{background-image:url(https://img.youtube.com/vi/fPnCBbttMV8/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.colgate-nigeria:after{background:#fffc;border-radius:4px;bottom:10px;color:#333;content:"Colgate";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #fffc}.cadbury-dairy{background-image:url(https://img.youtube.com/vi/ZNRSHr3b4uA/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.cadbury-dairy:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Cadbury";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.amazon-shipping{background-image:url(https://img.youtube.com/vi/PTXvuzFLYxE/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.amazon-shipping:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Amazon";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.nike-greatness{background-image:url(https://img.youtube.com/vi/WYP9AGtLvRg/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.nike-greatness:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Nike";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.love-mondays{background-image:url(https://img.youtube.com/vi/OK9wrfMoP-Y/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.love-mondays:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Love Mondays";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.hp-ai-companion{background-image:url(https://img.youtube.com/vi/qL7kr1ckgDE/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.hp-ai-companion:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"HP AI";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.sony{background-image:url(https://img.youtube.com/vi/oYmU8Av_e84/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.sony:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"SONY";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.galaxy-s25{background-image:url(https://img.youtube.com/vi/kOcEK5TGXV8/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.galaxy-s25:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Galaxy S25";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.prinkles-advert{background-image:url(https://img.youtube.com/vi/aP2up9N6H-g/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.prinkles-advert:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Prinkles";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.your-money-loves{background-image:url(https://img.youtube.com/vi/nGNC9vp8qTM/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.your-money-loves:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Your Money";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.taste-milky-mist{background-image:url(https://img.youtube.com/vi/HbCLCr-KZ8s/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.taste-milky-mist:after{background:#fffc;border-radius:4px;bottom:10px;color:#333;content:"Milky Mist";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #fffc}.omo-ultimate{background-image:url(https://img.youtube.com/vi/msXEGrzkuCY/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.omo-ultimate:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"OMO";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.love-coca-cola{background-image:url(https://img.youtube.com/vi/VGa1imApfdg/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.love-coca-cola:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Coca Cola";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.hisense{background-image:url(https://img.youtube.com/vi/p9B_oavY4Gw/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.hisense:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"Hisense";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.uci-health{background-image:url(https://img.youtube.com/vi/P3m-g-aXz50/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.uci-health:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"UCI Health";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.messy-burger{background-image:url(https://img.youtube.com/vi/Sr-0vUwhymM/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.messy-burger:after{background:#fffc;border-radius:4px;bottom:10px;color:#333;content:"KFC Burger";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #fffc}.south-africa{background-image:url(https://img.youtube.com/vi/f-wndBMavuI/hqdefault.jpg);background-position:50%;background-size:cover;position:relative}.south-africa:after{background:#0009;border-radius:4px;bottom:10px;color:#fff;content:"South Africa";font-size:14px;font-weight:600;left:10px;padding:4px 8px;position:absolute;text-shadow:1px 1px 2px #000c}.video-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.video-card.locked .video-overlay,.video-card:hover .video-overlay{opacity:1}.play-icon{align-items:center;background:#ffffffe6;border-radius:50%;display:flex;height:48px;justify-content:center;width:48px}.play-icon svg{height:24px;margin-left:2px;width:24px}.lock-icon{align-items:center;display:flex;height:48px;justify-content:center;width:48px}.lock-icon svg{height:24px;width:24px}.upgrade-text{background:#000c;border-radius:20px;bottom:1rem;color:#fff;font-size:.75rem;font-weight:500;left:50%;padding:.5rem 1rem;position:absolute;transform:translateX(-50%)}.video-info{padding:.75rem 1rem 1rem}.video-title{color:#6c757d;font-size:.875rem;font-weight:400;margin:0 0 .25rem}.video-earnings{color:#212529;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.upgrade-btn,.watch-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .2s ease;width:100%}.watch-btn{background:#28a745;color:#fff}.watch-btn:hover{background:#218838;transform:translateY(-1px)}.upgrade-btn{background:#e8f5e8;color:#4caf50}.upgrade-btn:hover{background:#d4edda;transform:translateY(-1px)}.upgrade-btn svg,.watch-btn svg{height:16px;width:16px}.video-card.played{opacity:.8}.video-card.played .video-thumbnail{cursor:default}.played-icon{align-items:center;background:#4caf50e6;border-radius:50%;box-shadow:0 4px 12px #4caf504d;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.played-icon svg{height:30px;width:30px}.watched-btn{align-items:center;background-color:#6c757d!important;border:none;border-radius:6px;color:#fff!important;cursor:not-allowed;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;opacity:.7;padding:8px 16px;width:100%}.watched-btn svg{height:14px;width:14px}.withdrawal-notification{animation:slideIn .3s ease;background:#000c;border-radius:8px;bottom:2rem;color:#fff;font-size:.875rem;padding:.75rem 1rem;position:fixed;right:2rem;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:1024px){.dashboard-sidebar{width:200px}.dashboard-main{margin-left:200px}.earnings-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.videos-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard{flex-direction:column}.dashboard-sidebar{height:auto;padding:1rem;position:static;width:100%}.dashboard-main{margin-left:0;padding:1rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.earnings-summary,.videos-grid{grid-template-columns:1fr}.withdrawal-notification{bottom:1rem;left:1rem;right:1rem}}@media (max-width:480px){.dashboard-main,.dashboard-sidebar{padding:.75rem}.page-title{font-size:1.5rem}.summary-card{padding:1rem}.card-amount{font-size:1.25rem}.video-thumbnail{height:120px}}.withdraw-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:1000}.withdraw-modal{animation:modalSlideIn .3s ease-out;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:100%}.withdraw-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px 16px}.withdraw-modal-title{color:#212529;font-size:18px;font-weight:600;margin:0}.withdraw-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.withdraw-modal-close:hover{background-color:#e9ecef;color:#212529}.withdraw-modal-close svg{height:20px;width:20px}.withdraw-modal-content{padding:20px 24px}.withdraw-instruction{color:#6c757d;font-size:14px;line-height:1.5;margin:0 0 20px}.balance-info{margin-bottom:20px}.balance-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.balance-label{color:#6c757d;font-size:14px}.balance-value{color:#212529;font-size:14px;font-weight:600}.withdraw-input-group{margin-bottom:20px}.withdraw-label{color:#6c757d;display:block;font-size:14px;margin-bottom:8px}.withdraw-input{background-color:#fff;border:1px solid #3b82f6;border-radius:6px;box-sizing:border-box;color:#212529;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.withdraw-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a;outline:none}.withdraw-input::placeholder{color:#adb5bd}.withdraw-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.withdraw-cancel-btn{background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.withdraw-cancel-btn:hover{background-color:#e9ecef;color:#212529}.withdraw-request-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.withdraw-request-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px)}.withdraw-request-btn:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:480px){.withdraw-modal{margin:16px;max-width:100%}.withdraw-modal-actions,.withdraw-modal-content,.withdraw-modal-header{padding-left:16px;padding-right:16px}.withdraw-modal-actions{flex-direction:column}.withdraw-cancel-btn,.withdraw-request-btn{width:100%}}.success-modal{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #10b981}.success-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.success-icon svg{filter:drop-shadow(0 4px 8px rgba(16,185,129,.3));height:80px;width:80px}.success-title{color:#10b981;font-size:1.5rem;margin-bottom:1rem;text-align:center;text-shadow:0 1px 2px #10b9811a}.success-message{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;padding:0 .5rem;text-align:center}.success-details{background:#10b9810d;border:1px solid #10b9811a;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-row:last-child{margin-bottom:0}.detail-label{font-size:.9rem;font-weight:600}.detail-value{font-size:.9rem;font-weight:700}.status-pending{background:#f59e0b1a;border-radius:12px;color:#f59e0b;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.success-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important;cursor:pointer!important;font-size:1rem!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important;width:100%!important}.success-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 16px #10b98166!important;transform:translateY(-2px)!important}.success-btn:active{transform:translateY(0)!important}.video-player-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.video-player-modal{animation:slideUp .3s ease;background:#1a1a1a;border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.video-player-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem 1.5rem}.video-player-title{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-btn:hover{background:#333;color:#fff}.close-btn svg{height:20px;width:20px}.video-container{align-items:center;aspect-ratio:16/9;background:#000;display:flex;justify-content:center;position:relative}.video-element{height:100%;object-fit:cover;width:100%}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .3s ease}.video-container:hover .video-controls{opacity:1}.progress-bar{background:#ffffff4d;border-radius:2px;height:4px;margin-bottom:.75rem;overflow:hidden;width:100%}.progress-fill{background:#4caf50;border-radius:2px;height:100%;transition:width .1s ease}.controls-bottom{align-items:center;display:flex;justify-content:space-between}.time-display{color:#fff;font-size:.875rem;font-weight:500}.controls-right{display:flex;gap:.5rem}.skip-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;padding:.5rem 1rem}.skip-btn:hover{background:#fff3;border-color:#ffffff4d}.earnings-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4caf50e6;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem}.earnings-screen{background:linear-gradient(135deg,#4caf50,#45a049);flex-direction:column;height:100%;padding:2rem;text-align:center}.earnings-icon,.earnings-screen{align-items:center;display:flex;justify-content:center}.earnings-icon{background:#fff3;border-radius:50%;height:80px;margin-bottom:1.5rem;width:80px}.earnings-icon svg{height:40px;width:40px}.earnings-title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem}.earnings-amount{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.earnings-description{color:#fffc;font-size:1rem;margin:0 0 2rem}.continue-btn{background:#fff;border:none;border-radius:8px;color:#4caf50;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.continue-btn:hover{background:#f5f5f5;transform:translateY(-1px)}@media (max-width:768px){.video-player-modal{max-height:95vh;width:95%}.video-player-header{padding:.75rem 1rem}.video-player-title{font-size:1rem}.earnings-title{font-size:1.5rem}.earnings-amount{font-size:1.25rem}.earnings-icon{height:60px;width:60px}.earnings-icon svg{height:30px;width:30px}}@media (max-width:480px){.video-player-modal{border-radius:0;height:100%;max-height:100vh;width:100%}.video-player-header{padding:.5rem .75rem}.earnings-screen{padding:1rem}.earnings-title{font-size:1.25rem}.earnings-amount{font-size:1rem}}.welcome-bonus{align-items:center;background:#f8f9fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.bonus-container{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;max-width:500px;padding:3rem;position:relative;text-align:center;width:100%}.bonus-header{margin-bottom:3rem}.bonus-icon{margin-bottom:1.5rem}.bonus-icon,.party-popper{display:flex;justify-content:center}.party-popper{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 4px 12px #3b82f64d;height:60px;position:relative;width:60px}.popper-body{background:#fff;border-radius:10px 10px 0 0;height:30px;position:relative;width:20px}.popper-body:before{border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;content:"";height:0;top:-5px;width:0}.confetti,.popper-body:before{left:50%;position:absolute;transform:translateX(-50%)}.confetti{top:-15px}.confetti span{animation:confettiFall 2s infinite;background:#f59e0b;border-radius:2px;height:8px;position:absolute;width:4px}.confetti span:first-child{animation-delay:0s;background:#ef4444;left:-10px}.confetti span:nth-child(2){animation-delay:.2s;background:#ec4899;left:-5px}.confetti span:nth-child(3){animation-delay:.4s;background:#8b5cf6;left:0}.confetti span:nth-child(4){animation-delay:.6s;background:#06b6d4;left:5px}.confetti span:nth-child(5){animation-delay:.8s;background:#10b981;left:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(20px) rotate(1turn)}}.bonus-title{color:#212529;font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:.5rem}.title-line{display:block}.bonus-subtitle{color:#6c757d;font-size:1.125rem;font-weight:400;margin:0}.wheel-container{display:flex;justify-content:center;margin:2rem 0;position:relative}.wheel-pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:25px solid #10b981;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0;z-index:10}.spinning-wheel{height:300px;position:relative;width:300px}.spinning-wheel,.spinning-wheel.spinning{transition:transform 3s cubic-bezier(.25,.46,.45,.94)}.wheel-outer{background:#fff;border:8px solid #f8f9fa;border-radius:50%;box-shadow:0 8px 24px #0000001f;height:100%;overflow:hidden;position:relative;width:100%}.wheel-segment{align-items:center;display:flex;height:50%;justify-content:center;position:absolute;transform-origin:100% 100%;width:50%}.segment-content{left:50%;position:absolute;text-align:center;top:15%;transform:translateX(-50%)}.prize-amount{color:#fff;font-size:.875rem;font-weight:600;text-shadow:1px 1px 2px #0000004d;white-space:nowrap}.wheel-center{background:#10b981;border:4px solid #fff;border-radius:50%;box-shadow:0 6px 16px #10b98166;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px;z-index:5}.spin-button,.wheel-center{align-items:center;display:flex;justify-content:center}.spin-button{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;height:100%;letter-spacing:1px;text-transform:uppercase;transform:rotate(15deg);transition:all .2s ease;width:100%}.spin-button:hover:not(.disabled){background:#ffffff1a;transform:rotate(15deg) scale(1.05)}.spin-button.disabled{cursor:not-allowed;opacity:.7}.result-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-width:400px;padding:3rem;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.result-icon{animation:celebrate .5s ease;font-size:4rem;margin-bottom:1rem}@keyframes celebrate{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.result-title{color:#212529;font-size:2rem;font-weight:700;margin-bottom:.5rem}.result-message{color:#6c757d;font-size:1.125rem;margin-bottom:1rem}.prize-display{background:#10b981;border-radius:12px;box-shadow:0 4px 12px #10b9814d;margin:1.5rem 0;padding:1.5rem}.prize-amount-large{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:1px 1px 2px #0003}.result-description{color:#6c757d;font-size:1rem;line-height:1.5;margin-bottom:2rem}.result-buttons{display:flex;justify-content:center}.claim-btn{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease}.claim-btn:hover{background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.skip-section{margin-top:2rem}.skip-btn{background:none;border:2px solid #e9ecef;border-radius:12px;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;transition:all .2s ease}.skip-btn:hover{background:#f8f9fa;border-color:#dee2e6;color:#495057}@media (max-width:768px){.welcome-bonus{padding:1rem}.bonus-container{padding:2rem}.bonus-title{font-size:2rem}.spinning-wheel{height:250px;width:250px}.wheel-center{height:70px;width:70px}.spin-button{font-size:1rem}.prize-amount{font-size:.8rem}.result-modal{padding:2rem}.result-title{font-size:1.5rem}.prize-amount-large{font-size:2rem}}@media (max-width:480px){.bonus-container{padding:1.5rem}.bonus-title{font-size:1.75rem}.spinning-wheel{height:200px;width:200px}.wheel-center{height:60px;width:60px}.spin-button{font-size:.9rem}.prize-amount{font-size:.7rem}.result-modal{padding:1.5rem}.prize-amount-large{font-size:1.75rem}}.upgrade-plan{background-color:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.upgrade-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1.5rem;position:fixed;width:250px}.upgrade-main{flex:1 1;margin-left:250px;overflow-y:auto;padding:2rem}.upgrade-header{margin-bottom:2rem}.upgrade-content{margin:0 auto;max-width:1200px}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.plan-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;position:relative;transition:all .2s ease}.plan-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.plan-card.current{border-color:#4caf50}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.plan-title{color:#333;font-size:1.5rem;font-weight:700;margin:0}.current-badge{background:#4caf50;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.plan-price{margin-bottom:2rem;text-align:center}.price-amount{color:#4caf50;display:block;font-size:2.5rem;font-weight:700}.price-suffix{color:#666;font-size:1rem;font-weight:400}.plan-features{margin-bottom:2rem}.feature-item{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.check-icon{flex-shrink:0;height:20px;width:20px}.feature-text{color:#333;font-size:.875rem;line-height:1.4}.upgrade-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;width:100%}.upgrade-button.upgrade{background:#007bff;color:#fff}.upgrade-button.upgrade:hover{background:#0056b3;transform:translateY(-2px)}.upgrade-button.current{background:#4caf50;color:#fff;cursor:default}.upgrade-button.current:hover{background:#4caf50;transform:none}.upgrade-button:disabled{cursor:not-allowed;opacity:.7}.button-icon{height:16px;width:16px}@media (max-width:1024px){.upgrade-sidebar{width:200px}.upgrade-main{margin-left:200px}.plans-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.upgrade-plan{flex-direction:column}.upgrade-sidebar{height:auto;padding:1rem;position:static;width:100%}.upgrade-main{margin-left:0;padding:1rem}.page-title{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}}@media (max-width:480px){.upgrade-main,.upgrade-sidebar{padding:.75rem}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.plan-card{padding:1rem}.plan-title{font-size:1.25rem}.price-amount{font-size:2rem}.upgrade-button{font-size:.875rem;padding:.875rem}}.plan-card{animation:fadeInUp .6s ease}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}.plan-card:nth-child(4){animation-delay:.4s}.feature-item:hover .feature-text,.plan-card:hover .plan-title{color:#4caf50}.nav-item:focus,.upgrade-button:focus{outline:2px solid #4caf50;outline-offset:2px}.refer-earn{background-color:#f5f5f5;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.refer-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1.5rem;position:fixed;width:250px}.sidebar-header{margin-bottom:2rem}.logo-section{gap:.5rem}.logo-icon,.logo-section{align-items:center;display:flex}.logo-icon{height:32px;justify-content:center;width:32px}.logo-icon svg{height:24px;width:24px}.logo-text{color:#4caf50;font-size:1.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{border-radius:8px;color:#666;font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.nav-item svg{height:20px;width:20px}.nav-item:hover{color:#333}.nav-item.active{background-color:#e8f5e8;color:#4caf50}.refer-main{flex:1 1;margin-left:250px;overflow-y:auto;padding:2rem}.refer-header{margin-bottom:2rem}.back-btn{color:#666;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 0;transition:all .2s ease}.back-btn:hover{color:#333}.back-btn svg{height:16px;width:16px}.refer-content{margin:0 auto;max-width:1000px}.page-header{margin-bottom:3rem;text-align:center}.page-title{color:#333;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.page-subtitle{color:#666;font-size:1.125rem;margin:0}.stats-section{margin-bottom:2rem}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-title{color:#333;font-size:1.25rem;font-weight:600;margin:0}.referral-icon{color:#666;height:24px;width:24px}.stat-amount{color:#333;font-size:3rem;font-weight:700;margin:0 0 1rem}.stat-description{color:#666;font-size:.875rem;line-height:1.4;margin:0 0 1.5rem}.withdraw-btn{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.withdraw-btn:hover{background:#45a049;transform:translateY(-1px)}.withdraw-icon{height:16px;width:16px}.referral-link-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.section-title{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.section-subtitle{color:#666;font-size:.875rem;margin:0 0 1.5rem}.link-container{align-items:center;display:flex;gap:1rem}.referral-link-input{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#333;cursor:text;flex:1 1;font-size:.875rem;padding:.875rem 1rem}.referral-link-input:focus{background:#fff;border-color:#4caf50;outline:none}.copy-btn{background:#333;border-radius:8px;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:#555;transform:translateY(-1px)}.copy-icon{height:16px;width:16px}.referrals-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.referrals-table{margin-top:1.5rem}.table-header{grid-gap:1rem;border-bottom:1px solid #e9ecef;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem;padding:1rem 0}.header-cell{color:#333;font-size:.875rem;font-weight:600;text-align:left}.empty-state{padding:3rem 1rem;text-align:center}.empty-message{color:#666;font-size:1rem;margin:0}@media (max-width:1024px){.refer-sidebar{width:200px}.refer-main{margin-left:200px}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.link-container{align-items:stretch;flex-direction:column}.copy-btn{justify-content:center}}@media (max-width:768px){.refer-earn{flex-direction:column}.refer-sidebar{height:auto;padding:1rem;position:static;width:100%}.refer-main{margin-left:0;padding:1rem}.page-title{font-size:2rem}.stat-card{padding:1.5rem}.stat-amount{font-size:2.5rem}.referral-link-section,.referrals-section{padding:1.5rem}.table-header{gap:.5rem;grid-template-columns:1fr}.header-cell{text-align:center}}@media (max-width:480px){.refer-main,.refer-sidebar{padding:.75rem}.page-title{font-size:1.75rem}.page-subtitle{font-size:1rem}.stat-card{padding:1rem}.stat-amount{font-size:2rem}.referral-link-section,.referrals-section{padding:1rem}.copy-btn,.withdraw-btn{font-size:.8rem;padding:.75rem 1rem}}.stat-card{animation:fadeInUp .6s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.copy-btn:active{transform:scale(.95)}.copy-btn:focus,.nav-item:focus,.withdraw-btn:focus{outline:2px solid #4caf50;outline-offset:2px}.stat-card:hover .stat-title{color:#4caf50}.referral-link-input:hover{border-color:#4caf50}.payment-page{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.nav-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:998}.nav-overlay.active{opacity:1;visibility:visible}.left-nav{background-color:#fff;box-shadow:2px 0 10px #0000001a;height:100vh;left:-280px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:999}.left-nav.open{left:0}.nav-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:20px 16px}.nav-header,.nav-logo{align-items:center;display:flex}.nav-logo{gap:8px}.nav-logo-icon{height:24px;width:24px}.nav-logo-icon svg{height:100%;width:100%}.nav-logo-text{color:#212529;font-size:18px;font-weight:600}.close-menu-btn{background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;padding:8px;transition:background-color .2s ease}.close-menu-btn:hover{background-color:#e9ecef;color:#495057}.close-menu-btn svg{height:20px;width:20px}.nav-menu{padding:16px 0}.nav-section{margin-bottom:24px}.nav-section-title{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 12px 16px;text-transform:uppercase}.nav-list{list-style:none;margin:0;padding:0}.nav-item{align-items:center;background:none;border:none;color:#212529;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f8f9fa;color:#0d6efd}.nav-item svg{flex-shrink:0;height:18px;width:18px}.nav-item span{flex:1 1}.payment-header{background-color:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 1px 3px #0000001a;padding:12px 16px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:400px}.menu-btn{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;padding:6px;transition:background-color .2s ease}.menu-btn:hover{background-color:#f8f9fa}.menu-btn svg{height:18px;width:18px}.logo{align-items:center;display:flex;gap:6px}.logo-icon{height:20px;width:20px}.logo-icon svg{height:100%;width:100%}.logo-text{color:#212529;font-size:16px;font-weight:600}.payment-nav{background-color:#fff;border-bottom:1px solid #e9ecef;padding:8px 16px}.back-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;gap:4px;margin:0 auto;max-width:400px;padding:4px 6px;transition:color .2s ease}.back-btn:hover{background-color:#f8f9fa;color:#495057}.back-btn svg{height:14px;width:14px}.payment-main{margin:0 auto;max-width:400px;padding:16px}.payment-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px 16px}.card-title{color:#212529;font-size:20px;font-weight:700;margin:0 0 6px;text-align:center}.card-subtitle{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 20px;text-align:center}.highlight{color:#0d6efd;font-weight:600}.payment-steps{flex-direction:column;margin-bottom:20px}.payment-steps,.step{display:flex;gap:12px}.step{align-items:flex-start;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px}.step-number{align-items:center;background-color:#0d6efd;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-text{color:#212529;flex:1 1;font-size:13px;line-height:1.4}.step-text strong{color:#0d6efd;font-weight:600}.step-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.till-number-container{align-items:center;display:flex;gap:8px;margin-top:6px}.till-number{background-color:#fff;border:2px solid #0d6efd;border-radius:6px;flex:1 1;padding:8px 12px}.till-text{color:#212529;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px}.copy-btn{align-items:center;background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.copy-btn:hover{background-color:#0b5ed7}.copy-btn.copied{background-color:#198754}.copy-btn svg{height:14px;width:14px}.pay-to{color:#6c757d;font-size:12px;margin-top:3px}.pay-to strong{color:#212529;font-weight:600}.payment-action{margin-top:20px}.confirm-payment-btn{align-items:center;background-color:#0d6efd;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;transition:background-color .2s ease;width:100%}.confirm-payment-btn:hover:not(:disabled){background-color:#0b5ed7}.confirm-payment-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-payment-btn.processing{background-color:#6c757d}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.success-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:16px}.success-card{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:320px;padding:24px 20px;text-align:center;width:100%}.success-animation{margin-bottom:16px}.checkmark-circle{height:60px;margin:0 auto;position:relative;width:60px}.checkmark{stroke-width:2;stroke-miterlimit:10;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both;border-radius:50%;height:100%;width:100%}.checkmark-circle-bg{stroke:#198754;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-circle-check{stroke:#198754;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke .6s cubic-bezier(.65,0,.45,1) .8s forwards}.checkmark-check{stroke:#fff;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #198754}}.success-title{color:#212529;font-size:20px;font-weight:700;margin:0 0 8px}.success-message{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 16px}.success-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;padding:12px}.detail-item{align-items:center;display:flex;justify-content:space-between;padding:6px 0}.detail-item:first-child{border-bottom:1px solid #dee2e6;margin-bottom:6px;padding-bottom:8px}.detail-label{color:#6c757d;font-size:12px;font-weight:500}.detail-value{color:#212529;font-size:14px;font-weight:600}.redirect-message{align-items:center;display:flex;flex-direction:column;gap:12px}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:dots 1.4s ease-in-out infinite both;background-color:#0d6efd;border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dots{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.redirect-message p{color:#6c757d;font-size:12px;margin:0}@media (max-width:480px){.left-nav{left:-260px;width:260px}.nav-header{padding:16px 12px}.nav-item{font-size:13px;padding:10px 12px}.nav-item svg{height:16px;width:16px}.payment-main{padding:12px}.payment-card{border-radius:6px;padding:16px 12px}.card-title{font-size:18px}.card-subtitle{font-size:13px;margin-bottom:16px}.step{gap:8px;padding:8px}.step-number{font-size:10px;height:20px;width:20px}.step-text{font-size:12px}.till-text{font-size:14px}.confirm-payment-btn{font-size:13px;padding:10px 16px}.success-card{padding:20px 16px}.success-title{font-size:18px}}.payment-header-simple{background-color:#fff;border-bottom:1px solid #e9ecef;padding:12px 16px}.back-btn-simple{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 6px;transition:color .2s ease}.back-btn-simple:hover{background-color:#f8f9fa;color:#495057}.back-btn-simple svg{height:14px;width:14px}.payment-main-simple{margin:0 auto;max-width:400px;padding:16px}.payment-card-simple{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px 16px}.card-title-simple{color:#212529;font-size:20px;font-weight:700;margin:0 0 6px;text-align:center}.card-subtitle-simple{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 20px;text-align:center}.highlight-simple{color:#10b981;font-weight:600}.payment-steps-simple{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.step-simple{align-items:flex-start;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:12px;padding:12px}.step-number-simple{align-items:center;background-color:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-text-simple{color:#212529;flex:1 1;font-size:13px;line-height:1.4}.step-text-simple strong{color:#10b981;font-weight:600}.step-content-simple{display:flex;flex:1 1;flex-direction:column;gap:8px}.till-number-container-simple{align-items:center;display:flex;gap:8px;margin-top:6px}.till-number-simple{background-color:#fff;border:2px solid #10b981;border-radius:6px;flex:1 1;padding:8px 12px}.till-text-simple{color:#212529;font-family:Courier New,monospace;font-size:16px;font-weight:700;letter-spacing:1px}.copy-btn-simple{align-items:center;background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s ease}.copy-btn-simple:hover{background-color:#059669}.copy-btn-simple.copied{background-color:#198754}.copy-btn-simple svg{height:14px;width:14px}.pay-to-simple{color:#6c757d;font-size:12px;margin-top:3px}.pay-to-simple strong{color:#212529;font-weight:600}.payment-action-simple{margin-top:20px}.confirm-payment-btn-simple{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:12px 20px;transition:background-color .2s ease;width:100%}.confirm-payment-btn-simple:hover:not(:disabled){background-color:#2563eb}.confirm-payment-btn-simple:disabled{cursor:not-allowed;opacity:.6}.confirm-payment-btn-simple.processing{background-color:#6c757d}.spinner-simple{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100%;z-index:1000}.confirm-modal{animation:modalSlideIn .3s ease-out;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;padding:20px 20px 0}.modal-title{color:#212529;font-size:18px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.modal-close:hover{background-color:#e9ecef;color:#495057}.modal-close svg{height:16px;width:16px}.modal-content{padding:0 20px 20px}.modal-instruction{color:#212529;font-size:14px;line-height:1.5;margin:0 0 16px}.amount-due{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.amount-label{color:#212529;font-size:14px;font-weight:500}.amount-value{color:#10b981;font-size:16px;font-weight:700}.mpesa-input-group{margin-bottom:20px}.mpesa-label{color:#212529;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.mpesa-textarea{border:2px solid #3b82f6;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.5;min-height:100px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.mpesa-textarea:focus{border-color:#2563eb;outline:none}.mpesa-textarea::placeholder{color:#6c757d}.modal-actions{align-items:center;display:flex;gap:12px;justify-content:flex-end;padding:0 20px 20px}.modal-cancel{background:none;border:none;border-radius:4px;color:#212529;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:background-color .2s ease}.modal-cancel:hover{background-color:#e9ecef}.modal-confirm{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease}.modal-confirm:hover:not(.disabled){background-color:#059669}.modal-confirm.disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}@media (max-width:480px){.modal-overlay{padding:12px}.confirm-modal{max-width:100%}.modal-header{padding:16px 16px 0}.modal-actions,.modal-content{padding:0 16px 16px}.modal-title{font-size:16px}.modal-instruction{font-size:13px}.amount-due{padding:10px 12px}.amount-label{font-size:13px}.amount-value{font-size:15px}.mpesa-textarea{font-size:13px;min-height:80px;padding:10px 12px}}.database-manager{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.db-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.db-header h1{color:#333;font-size:2rem;font-weight:700;margin:0}.db-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-back{background-color:#28a745;color:#fff}.btn-back:hover{background-color:#218838}.btn-small{font-size:.75rem;padding:.25rem .5rem}.db-tabs{border-bottom:1px solid #dee2e6;display:flex;gap:.5rem;margin-bottom:2rem}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.tab-btn:hover{color:#495057}.tab-btn.active{border-bottom-color:#007bff;color:#007bff}.db-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.earnings-section,.users-section,.withdrawals-section{padding:1.5rem}.earnings-section h2,.users-section h2,.withdrawals-section h2{color:#333;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #dee2e6;padding:.75rem;text-align:left}.data-table th{color:#495057;font-weight:600;position:sticky;top:0;z-index:10}.data-table tbody tr:hover,.data-table th{background-color:#f8f9fa}.data-table tbody tr.current-user{background-color:#e3f2fd;border-left:4px solid #2196f3}.data-table tbody tr.current-user:hover{background-color:#bbdefb}.status{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.status.pending{background-color:#fff3cd;color:#856404}.status.completed{background-color:#d4edda;color:#155724}.status.failed{background-color:#f8d7da;color:#721c24}.loading{align-items:center;color:#6c757d;display:flex;font-size:1.125rem;height:200px;justify-content:center}@media (max-width:768px){.database-manager{padding:1rem}.db-header{align-items:flex-start;flex-direction:column;gap:1rem}.db-actions{justify-content:flex-start;width:100%}.db-tabs{overflow-x:auto}.db-tabs,.tab-btn{white-space:nowrap}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:.5rem}}@media (max-width:480px){.db-actions{flex-direction:column}.btn{justify-content:center;width:100%}}
/*# sourceMappingURL=main.21b3662f.css.map*/