body{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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-color:#06f;--primary-dark:#0052cc;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--text-primary:#111827;--text-secondary:#4b5563;--background-light:#f9fafb;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--background-light);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:0 auto;max-width:500px;padding:2rem}.form-group{margin-bottom:1rem;width:100%}.form-group label{color:#495057;display:block;margin-bottom:.5rem}.form-input{border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-input:focus{border-color:#06f;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066ff1a;outline:none}.button-primary{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;font-size:1.1rem;font-weight:600;padding:.875rem 1.5rem;transition:transform .2s,box-shadow .2s}.button-primary:hover:not(:disabled){box-shadow:0 4px 12px #06f3}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}.toolbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:1rem}.logout-button,.menu-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s}.logout-button:hover,.menu-button:hover{background-color:#f9fafb;background-color:var(--background-light)}.logout-icon,.menu-icon{stroke:#111827;stroke:var(--text-primary)}.logout-button{color:#ef4444;color:var(--error-color)}.logout-button .logout-icon{stroke:#ef4444;stroke:var(--error-color)}.logout-button:hover{background-color:#ef44441a}.brand{gap:.75rem}.brand,.brand-header{align-items:center;display:flex}.brand-header{flex-direction:column;margin-bottom:1.5rem}.brand-logo{height:40px;margin-right:12px;vertical-align:middle}.brand-name{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.2;margin:0}.brand-tagline{color:#4b5563;color:var(--text-secondary);font-size:.75rem}.logo{color:#06f;color:var(--primary-color);transition:transform .2s}.logo:hover{transform:scale(1.05)}.logout-button{color:#dc3545;font-weight:500}.logout-button:hover{background-color:#fce8e8}@media (max-width:768px){.toolbar{padding:.75rem 1rem}.brand-tagline,.logout-text{display:none}}.menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;bottom:0;left:0;right:0;z-index:1000}.menu,.menu-overlay{position:fixed;top:0}.menu{background:#fff;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:-280px;transition:transform .3s ease;width:280px;z-index:1001}.menu.open{transform:translateX(280px)}.menu-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1.5rem}.menu-header h2{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.menu-close{background:none;border:none;border-radius:6px;color:#4b5563;color:var(--text-secondary);cursor:pointer;padding:.5rem}.menu-close:hover{background-color:#f9fafb;background-color:var(--background-light)}.menu-nav{flex:1 1;overflow-y:auto}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:0}.menu-link{align-items:center;border-radius:8px;color:#111827;color:var(--text-primary);display:flex;margin:.25rem .75rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s}.menu-link:hover{background-color:#f9fafb;background-color:var(--background-light);color:#06f;color:var(--primary-color)}.menu-link:hover .menu-icon{stroke:#06f;stroke:var(--primary-color)}.menu-icon{stroke:#4b5563;stroke:var(--text-secondary);margin-right:.75rem;transition:stroke .2s}.menu-footer{border-top:1px solid #eee;color:#6c757d;font-size:.875rem;padding:1rem 1.5rem;text-align:center}.menu-version{margin:0}@media (max-width:768px){.menu{left:-100%;width:100%}.menu.open{transform:translateX(100%)}}.dashboard-container{margin-left:0;padding:80px 20px 20px;transition:margin-left .3s ease-in-out}.menu.open+.dashboard-container{margin-left:200px}.wallet-container{margin:0 auto;max-width:600px;padding:2rem}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.wallet-header h2{color:#1a1a1a;font-size:1.75rem;font-weight:600}.toggle-balance{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem}.balance-card{background:linear-gradient(135deg,#06f,#0052cc);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:24px;box-shadow:0 4px 12px #007bff33;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.balance-card:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.balance-header{font-size:1rem;margin-bottom:.5rem;opacity:.9}.balance-amount{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem}.balance-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;position:relative;z-index:2}.action-button{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;gap:.5rem;justify-content:center;padding:.75rem;pointer-events:auto;position:relative;text-decoration:none;transition:all .2s;z-index:2}.action-button:hover{background:#ffffff4d;transform:translateY(-1px)}.action-icon{font-size:1.2rem}.wallet-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.feature-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .2s}.feature-card:hover{border-color:#007bff;transform:translateY(-2px)}.feature-card h3{color:#1a1a1a;font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#6c757d;margin-bottom:1rem}.feature-link{color:#007bff;font-weight:500;text-decoration:none}.feature-link:hover{text-decoration:underline}.promo-section{margin-top:2rem}.promo-card{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 25px #667eea4d;overflow:hidden;padding:2rem;position:relative;text-align:center}.promo-card:before{background:linear-gradient(45deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.promo-card>*{position:relative;z-index:2}.promo-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 4px #0000001a}.promo-card p{color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.5;margin-bottom:1.5rem}.promo-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.promo-button:hover{background:#ffffff4d;border-color:#fff9;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.history-container{max-width:800px;padding:60px 10px 40px}.history-container h2{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.empty-state{background:#f8f9fa;border-radius:12px;padding:3rem 1rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.empty-subtitle{color:#6c757d;font-size:.9rem;margin-top:.5rem}.recipient-autocomplete{position:relative;width:100%}.autocomplete-dropdown{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 16px #00000026;left:0;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.autocomplete-header{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);color:#6c757d;font-size:.875rem;font-weight:600;padding:8px 16px}.autocomplete-loading{align-items:center;color:#6c757d;display:flex;gap:8px;justify-content:center;padding:16px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#06f;border-top:2px solid var(--primary-color);height:16px;width:16px}.autocomplete-empty{color:#6c757d;font-style:italic;padding:16px;text-align:center}.autocomplete-item{align-items:center;border-bottom:1px solid #f1f3f4;cursor:pointer;display:flex;padding:14px 16px;transition:all .2s ease}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:#f8f9fa;transform:translateX(2px)}.autocomplete-item.selected{background-color:#007bff14;border-left:3px solid #007bff;padding-left:13px}.recipient-avatar{align-items:center;border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:42px;justify-content:center;margin-right:14px;width:42px}.recipient-info{flex:1 1;min-width:0}.recipient-username{color:#1a1a1a;font-size:.95rem;font-weight:500;margin-bottom:2px}.recipient-subtitle{color:#6c757d;font-size:.8rem;font-weight:400}.recipient-indicator{background:#28a745;border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;width:8px}.recipient-email{color:#6c757d;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-badge{background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:500;padding:4px 8px}.transaction-list{list-style:none;margin:0;padding:0}.transaction-item{align-items:center;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;display:flex;margin-bottom:.5rem;padding:1rem;transition:background-color .2s}.transaction-item:hover{background-color:#f8f9fa}.transaction-icon{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.transaction-item.received .transaction-icon{background:#e8f5e9;color:#2e7d32}.transaction-item.sent .transaction-icon{background:#fce8e8;color:#c62828}.transaction-details{flex:1 1}.transaction-primary{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.transaction-users{color:#1a1a1a;font-weight:500}.transaction-amount{font-size:1.1rem;font-weight:600}.transaction-amount.positive{color:#2e7d32}.transaction-amount.negative{color:#c62828}.transaction-secondary{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.transaction-date{color:#6c757d}.transaction-status{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-pending{background-color:#fff3e0;color:#f57c00}.status-failed{background-color:#fce8e8;color:#c62828}.alert{margin-bottom:1rem}.alert-success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.current-balance{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:1.75rem;font-weight:700;margin:1.5rem 0;padding:1.5rem;text-align:center}.send-money-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem auto;max-width:500px;padding:2rem}.send-money-container h2{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.balance-display{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:1.25rem;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.send-money-form{display:flex;flex-direction:column;gap:1.5rem}.amount-input-container{align-items:center;display:flex;position:relative;width:100%}.currency-symbol{color:#4b5563;color:var(--text-secondary);left:.75rem;position:absolute}.amount-input{padding-left:1.75rem!important;width:100%}.preset-amounts{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:1rem 0}.preset-amount{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem;transition:all .2s}.preset-amount:hover{background:#f8f9fa;border-color:#007bff}.preset-amount.selected{background:#007bff;border-color:#007bff;color:#fff}.auth-container{align-items:center;background:#f9fafb;background:var(--background-light);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);max-width:480px;padding:2.5rem;width:100%}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-subtitle{color:#6c757d;font-size:1rem}.auth-form{margin-bottom:2rem}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#6c757d;font-size:1.1rem;left:1rem;position:absolute}.form-input.with-icon{padding-left:3rem}.password-label{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.forgot-password{color:#007bff;font-size:.875rem;text-decoration:none}.forgot-password:hover{text-decoration:underline}.button-primary{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem;transition:all .2s;width:100%}.button-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.button-primary:disabled{background:#ccc;cursor:not-allowed}.auth-footer{color:#6c757d;text-align:center}.auth-link{color:#007bff;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.alert{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.status-badge{border-radius:9999px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-success{background-color:#ecfdf5;color:#10b981;color:var(--success-color)}.status-pending{background-color:#fffbeb;color:#f59e0b;color:var(--warning-color)}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding:1.5rem}.page-title{color:#111827;color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0}.password-requirements{margin-top:.5rem}.password-requirements,.terms-agreement{color:#4b5563;color:var(--text-secondary);font-size:.875rem}.terms-agreement{margin:1.5rem 0;text-align:center}.terms-link{color:#06f;color:var(--primary-color);text-decoration:none}.terms-link:hover{text-decoration:underline}.feature-highlights{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.feature{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.feature-icon{font-size:1.25rem}.feature-text{color:#4b5563;color:var(--text-secondary);font-size:.875rem}.loading{color:#0000!important;position:relative}.loading:after{animation:spin .75s linear infinite;border:2px solid #fff;border-radius:50%;border-right-color:#0000;content:"";height:1.25rem;left:50%;position:absolute;top:50%;width:1.25rem}@keyframes spin{to{transform:rotate(1turn)}}.qr-scanner-container{margin:2rem auto;max-width:500px;position:relative;width:100%}.qr-video{border-radius:8px;max-height:300px;object-fit:cover;width:100%}.merchant-container{margin:0 auto;max-width:480px;padding:80px 1rem 2rem}.merchant-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.qr-scanner-button{align-items:center;background:#06f;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:1rem 0;padding:.875rem;transition:all .2s;width:100%}.qr-scanner-button:hover{background:#0052cc;background:var(--primary-dark);transform:translateY(-1px)}.qr-scanner-container{border:2px solid #06f;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 0 0 4px #0066ff1a;margin:1rem 0;overflow:hidden}.category-selector{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin:.5rem 0}.quick-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.quick-action-button{font-size:.75rem;padding:.75rem}.payment-method-selector{display:inline-flex;gap:.5rem;margin-bottom:1rem}.method-button{padding:.75rem}.quick-action-link{align-items:center;background:#f9fafb;background:var(--background-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.875rem;text-decoration:none;transition:all .2s}.quick-action-link:hover{background:#fff;border-color:#06f;border-color:var(--primary-color);color:#06f;color:var(--primary-color)}.quick-action-link .action-icon{stroke:#06f;stroke:var(--primary-color);height:20px;width:20px}.method-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;justify-content:center;padding:.875rem;transition:all .2s}.method-button:hover{color:#06f;color:var(--primary-color)}.method-button.active,.method-button:hover{border-color:#06f;border-color:var(--primary-color)}.method-button.active{background:#06f;background:var(--primary-color);color:#fff}.method-button .method-icon{stroke:currentColor;height:20px;width:20px}.category-button{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#111827;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.75rem .5rem;transition:all .2s}.category-button:hover{color:#06f;color:var(--primary-color)}.category-button.active,.category-button:hover{border-color:#06f;border-color:var(--primary-color)}.category-button.active{background:#06f;background:var(--primary-color);color:#fff}.category-button .category-icon{display:block;font-size:1.25rem;margin-bottom:.25rem}
/*# sourceMappingURL=main.a004c975.css.map*/