body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-form{width:100%}.error-message{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:10px;line-height:1.4;margin-bottom:20px;padding:12px 16px}.error-icon{flex-shrink:0;font-size:1rem}.form-group{margin-bottom:20px}.form-group input{background-color:#222;border:2px solid #333;border-radius:8px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:disabled{cursor:not-allowed;opacity:.6}.form-group input:focus{background-color:#2a2a2a;border-color:#fff;outline:none}.form-group input::placeholder{color:#888}.submit-btn{margin-top:10px}.signup-form{max-height:70vh;overflow-y:auto;padding-right:10px;width:100%}.signup-form::-webkit-scrollbar{width:6px}.signup-form::-webkit-scrollbar-track{background:#333;border-radius:3px}.signup-form::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.signup-form::-webkit-scrollbar-thumb:hover{background:#888}.signup-note{background-color:#2a2a2a;border:1px solid #444;border-radius:8px;margin-bottom:25px;padding:15px}.signup-note p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.form-group{margin-bottom:18px;position:relative}.form-group label{color:#fff;display:block;font-size:.95rem;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:#222;border:2px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#2a2a2a;border-color:#fff;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select option{background-color:#222;color:#fff;padding:8px}.form-group select option:focus,.form-group select option:hover{background-color:#333}.form-group textarea{min-height:100px;resize:vertical}.form-group input[type=file]{cursor:pointer;padding:8px 12px}.form-group input[type=file]::-webkit-file-upload-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-right:10px;padding:6px 12px}.form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#555}.file-info,.info-text,.loading-info,.password-info{color:#888;display:block;font-size:.8rem;line-height:1.3;margin-top:4px}.loading-info{color:orange}.info-text{color:#17a2b8}.form-group{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-group:has(#organizationType),.form-group:has(#teamOrganizationName){background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}.submit-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-top:15px;padding:14px;transition:all .3s ease;width:100%}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;font-size:.95rem!important;font-weight:500!important;gap:12px;margin-bottom:0!important}.checkbox-label input[type=checkbox]{accent-color:#fff;background-color:#222;border:2px solid #333!important;border-radius:4px!important;cursor:pointer;height:18px;margin:0;min-width:18px;padding:0!important;width:auto!important}.checkbox-label input[type=checkbox]:focus{outline:2px solid #fff;outline-offset:2px}.checkbox-label input[type=checkbox]:checked{background-color:#fff;border-color:#fff!important}.checkbox-text{color:#fff;flex:1 1;-webkit-user-select:none;user-select:none}.checkbox-label:hover .checkbox-text{color:#f0f0f0}.form-group:has(#referralCode){background-color:#ffffff05;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:15px}@media (max-width:768px){.checkbox-label{gap:10px}.checkbox-label input[type=checkbox]{height:16px;min-width:16px}.form-group:has(#referralCode){margin-bottom:16px;padding:12px}}@media (max-width:768px){.signup-form{max-height:60vh}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:10px 14px}.form-group select{background-size:14px;padding-right:36px}.form-group:has(#organizationType),.form-group:has(#teamOrganizationName){margin-bottom:16px;padding:12px}}.auth-container{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 30px #ffffff1a;max-width:500px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.brand-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.portal-title{color:#ccc;font-size:1.5rem;font-weight:500;margin-bottom:12px}.tagline{color:#888;font-size:1rem;line-height:1.4}.form-toggle{background-color:#333;border-radius:8px;display:flex;margin-bottom:30px;padding:4px}.toggle-btn{background-color:initial;border:none;border-radius:6px;color:#ccc;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 20px;transition:all .3s ease}.toggle-btn.active{background-color:#fff;color:#000}.toggle-btn:hover:not(.active){background-color:#444;color:#fff}.form-container{width:100%}@media (max-width:768px){.auth-card{margin:10px;padding:30px 20px}.brand-title{font-size:2rem}.portal-title{font-size:1.3rem}}.sidebar{background-color:#1a1a1a;border-right:1px solid #333;display:flex;flex-direction:column;transition:transform .3s ease;width:250px;z-index:1000}.sidebar,.sidebar-overlay{height:100vh;left:0;position:fixed;top:0}.sidebar-overlay{background-color:#00000080;display:none;width:100vw;z-index:999}.sidebar-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.sidebar-brand{flex:1 1}.sidebar-brand h2{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.sidebar-close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:4px;transition:background-color .3s ease}.sidebar-close-btn:hover{background-color:#333}.sidebar-nav{flex:1 1;padding:20px 0}.nav-item{align-items:center;background:none;border:none;color:#ccc;cursor:pointer;display:flex;font-size:.95rem;padding:12px 20px;text-align:left;transition:all .3s ease;width:100%}.nav-item:hover{background-color:#2a2a2a;color:#fff}.nav-item.active{background-color:#333;border-right:3px solid #fff;color:#fff}.nav-icon{font-size:1.1rem;margin-right:12px}.nav-label{font-weight:500}.sidebar-footer{border-top:1px solid #333;padding:20px}.user-info-sidebar{align-items:center;display:flex;gap:12px}.user-avatar{align-items:center;background-color:#333;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name-sidebar{color:#fff;font-size:.9rem;font-weight:500}.user-role{color:#888;font-size:.8rem}@media (min-width:769px){.sidebar{transform:translateX(0)}}@media (max-width:768px){.sidebar{box-shadow:2px 0 10px #0000004d;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-close-btn,.sidebar-overlay{display:block}.sidebar-header{padding:15px 20px}.sidebar-brand h2{font-size:1.3rem}}@media (max-width:480px){.sidebar{width:280px}.sidebar-header{padding:12px 16px}.sidebar-nav{padding:15px 0}.nav-item{font-size:.9rem;padding:10px 16px}.sidebar-footer{padding:16px}}.brand-logo-compact{align-items:center;display:flex;justify-content:center}.brand-logo-compact .brand-logo{height:40px;width:40px}@media (max-width:768px){.sidebar-brand{gap:10px}.brand-logo,.brand-logo-icon svg,.brand-logo-text{height:28px;width:28px}.brand-logo-text{font-size:1rem}.sidebar-brand h2{font-size:1.3rem}}.topbar{background-color:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;min-height:80px;padding:20px 30px;position:relative;width:100%;z-index:100}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;gap:20px}.menu-toggle-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;transition:background-color .3s ease;width:40px}.menu-toggle-btn:hover{background-color:#333}.hamburger-line{background-color:#fff;border-radius:1px;height:2px;margin:2px 0;transition:.3s;width:20px}.topbar-title-section{flex:1 1}.page-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 4px}.breadcrumb{color:#888;font-size:.9rem}.topbar-right,.user-info{align-items:center;display:flex}.user-info{gap:15px}.user-name{color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap}.logout-btn{background-color:initial;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:#333;border-color:#666;color:#fff}.logout-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logout-dialog{animation:dialogSlideIn .3s ease-out;background-color:#2a2a2a;border:1px solid #444;border-radius:12px;box-shadow:0 20px 40px #0006;max-width:400px;width:90%}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-dialog-header{border-bottom:none;padding:20px 24px 0}.logout-dialog-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.logout-dialog-body{padding:16px 24px 24px}.logout-dialog-body p{color:#ccc;font-size:1rem;line-height:1.4;margin:0}.logout-dialog-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.cancel-btn{background-color:initial!important;border:1px solid #444!important;border-radius:6px!important;color:#ccc!important;cursor:pointer!important;font-size:.9rem!important;min-width:80px!important;padding:10px 20px!important;transition:all .3s ease!important}.cancel-btn:hover{background-color:#333!important;border-color:#666!important;color:#fff!important}.confirm-btn{background-color:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;min-width:80px;padding:10px 20px;transition:all .3s ease}.confirm-btn:hover{background-color:#c82333;border-color:#c82333}@media (max-width:480px){.logout-dialog{margin:20px;width:calc(100% - 40px)}.logout-dialog-header{padding:16px 20px 0}.logout-dialog-header h3{font-size:1.1rem}.logout-dialog-body{padding:12px 20px 20px}.logout-dialog-footer{flex-direction:column-reverse;padding:0 20px 20px}.cancel-btn,.confirm-btn{padding:12px;width:100%}}@media (max-width:768px){.topbar{padding:15px 20px}.menu-toggle-btn{display:flex}.topbar-left{gap:15px}.page-title{font-size:1.3rem}.breadcrumb{font-size:.8rem}.user-name{display:none}.user-info{gap:10px}.logout-btn{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.topbar{padding:12px 16px}.page-title{font-size:1.2rem}.breadcrumb{font-size:.75rem}.menu-toggle-btn{height:36px;width:36px}.hamburger-line{width:18px}}.dashboard-content{background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:30px}.credits-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #333;border-radius:16px;box-shadow:0 8px 32px #ffffff0d;padding:40px;text-align:center}.credits-amount{color:#fff;font-size:3.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.credits-label{color:#888;font-size:1.1rem;letter-spacing:1px;margin-bottom:30px;text-transform:uppercase}.request-payout-btn{background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.request-payout-btn:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #fff3;transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;padding:30px 25px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#444;box-shadow:0 8px 25px #ffffff14;transform:translateY(-2px)}.stat-value{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.stat-label{color:#888;font-size:.85rem;font-weight:500;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.stat-change{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:6px;justify-content:center}.stat-change.up{color:#4ade80}.trend-icon{font-size:1rem;transform:rotate(-45deg)}@media (max-width:768px){.dashboard-content{gap:20px;padding:20px}.credits-card{padding:30px 20px}.credits-amount{font-size:2.8rem}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{padding:25px 20px}.stat-value{font-size:2rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.credits-amount{font-size:2.5rem}}.referral-tools-content{background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:30px}.analytics-section{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:25px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.analytics-header h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.refresh-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 12px;transition:all .3s ease}.refresh-btn:hover{background-color:#444;transform:translateY(-1px)}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.analytics-card{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.analytics-card:hover{border-color:#444;transform:translateY(-2px)}.analytics-value{color:#4ade80;font-size:2rem;font-weight:700;margin-bottom:8px}.analytics-label{color:#888;font-size:.9rem;font-weight:500}.referral-card{align-items:flex-start;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #333;border-radius:20px;box-shadow:0 8px 32px #ffffff0d;display:flex;gap:40px;margin:0 auto;max-width:1200px;padding:40px}.referral-left{flex:1 1;max-width:600px}.referral-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.referral-description{color:#888;font-size:1rem;line-height:1.6;margin-bottom:30px}.referral-section{margin-bottom:20px}.referral-section-label{color:#fff;display:block;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.referral-input-group{background-color:#000;border:1px solid #333;border-radius:8px;display:flex;overflow:hidden}.referral-input{background:#0000;flex:1 1;font-size:.9rem;outline:none}.copy-input-btn,.referral-input{border:none;color:#fff;padding:12px 16px}.copy-input-btn{background-color:#333;cursor:pointer;font-size:1rem;min-width:50px;transition:all .3s ease}.copy-input-btn:hover{background-color:#444}.copy-input-btn.copied{background-color:#4ade80;color:#000}.referral-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.download-btn,.share-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.download-btn{background-color:#fff;color:#000}.download-btn:hover{background-color:#f0f0f0;transform:translateY(-1px)}.share-btn{background-color:initial;border:2px solid #444;color:#fff}.share-btn:hover{background-color:#333;border-color:#666}.social-share-section{margin-top:30px}.social-share-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:15px}.social-share-buttons{display:flex;flex-wrap:wrap;gap:10px}.social-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.social-btn.whatsapp{background-color:#25d366;color:#fff}.social-btn.telegram{background-color:#08c;color:#fff}.social-btn.twitter{background-color:#1da1f2;color:#fff}.social-btn.linkedin{background-color:#0077b5;color:#fff}.social-btn.email{background-color:#666;color:#fff}.social-btn:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.referral-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.qr-code-container{text-align:center}.qr-code-display{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #ffffff1a;display:flex;height:240px;justify-content:center;margin-bottom:16px;padding:20px;width:240px}.qr-code-image{border-radius:8px;max-height:100%;max-width:100%}.qr-label{margin-bottom:16px}.scan-text{font-size:1rem}.affiliate-code{font-size:.8rem}.qr-download-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:8px 16px;transition:all .3s ease}.qr-download-btn:hover{background-color:#444}.tips-section{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:30px}.tips-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:20px;text-align:center}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.tip-card:hover{border-color:#444;transform:translateY(-2px)}.tip-icon{font-size:2rem;margin-bottom:12px}.tip-card h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:8px}.tip-card p{color:#888;font-size:.85rem;line-height:1.4}@media (max-width:968px){.referral-card{flex-direction:column;gap:30px;padding:30px 25px}.referral-title{font-size:1.8rem;text-align:center}.referral-right{align-self:center}.qr-code-display{height:200px;width:200px}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.analytics-section,.referral-tools-content{padding:20px}.analytics-header{align-items:flex-start;flex-direction:column;gap:15px}.analytics-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.referral-card{padding:25px 20px}.referral-title{font-size:1.6rem}.referral-actions{flex-direction:column}.download-btn,.share-btn{width:100%}.social-share-buttons{justify-content:center}.tips-grid{gap:15px;grid-template-columns:1fr}.tips-section{padding:20px}}@media (max-width:480px){.analytics-grid{grid-template-columns:1fr}.analytics-value{font-size:1.8rem}.qr-code-display{height:180px;width:180px}.social-share-buttons{align-items:stretch;flex-direction:column}.social-btn{justify-content:center}}container{text-align:center}.qr-code-placeholder{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #ffffff1a;display:flex;height:280px;justify-content:center;margin-bottom:16px;padding:20px;width:280px}.qr-pattern{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(10,1fr);height:200px;width:200px}.qr-dot{aspect-ratio:1;background-color:initial;border-radius:1px}.qr-dot.filled{background-color:#000}.qr-label{text-align:center}.scan-text{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-bottom:4px}.affiliate-code{color:#888;font-size:.9rem;font-weight:500;letter-spacing:.5px}@media (max-width:968px){.referral-card{flex-direction:column;gap:40px;padding:40px 30px;text-align:center}.referral-title{font-size:2rem}.qr-code-placeholder{height:250px;margin:0 auto 16px;width:250px}.qr-pattern{height:180px;width:180px}}@media (max-width:768px){.referral-tools-content{padding:20px}.referral-card{padding:30px 20px}.referral-title{font-size:1.8rem}.referral-description{font-size:1rem}.referral-actions{flex-direction:column}.copy-btn,.download-btn{padding:12px 24px;width:100%}.qr-code-placeholder{height:220px;width:220px}.qr-pattern{height:160px;width:160px}}.earnings-content,.table-header{background-color:#000;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:30px}.table-header{grid-gap:30px}.loading-container{min-height:400px}.earnings-summary{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:25px}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.summary-card{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.summary-card:hover{border-color:#444;transform:translateY(-2px)}.summary-card.total-earned{border-color:#4ade80}.summary-card.available-balance{border-color:#3b82f6}.summary-card.pending-amount{border-color:#f59e0b}.summary-card.total-paid{border-color:#6b7280}.summary-value{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:8px}.summary-label{color:#888;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.earnings-tabs{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;display:flex;padding:6px}.tab-btn{background-color:initial;border:none;border-radius:8px;color:#888;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 16px;transition:all .3s ease}.tab-btn.active{background-color:#fff;color:#000}.tab-btn:hover:not(.active){background-color:#2a2a2a;color:#fff}.tab-content{flex:1 1}.section-title{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:20px}.payout-request-section{align-items:center;display:flex;justify-content:center;min-height:500px}.payout-request-card{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid #333;border-radius:20px;box-shadow:0 8px 32px #ffffff0d;max-width:600px;padding:40px;width:100%}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;font-size:.9rem;gap:10px;line-height:1.4;margin-bottom:20px;padding:12px 16px}.error-message{background-color:#2d1b1b;border:1px solid #d73a49;color:#f97583}.success-message{background-color:#1b2d1b;border:1px solid #28a745;color:#34d058}.error-icon,.success-icon{flex-shrink:0;font-size:1rem}.payout-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-label{color:#fff;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.form-help{color:#888;font-size:.8rem;margin-top:4px}.payout-input,.payout-select,.payout-textarea{background-color:#000;border:1px solid #333;border-radius:8px;color:#fff;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.payout-input:disabled,.payout-select:disabled,.payout-textarea:disabled{cursor:not-allowed;opacity:.6}.payout-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.payout-input::placeholder,.payout-textarea::placeholder{color:#666}.payout-input:focus,.payout-select:focus,.payout-textarea:focus{background-color:#111;border-color:#fff;outline:none}.payout-select option{background-color:#1a1a1a;color:#fff;padding:8px}.payout-textarea{line-height:1.5;min-height:100px;resize:vertical}.submit-payout-btn{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease}.submit-payout-btn:disabled{cursor:not-allowed;opacity:.7}.submit-payout-btn:hover:not(:disabled){background-color:#f0f0f0;transform:translateY(-1px)}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #000;border-radius:50%;border-top-color:#0000;height:16px;width:16px}.earnings-history-section,.payout-history-section{background-color:#1a1a1a;border:1px solid #333;border-radius:16px;padding:25px}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:16px}.empty-state p{font-size:1rem;line-height:1.5}.transactions-table{background-color:#2a2a2a;border:1px solid #333;border-radius:12px;overflow:hidden}.table-header{background-color:#333;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;padding:16px}.table-row{border-bottom:1px solid #333;transition:all .3s ease}.table-row:hover{background-color:#333}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;color:#fff;display:flex;font-size:.9rem}.transaction-desc{display:flex;flex-direction:column;gap:4px}.desc-title{color:#fff;font-weight:500}.desc-subtitle{color:#888;font-size:.8rem}.amount-positive{color:#4ade80;font-weight:600}.amount-negative{color:#f87171;font-weight:600}.request-id{background-color:#333;color:#fff;font-family:Courier New,monospace}.payout-method,.request-id{border-radius:4px;font-size:.8rem;padding:4px 8px}.payout-method{background-color:#444;font-weight:500}.no-action{color:#666;font-style:italic}.status-badge{border-radius:4px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-pending{background-color:#f59e0b;color:#000}.status-processing{background-color:#3b82f6;color:#fff}.status-completed{background-color:#4ade80;color:#000}.status-rejected{background-color:#ef4444;color:#fff}.status-cancelled{background-color:#6b7280;color:#fff}.cancel-btn{background-color:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.cancel-btn:hover{background-color:#dc2626}.pagination{align-items:center;border-top:1px solid #333;display:flex;gap:16px;justify-content:center;padding:20px}.pagination-btn{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#444}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#888;font-size:.9rem}@media (max-width:968px){.summary-cards{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.table-header{display:none}.table-row{border:1px solid #444;border-radius:8px;gap:8px;grid-template-columns:1fr;margin-bottom:10px;padding:20px}.table-cell{border-bottom:1px solid #444;justify-content:space-between;padding:8px 0}.table-cell:last-child{border-bottom:none}.table-cell:before{color:#888;content:attr(data-label) ": ";font-size:.8rem;font-weight:600;text-transform:uppercase}}@media (max-width:768px){.earnings-content{padding:20px}.summary-cards{gap:15px;grid-template-columns:1fr}.earnings-tabs{flex-direction:column;gap:4px}.tab-btn{width:100%}.payout-request-card{padding:25px 20px}.section-title{font-size:1.3rem}}@media (max-width:480px){.earnings-history-section,.earnings-summary,.payout-history-section{padding:20px}.summary-value{font-size:1.5rem}.pagination{flex-direction:column;gap:12px}.pagination-btn{padding:10px;width:100%}.earnings-history-section,.earnings-summary,.payout-history-section{padding:20px}.summary-value{font-size:1.5rem}.pagination{flex-direction:column;gap:12px}.pagination-btn{padding:10px;width:100%}}.dashboard-container{background-color:#000;display:flex;min-height:100vh;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;max-width:calc(100% - 250px);min-height:100vh;min-width:0;transition:margin-left .3s ease;width:calc(100% - 250px)}@media (min-width:769px){.main-content{margin-left:250px;max-width:calc(100% - 250px);width:calc(100% - 250px)}}@media (max-width:768px){.main-content,.main-content.sidebar-open{margin-left:0;max-width:100%;width:100%}.dashboard-container{position:relative;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.App{background-color:#000;min-height:100vh}.App,.loading-container{align-items:center;display:flex;justify-content:center}.loading-container{color:#fff;flex-direction:column;gap:20px}.loading-container p{color:#ccc;font-size:1.1rem}.loading-spinner-large{animation:spin 1s linear infinite;border:3px solid #333;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.1a1c1ec2.css.map*/