@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap";html,body,#root{margin:0;padding:0;height:auto;min-height:100%;overflow-x:hidden}*{-webkit-overflow-scrolling:touch}*{box-sizing:border-box;margin:0;padding:0}.request-invite-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#0f0f11;padding:.75rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.form-container{background-color:#1a1a1a;padding:1.25rem;border-radius:12px;border:1px solid #333;width:100%;max-width:100%;position:relative;box-shadow:0 10px 30px #0000004d;color:#f0f0f0;margin:0 auto}.form-header{margin-bottom:1.5rem;text-align:center}.form-header h1{font-family:Poppins,sans-serif;font-weight:700;margin-bottom:.75rem;color:#f0f0f0;font-size:1.5rem;letter-spacing:-.02em}.form-header p{font-size:.9375rem;color:#ccc;line-height:1.5;font-weight:400}.product-info{margin-top:1rem;padding:.75rem;background-color:#4f46e51a;border-left:3px solid #4F46E5;border-radius:8px;text-align:left;font-size:.875rem;line-height:1.4;max-width:100%;word-wrap:break-word}.form-group{margin-bottom:1.25rem;width:100%}.form-group label{display:block;margin-bottom:.375rem;font-weight:500;font-size:.875rem;color:#ccc;letter-spacing:.01em}.form-group input,.form-group textarea{width:100%;padding:.75rem .875rem;border-radius:8px;border:1px solid #444;background-color:#2a2a2a;color:#f0f0f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9375rem;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;max-width:100%}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e54d}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.form-button{display:block;width:100%;padding:.875rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;font-size:.9375rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin-top:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.form-button:hover:not(:disabled){background-color:#4338ca}.form-button:active:not(:disabled){transform:scale(.98)}.form-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f87171;font-size:.875rem;margin-top:.5rem;margin-bottom:1rem;text-align:center;padding:.5rem;background-color:#f871711a;border-radius:6px}.success-message{text-align:center;padding:.5rem 0;width:100%}.success-message h2{margin-bottom:.75rem;color:#4f46e5;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600}.success-message p{margin-bottom:1.25rem;font-size:.9375rem;line-height:1.5}@media (min-width: 481px){.request-invite-page{padding:1rem}.form-container{padding:1.5rem;max-width:440px}.form-header h1{font-size:1.625rem}.form-group{margin-bottom:1.375rem}.form-group input,.form-group textarea{padding:.875rem 1rem}}@media (min-width: 769px){.request-invite-page{padding:1.5rem}.form-container{padding:2rem;max-width:480px}.form-header h1{font-size:1.75rem}.product-info{padding:.875rem}.form-button{padding:1rem}}.wallet-container{max-width:1200px;margin:0 auto;padding:24px}.wallet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mock-mode-banner{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 2px 8px #ff98004d;animation:pulse 2s infinite}.mock-indicator{display:flex;align-items:center;gap:8px}@keyframes pulse{0%{box-shadow:0 2px 8px #ff98004d}50%{box-shadow:0 4px 16px #ff980080}to{box-shadow:0 2px 8px #ff98004d}}.wallet-title{font-size:28px;font-weight:700;margin:0}.wallet-tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:24px;width:100%}.tab-button{padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;transition:all .2s ease;color:#666}.tab-button:hover{color:#4a90e2;background-color:#4a90e21a}.tab-button.active{border-bottom:3px solid #4a90e2;color:#4a90e2;background-color:#4a90e21a}.wallet-overview{display:block;width:100%}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.balance-card{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.balance-card h3{font-size:18px;color:#333;margin:0 0 16px;font-weight:600}.balance-amounts{margin-bottom:16px}.balance-amount{font-size:32px;font-weight:700;margin:8px 0;color:#2c3e50}.balance-amount.pending{color:#f39c12}.balance-description{font-size:14px;color:#666;margin:0 0 20px;display:flex;align-items:center;gap:8px}.card-actions{display:flex;gap:12px;flex-wrap:wrap}.info-button{background:none;border:none;color:#4a90e2;cursor:pointer;text-decoration:underline;font-size:14px;padding:0}.info-button:hover{color:#357ac5}.settings-button{background-color:#6c757d;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.settings-button:hover{background-color:#5a6268}.payout-button{background-color:#4a90e2;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.payout-button:hover{background-color:#357ac5}.payout-button:disabled{background-color:#ccc;cursor:not-allowed}.wallet-table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.wallet-table{width:100%;border-collapse:collapse}.wallet-table th,.wallet-table td{padding:16px;text-align:left;border-bottom:1px solid #e0e0e0}.wallet-table th{background-color:#f8f9fa;font-weight:600;color:#666}.wallet-table tr:last-child td{border-bottom:none}.transaction-amount{font-weight:500}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#f44336}.transaction-status{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-pending{background-color:#fff3cd;color:#856404}.status-available{background-color:#d4edda;color:#155724}.status-paid{background-color:#d1ecf1;color:#0c5460}.status-failed{background-color:#f8d7da;color:#721c24}.wallet-pagination{display:flex;justify-content:center;margin-top:24px}.pagination-button{background-color:#fff;border:1px solid #dee2e6;padding:8px 16px;margin:0 4px;cursor:pointer;border-radius:4px;transition:all .2s}.pagination-button:hover{background-color:#f8f9fa}.pagination-button.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.pagination-button:disabled{color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-title{font-size:20px;font-weight:600;margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.fees-breakdown{margin:16px 0}.fee-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0;border-bottom:1px solid #eee}.fee-label{color:#666}.payout-form-group{margin-bottom:16px}.payout-label{display:block;font-weight:500;margin-bottom:8px}.payout-input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.error-banner{background-color:#f8d7da;color:#721c24;padding:16px;border-radius:8px;margin-bottom:24px}.info-banner{background-color:#d1ecf1;color:#0c5460;padding:16px;border-radius:8px;margin-bottom:24px}.filter-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.filter-controls{display:flex;gap:12px;flex-wrap:wrap}.filter-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.date-range{display:flex;gap:8px;align-items:center}.date-input{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px}.empty-state{text-align:center;padding:48px 0;color:#666}.empty-state-icon{font-size:48px;color:#ccc;margin-bottom:16px}.empty-state-text{font-size:18px;margin-bottom:8px}.empty-state-subtext{font-size:14px;color:#888}.recent-transactions,.recent-payouts{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.view-all-button{background:none;border:1px solid #4a90e2;color:#4a90e2;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.view-all-button:hover{background-color:#4a90e2;color:#fff}.transactions-list,.payouts-list{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.transaction-item,.payout-item{display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:16px;border-bottom:1px solid #e0e0e0;align-items:center}.transaction-item:last-child,.payout-item:last-child{border-bottom:none}.transaction-date,.payout-date{font-size:14px;color:#666;white-space:nowrap}.transaction-description{font-size:16px;color:#333;font-weight:500}.payout-status{font-size:14px;padding:4px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.payout-arrival{font-size:12px;color:#666}.transaction-amount,.payout-amount{font-size:16px;font-weight:600;text-align:right;color:#2c3e50}.fee-amount{display:block;font-size:12px;color:#666;font-weight:400;margin-top:4px}.no-data-message{text-align:center;padding:48px 0;color:#666;font-style:italic}.payouts-tab,.transactions-tab{width:100%}.payouts-tab h2,.transactions-tab h2{font-size:24px;font-weight:600;color:#333;margin:0 0 24px}.full-list .transaction-item,.full-list .payout-item{grid-template-columns:auto 1fr 1fr auto;gap:16px}.requirements-banner{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin-bottom:24px}.requirements-banner h3{color:#856404;margin:0 0 16px;font-size:18px}.requirement-section{margin-bottom:16px}.requirement-section h4{color:#856404;margin:0 0 8px;font-size:16px}.requirement-section ul{margin:0;padding-left:20px;color:#856404}.requirement-section li{margin-bottom:4px;text-transform:capitalize}.pagination{display:flex;justify-content:center;margin-top:24px;gap:8px}.payout-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payout-modal-content{background-color:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.payout-modal-content h2{margin:0 0 20px;color:#333;font-size:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.button-group{display:flex;gap:12px;margin-top:20px}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;flex:1}.cancel-button:hover{background-color:#5a6268}.submit-button{background-color:#4a90e2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;flex:1}.submit-button:hover{background-color:#357ac5}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.fee-breakdown-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;align-items:center;justify-content:center;z-index:1000}.fee-breakdown-modal.show{display:flex}.fee-breakdown-content{background-color:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.fee-breakdown-content h3{margin:0 0 20px;color:#333;font-size:20px}.fee-item{display:flex;justify-content:space-between;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #eee}.fee-item:last-child{border-bottom:none;font-weight:700}.example-calculation{margin-top:20px;padding-top:20px;border-top:2px solid #e0e0e0}.example-calculation h4{margin:0 0 16px;color:#333;font-size:16px}.calc-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.calc-item.total{border-top:1px solid #ddd;padding-top:8px;margin-top:8px;font-weight:700;color:#2c3e50}.close-button{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-top:20px;width:100%}.close-button:hover{background-color:#5a6268}.wallet-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loading-spinner{text-align:center;padding:48px 0;font-size:18px;color:#666}.wallet-page.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center}.retry-button{background-color:#4a90e2;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;margin-top:16px}.retry-button:hover{background-color:#357ac5}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Thin.ttf) format("truetype");font-weight:100}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-ExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Outfit;src:url(/Outfit/static/Outfit-Black.ttf) format("truetype");font-weight:900}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-ExtraBold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-ExtraBoldItalic.ttf) format("truetype");font-weight:800;font-style:italic}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-Black.ttf) format("truetype");font-weight:900;font-style:normal}@font-face{font-family:Playfair Display;src:url(/Playfair_Display/static/PlayfairDisplay-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}