:root{--success:#28a745;--danger:#dc3545;--bg-primary:#fff;--bg-secondary:#f8f9fa;--text-primary:#333;--text-secondary:#718096}[data-theme=dark]{--primary:#4a9dff;--primary-dark:#3a7dcc;--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#e1e1e1;--text-secondary:#aaa;--border-color:#444}*{box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}body{background:#fff;background:var(--bg-primary);color:#333;color:var(--text-primary);transition:background-color .3s,color .3s}.container{display:flex;min-height:100vh}.hamburger{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:none;display:flex;font-size:24px;height:40px;justify-content:center;left:15px;position:fixed;top:15px;width:40px;z-index:1001}.main-content{margin-left:250px;padding:20px}.page-title{color:#2a5c88;color:var(--primary);margin-bottom:20px}.logo{margin:0 auto 1rem}.step-bubble.active{background:#2a5c88}.form-step{display:none}.form-step.active{display:block}.kyc-header{color:#2a5c88}.country-card.active{border-color:#2a5c88}.country-card.active:after,.currency-option.active{background:#2a5c88}.amount-input{color:#2a5c88}.amount-input:focus{border-color:#2a5c88}.phone-prefix{color:#2a5c88}.conversion-display{background:linear-gradient(135deg,#2a5c88,#1a4466)}.nav-btn{color:#2a5c88}.history-header{margin-bottom:2rem}.form-subtitle{color:var(--gray);font-size:.95rem}.transaction-list{gap:1rem}.transaction-item{border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1rem;transition:all .3s ease}.transaction-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.transaction-icon{align-items:center;background:#2a5c881a;border-radius:50%;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:1rem}.transaction-meta{color:var(--gray);font-size:.9rem;margin-bottom:.5rem}.transaction-amount{font-size:1.1rem;font-weight:600}.transaction-status{font-size:.85rem;padding:4px 8px}.transaction-status.completed{background:#28a7451a;color:#28a745;color:var(--success)}.transaction-status.pending{background:#f7b7311a;color:var(--secondary)}.transaction-status.failed{background:#dc35451a;color:#dc3545;color:var(--danger)}.empty-state{color:var(--gray);padding:2rem;text-align:center}.profile-section{margin:0 auto;max-width:800px}.profile-header img{border:4px solid var(--light);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;margin-bottom:1rem;object-fit:cover;width:120px}.profile-name{color:#2a5c88}.stats-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;box-shadow:0 2px 8px #0000000d}.stat-value{color:#2a5c88;font-size:2rem;margin-bottom:.5rem}.stat-label{color:var(--gray);font-size:.9rem}.balances-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.balance-card{box-shadow:0 2px 8px #0000000d;padding:1rem}.balance-currency{color:#2a5c88;color:var(--primary);font-weight:600;margin-bottom:.5rem}.balance-amount{font-size:1.2rem;font-weight:500}.logout-btn{background:var(--light);border:1px solid var(--light-gray);border-radius:8px;color:#2a5c88;color:var(--primary);font-weight:500;padding:12px;transition:all .3s ease}.logout-btn:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545;color:var(--danger)}.confirmation-modal{display:none;z-index:2000}.modal-content{background:#fff;border-radius:12px;margin:5% auto;max-width:500px;padding:2rem;position:relative;width:90%}.modal-header h3,.pin-verification label{color:var(--primary)}.pin-digit{font-size:1.2rem;height:45px;width:45px}.btn,.pin-digit{border-radius:8px}.btn{padding:12px 24px}.cancel-btn{color:var(--primary)}.status-modal{display:none;z-index:2000}.status-modal .modal-content{border-radius:12px;margin:10% auto;max-width:400px;padding:2rem}.modal-icon{font-size:4rem;margin-bottom:1rem}.status-modal h3{color:var(--primary)}.close-status-btn{border-radius:8px;padding:12px 24px;transition:opacity .3s}@media (max-width:768px){.hamburger{display:block}.sidebar{transform:translateX(-100%);width:280px}.sidebar.active{transform:translateX(0)}.main-content{margin-left:0;padding:4rem 1rem 1rem}.transaction-form{border-radius:0;box-shadow:none;padding:1.5rem}.country-selector{grid-template-columns:1fr}.amount-input{font-size:1.8rem!important}.submit-btn{font-size:1rem;padding:16px}.step-indicator{gap:1rem}.balances-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.form-grid{grid-template-columns:1fr}.currency-toggle{justify-content:space-between;width:100%}.conversion-display{align-items:flex-start;flex-direction:column;gap:1rem}.phone-input-container{padding:6px}.phone-prefix{padding:0 8px}.pin-digit{font-size:1rem;height:35px;width:35px}.modal-actions{flex-direction:column}.btn{width:100%}.form-navigation{flex-direction:column;gap:1rem}.nav-btn,.submit-btn{width:100%}}.login-page-container{align-items:center;background:#f5f6fa;display:flex;font-family:Segoe UI,Arial,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.login-container{background:#fff;border-radius:16px;max-width:480px;padding:3rem;transition:all .3s ease;width:100%}.login-header{margin-bottom:2.5rem;text-align:center}.login-header h1{color:#2a5c88;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}.login-logo{margin-bottom:1.5rem;width:180px}.step-indicator{gap:.75rem;margin-bottom:2rem}.step{background:#e2e8f0;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.step.active{background:#2a5c88;border-radius:6px;width:24px}.login-form{gap:1.75rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-group label{color:#4a5568;font-size:.95rem}.form-control{background:#f8f9fa;border:1px solid #e1e5eb;border-radius:10px;padding:15px;transition:all .2s ease}.form-control:focus{background:#fff;border-color:#2a5c88}.form-control.error{background:#fef2f2;border-color:#e74c3c}.pin-instruction{color:#718096;font-size:.95rem;margin-bottom:1rem;text-align:center}.pin-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);margin:1.5rem 0}.pin-input{aspect-ratio:1;background:#f8f9fa;border:1px solid #e1e5eb;border-radius:10px;font-size:1.3rem;font-weight:500;padding:12px;text-align:center;transition:all .2s ease;width:100%}.pin-input:focus{background:#fff;border-color:#2a5c88;box-shadow:0 0 0 3px #2a5c8826;outline:none}.pin-input.pin-error{background:#fef2f2;border-color:#e74c3c}.submit-btn{background:#2a5c88;border-radius:10px;letter-spacing:.5px;padding:16px}.submit-btn:hover:not(:disabled){background:#1e4668;box-shadow:0 6px 18px #2a5c8840;transform:translateY(-2px)}.submit-btn:disabled{opacity:.7}.error-message{color:#e74c3c;font-size:.9rem;font-weight:500;margin-top:.25rem}.hidden{display:none}@media (max-width:480px){.login-container{padding:2rem 1.5rem}.pin-input{font-size:1.1rem;padding:10px}.step{height:10px;width:10px}.step.active{width:20px}}.login-page-container{background:var(--bg-primary)}.login-container{background:var(--bg-secondary);box-shadow:0 5px 20px #0000000d}.login-header h1{color:var(--primary)}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.form-control:focus{background:var(--bg-primary);box-shadow:0 0 0 3px #2a5c8826}.pin-input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.submit-btn:hover:not(:disabled){background:var(--primary-dark)}.confirmation-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-modal .modal-content{background:#fff;border:2px solid #2a5c88;border-radius:16px;box-shadow:0 8px 32px #00000026;max-width:500px;opacity:0;padding:2rem;position:relative;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.confirmation-modal .modal-content.active{opacity:1;transform:translateY(0)}.modal-header{border-bottom:2px solid #f0f2f5;padding-bottom:1.5rem}.modal-header h3{color:#2a5c88;font-size:1.75rem;font-weight:700}.close-modal{color:#2a5c88;transition:opacity .3s}.close-modal:hover{opacity:.7}.transaction-summary{background:#f8fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.summary-item{display:flex;font-size:1.05rem;justify-content:space-between;margin-bottom:1rem}.summary-item span:first-child{color:#718096;font-weight:500}.summary-item span:last-child{color:#2a5c88;font-weight:600}.pin-verification{margin-bottom:2rem}.pin-verification label{color:#2a5c88;display:block;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.pin-inputs{display:flex;gap:1rem;justify-content:center}.pin-digit{border:2px solid #e2e8f0;border-radius:12px;color:#2a5c88;font-size:1.4rem;font-weight:600;height:50px;text-align:center;transition:all .3s ease;width:50px}.pin-digit:focus{border-color:#2a5c88;box-shadow:0 0 0 3px #2a5c881a;outline:none;transform:scale(1.05)}.modal-actions{gap:1rem;justify-content:flex-end}.btn{border-radius:10px;cursor:pointer;font-size:1.05rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.cancel-btn{background:#f8fafc;border:2px solid #e2e8f0;color:#2a5c88}.cancel-btn:hover{background:#f0f2f5}.confirm-btn{background:#2a5c88;border:none;color:#fff;overflow:hidden;position:relative}.confirm-btn:hover{opacity:.9;transform:translateY(-2px)}.confirm-btn:after{animation:submitGlow 4s linear infinite;background:linear-gradient(45deg,#0000 25%,#ffffff1a 0,#ffffff1a 50%,#0000 0,#0000 75%,#ffffff1a 0);background-size:4px 4px;content:"";height:200%;left:-50%;opacity:.3;position:absolute;top:-50%;width:200%}@keyframes submitGlow{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-50%) translateY(-50%)}}.status-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.status-modal .modal-content{background:#fff;border:2px solid #2a5c88;border-radius:16px;max-width:450px;opacity:0;padding:2.5rem;text-align:center;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.status-modal .modal-content.active{opacity:1;transform:translateY(0)}.modal-icon{font-size:4.5rem;font-weight:700;margin-bottom:1.5rem}.success-modal .modal-icon{color:#28a745}.error-modal .modal-icon{color:#dc3545}.status-modal h3{color:#2a5c88;font-size:1.8rem;margin-bottom:1rem}.status-modal p{color:#718096;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.close-status-btn{background:#2a5c88;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;padding:14px 32px;transition:all .3s ease}.close-status-btn:hover{opacity:.9;transform:translateY(-2px)}@keyframes spin{to{transform:rotate(1turn)}}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:8px;width:20px}@media (max-width:768px){.confirmation-modal .modal-content,.status-modal .modal-content{padding:1.8rem}.modal-header h3{font-size:1.5rem}.pin-digit{font-size:1.2rem;height:42px;width:42px}.modal-actions{flex-direction:column}.btn{width:100%}}@media (max-width:480px){.confirmation-modal .modal-content,.status-modal .modal-content{padding:1.5rem}.pin-digit{font-size:1.1rem;height:38px;width:38px}.summary-item{flex-direction:column;gap:.3rem}}.confirmation-modal .modal-content{background:var(--bg-primary);border:2px solid var(--primary)}.transaction-summary{background:var(--bg-secondary)}.summary-item span:first-child{color:var(--text-secondary)}.pin-digit,.summary-item span:last-child{color:var(--text-primary)}.pin-digit{background:var(--bg-primary);border:2px solid var(--border-color)}.pin-digit:focus{border-color:var(--primary)}.cancel-btn{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.confirm-btn{background:var(--primary)}.status-modal .modal-content{background:var(--bg-primary);border:2px solid var(--primary)}.status-modal h3{color:var(--text-primary)}.status-modal p{color:var(--text-secondary)}.close-status-btn{background:var(--primary)}.transaction-form{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000000d;margin:0 auto;max-width:800px;padding:2.5rem}.step-indicator{display:flex;gap:2rem;justify-content:center;margin-bottom:2.5rem}.step-item{flex-direction:column;gap:.5rem}.step-bubble,.step-item{align-items:center;display:flex}.step-bubble{background:#e2e8f0;border-radius:50%;color:#718096;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.step-bubble.active{background:var(--primary);color:#fff}.step-title{color:#718096;font-size:.9rem}.form-step{animation:fadeIn .3s ease;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.country-flag{background-color:#f0f0f0}.kyc-section{margin-bottom:2rem}.kyc-header{border-bottom:1px solid var(--light-gray);color:var(--primary);margin-bottom:1.5rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid,.form-group{margin-bottom:1.5rem}.form-group label{color:var(--dark);margin-bottom:.5rem}.form-control{background:#fff;border:2px solid var(--light-gray);border-radius:12px;color:#333;font-size:1rem;padding:12px;transition:all .3s ease;width:100%}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2a5c881a;outline:none}.country-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2rem}.country-card{border:2px solid var(--light-gray);border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .2s ease}.country-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-3px)}.country-card.active{background:#fff;border-color:var(--primary);box-shadow:0 8px 24px #2a5c881a}.country-card.active:after{align-items:center;background:var(--primary);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.country-flag{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:48px;margin-bottom:1rem;object-fit:cover;width:48px}.amount-section{background:var(--light);border-radius:12px;margin-bottom:2rem;padding:1.5rem;position:relative}.currency-toggle{background:#fff;border:2px solid var(--light-gray);border-radius:8px;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:6px;width:-webkit-fit-content;width:fit-content}.currency-option{border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s ease}.currency-option.active{background:var(--primary);color:#fff}.amount-input{background:#fff;border:2px solid var(--light-gray);border-radius:12px;color:var(--primary);font-size:2rem;font-weight:600;padding:14px;width:100%}.amount-input:focus{border-color:var(--primary);outline:none}.phone-input-container{align-items:center;background:#fff;border:2px solid var(--light-gray);border-radius:12px;display:flex;overflow:hidden;position:relative}.phone-prefix{align-items:center;background:var(--light);border-right:2px solid var(--light-gray);color:var(--primary);display:flex;font-weight:500;height:100%;padding:0 12px}#recipient{background:#0000;border:none;font-size:1rem;padding:12px;width:100%}.input-hint{color:var(--gray);display:block;font-size:.85rem;margin-top:.5rem}.conversion-display{background:linear-gradient(135deg,var(--primary) 0,#1a4466 100%);border-radius:12px;color:#fff;margin:2.5rem 0;overflow:hidden;padding:1.5rem;position:relative}.conversion-rate{color:#ffffffe6;font-size:.9rem;margin-bottom:.25rem}.conversion-amount{color:#fff;font-size:1.4rem;font-weight:600;letter-spacing:-.5px}.conversion-arrow{background:#fff3;border-radius:50%;height:32px;padding:8px;width:32px}.form-navigation{display:flex;justify-content:space-between;margin-top:2rem}.nav-btn{background:var(--light);border:2px solid var(--light-gray);border-radius:8px;color:var(--primary);cursor:pointer;font-weight:500;padding:12px 24px;transition:all .3s ease}.nav-btn:hover{background:#f0f2f5}.submit-btn{align-items:center;background:var(--primary);border-radius:12px;display:flex;font-size:1.1rem;gap:12px;justify-content:center;padding:18px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 12px 32px #2a5c884d;transform:translateY(-3px)}@media (max-width:768px){.transaction-form{padding:1.5rem}.step-indicator{gap:1rem}.country-selector{grid-template-columns:1fr}.amount-input{font-size:1.8rem!important}.submit-btn{font-size:1rem;padding:16px}}.currency-notice{background:#2a5c880d;border:1px dashed #2a5c884d;border-radius:8px;margin-bottom:1.5rem;padding:12px;text-align:center}.currency-info{color:#4a5568;font-weight:500}.currency-value{background:#fff;border:1px solid var(--primary);border-radius:20px;color:var(--primary);font-weight:700;margin-left:8px;padding:4px 12px}.currency-display{display:flex;justify-content:space-between;margin-bottom:1rem}.receiver-currency,.sender-currency{background:#fff;border:1px solid var(--light-gray);border-radius:8px;font-size:.95rem;padding:8px 16px}.receiver-currency strong,.sender-currency strong{color:var(--primary);font-weight:600}.currency-label{color:var(--text-secondary);font-size:.9rem;margin-top:4px;text-align:right}.receiver-info-summary{background:var(--light-gray);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.receiver-info-item{border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.receiver-info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.receiver-info-item span{color:var(--text-secondary)}.receiver-info-item strong{color:var(--dark);font-weight:600}@media (max-width:768px){.transaction-form{box-sizing:border-box;padding:1.5rem;width:100%}}:root{--primary:#2a5c88;--primary-dark:#1e4668;--light-gray:#f8f9fa;--border-color:#e1e5eb}.sidebar{background:#fff;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:1rem;position:fixed;transition:transform .3s ease;width:250px;z-index:1000}.sidebar-header{border-bottom:1px solid #f8f9fa;border-bottom:1px solid var(--light-gray);margin-bottom:1rem;padding:1rem 0;text-align:center}.sidebar-header h2{color:#2a5c88;color:var(--primary);font-size:1.25rem;margin-top:10px;text-align:center}.logo{display:block;margin:0 auto;width:180px}.user-info{border-radius:10px;margin-bottom:1.5rem;padding:1rem}.user-avatar{align-items:center;background:#2a5c88;background:var(--primary);color:#fff;display:flex;flex-shrink:0;font-weight:700;height:50px;justify-content:center;margin-right:15px;width:50px}.avatar-placeholder{font-size:1.2rem}.user-details{flex:1 1;overflow:hidden}.user-details strong{color:#2a5c88;color:var(--primary);font-weight:600}.user-details small,.user-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-details small{color:#718096;display:block;font-size:.85rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-link{align-items:center;border:1px solid #f8f9fa;border:1px solid var(--light-gray);border-radius:8px;color:#2a5c88;color:var(--primary);display:flex;font-weight:500;gap:12px;margin:4px 0;padding:14px;text-decoration:none;transition:all .3s ease}.nav-link svg{flex-shrink:0}.nav-link span{flex:1 1}.logout-btn{background:none;color:#e74c3c;font-size:1rem;margin-top:auto;text-align:left}.logout-btn:hover{border-color:#e74c3c}@media (max-width:768px){.sidebar{box-shadow:0 4px 12px #0000001a;height:auto;max-height:0;overflow:hidden;padding:0;transform:translateY(-100%);transition:max-height .4s ease,transform .4s ease;width:100%}.sidebar.mobile.active{border-radius:0 0 16px 16px;max-height:80vh;padding:1rem;transform:translateY(0)}.sidebar-header{padding-bottom:.5rem;padding-top:.5rem}.logo{width:150px}.user-info{padding:.8rem}.user-avatar{font-size:1rem;height:40px;width:40px}.sidebar{max-height:0;overflow:hidden;padding:0;position:fixed;top:0;transform:translateY(-100%);transition:max-height .4s ease,transform .4s ease;width:100%;z-index:1000}.sidebar.active{max-height:100vh;padding:1rem;transform:translateY(0)}}.sidebar{background:var(--bg-secondary)}.sidebar-header h2{color:var(--text-primary)}.user-info{background:#2a5c880d}.nav-link{border:1px solid #e1e5eb;border:1px solid var(--border-color);color:var(--text-primary)}.nav-link.active,.nav-link:hover{background:#2a5c880d;border-color:#2a5c88;border-color:var(--primary)}.logout-btn{color:var(--danger)}.logout-btn:hover{background:#e74c3c0d;border-color:var(--danger)}@media (max-width:768px){.sidebar{background:var(--bg-secondary)}}.main-header{background-color:#fff}.header-title{flex:1 1}.header-title h1{color:#2c3e50}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:#3498db;color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;width:100%}.user-details{text-align:right}.user-details strong{display:block;font-size:.9rem}.user-details small{color:#7f8c8d;font-size:.8rem}.main-header{align-items:center;background-color:var(--bg-primary);box-shadow:0 2px 4px #0000001a;display:flex;padding:15px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.menu-toggle{background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;margin-right:15px;padding:5px}.header-title h1{color:var(--text-primary);font-size:1.2rem;margin:0}.user-actions{display:flex;gap:15px}.user-info{align-items:center;display:flex}.user-avatar{background-color:var(--primary);border-radius:50%;height:40px;margin-right:10px;overflow:hidden;width:40px}.user-details strong{color:var(--text-primary)}.user-details small{color:var(--text-secondary)}@media (min-width:768px){.menu-toggle{display:none}}.app-container{background-color:#f5f7fa}@media (min-width:768px){.sidebar{height:100vh;position:fixed;transform:translateX(0)!important;z-index:100}.main-content{margin-left:250px;width:calc(100% - 250px)}}@media (max-width:767px){.sidebar{position:fixed;transform:translateX(-100%);z-index:1000}.sidebar.active{transform:translateX(0)}}.app-container{background-color:var(--bg-primary);display:flex;min-height:100vh}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:0;transition:margin-left .3s ease;width:100%}.content-wrapper{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:20px}@media (min-width:768px){.main-content{margin-left:250px;width:calc(100% - 250px)}}@media (max-width:767px){.sidebar{background:var(--bg-secondary)}}.history-header{margin-bottom:30px;text-align:center}.history-header h1{color:#2c3e50}.form-subtitle{color:#7f8c8d}.transaction-list{display:flex;flex-direction:column;gap:15px}.transaction-item{background:#fff}.transaction-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.transaction-item.deposit{border-left:4px solid #2ecc71}.transaction-item.withdrawal{border-left:4px solid #e74c3c}.transaction-item.transfer{border-left:4px solid #3498db}.transaction-icon{font-size:1.5rem;margin-right:15px;text-align:center;width:40px}.transaction-details{flex:1 1}.transaction-meta{display:flex;justify-content:space-between;margin-bottom:5px}.transaction-account{color:#2c3e50}.transaction-date{color:#7f8c8d}.deposit .transaction-amount{color:#2ecc71}.withdrawal .transaction-amount{color:#e74c3c}.transfer .transaction-amount{color:#3498db}.transaction-conversion{color:#7f8c8d}.transaction-status.completed{background-color:#e8f6ef;color:#2ecc71}.transaction-status.pending{background-color:#fef9e7;color:#f39c12}.transaction-status.failed{background-color:#fdedec;color:#e74c3c}.empty-state,.loading-state{background:#fff}.empty-state p,.loading-state p{color:#7f8c8d}.empty-state p:first-child{color:#2c3e50;font-size:1.2rem;font-weight:600}.loading-state p{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.details-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-transaction-content{background:#fff;box-shadow:0 8px 32px #0003;max-width:600px;width:90%}.modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.close-modal{color:#7f8c8d;cursor:pointer;font-size:2rem;transition:color .3s}.close-modal:hover{color:#e74c3c}.detail-item{margin-bottom:1rem}.detail-item strong{color:#2c3e50;display:block;font-weight:600;margin-bottom:.5rem}.detail-item span{color:#4a5568;display:block}.text-capitalize{text-transform:capitalize}@media (max-width:768px){.transaction-details-grid{grid-template-columns:1fr}.modal-header h3{font-size:1.3rem}}.transaction-history{background:var(--bg-primary);border-radius:8px;margin:0 auto;max-width:800px;padding:20px}.history-header h1{color:var(--text-primary);font-size:2rem;margin-bottom:10px}.form-subtitle{color:var(--text-secondary);font-size:1rem}.transaction-item{align-items:center;background:var(--bg-secondary);border-left:4px solid var(--primary);border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;padding:15px;transition:transform .2s,box-shadow .2s}.transaction-account{color:var(--text-primary);font-weight:600}.transaction-date{color:var(--text-secondary);font-size:.9rem}.transaction-amount{color:var(--primary);font-size:1.2rem;font-weight:700;margin-bottom:5px}.transaction-conversion{color:var(--text-secondary);font-size:.9rem;margin-bottom:5px}.transaction-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:3px 8px}.empty-state,.loading-state{background:var(--bg-secondary);border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:40px 20px;text-align:center}.empty-state p,.loading-state p{color:var(--text-secondary);margin:10px 0}.details-modal{background:#00000080}.modal-transaction-content{background:var(--bg-primary);border-radius:16px;padding:2rem;position:relative}.modal-header h3{font-size:1.5rem}.close-modal{color:var(--text-secondary)}.transaction-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin:1.5rem 0}.detail-item strong{color:var(--primary)}.detail-item span{color:var(--text-secondary)}@media (max-width:768px){.transaction-details-grid{grid-template-columns:1fr}}.profile-section{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000000d;max-width:720px;padding:2.5rem 3rem}.profile-header{margin-bottom:2rem;text-align:center}.profile-picture{border:4px solid var(--primary);border-radius:50%;height:120px;margin:0 auto 1.5rem;object-fit:cover;width:120px}.profile-name{color:var(--primary);font-size:1.8rem;margin-bottom:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{background:#f8fafc;border-radius:12px;padding:1.5rem;text-align:center}.stat-label{color:#718096;font-size:.95rem;margin-bottom:.5rem}.stat-value{font-size:1.5rem;font-weight:600}.balances-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2rem}.balance-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease}.balance-card:hover{transform:translateY(-3px)}.currency-amount{color:var(--primary);font-size:1.4rem;font-weight:600;margin:.5rem 0}.currency-code{color:#718096;font-size:.9rem}.logout-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:8px;justify-content:center;padding:16px;transition:opacity .3s ease;width:100%}.logout-btn:hover{opacity:.9}.logout-btn svg{height:20px;width:20px}@media (max-width:768px){.profile-section{padding:1.5rem}.profile-name{font-size:1.5rem}.currency-amount,.stat-value{font-size:1.2rem}.balances-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.balance-card{padding:1rem}}.profile-actions{display:flex;justify-content:center;margin:25px 0}.request-money-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 25px;transition:background-color .3s}.request-money-btn:hover{background-color:#2980b9}.profile-success{background-color:#e8f5e9;border-radius:6px;color:#2e7d32;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:500px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#2c3e50;margin:0}.close-btn{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:24px}.modal form{padding:20px}.modal-actions{display:flex;gap:10px;margin-top:20px}.modal-actions button{border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px}.cancel-btn{background-color:#e0e0e0;border:none;color:#333}.cancel-btn:hover{background-color:#d0d0d0}.error-message{background-color:#ffebee;border-radius:6px;color:#c62828;margin-top:10px;padding:10px}.profile-section{background:var(--bg-primary)}.profile-name{color:var(--text-primary)}.profile-email,.profile-location,.profile-phone{color:var(--text-secondary)}.stat-card{background:var(--bg-secondary)}.stat-value{color:var(--primary)}.stat-label{color:var(--text-secondary)}.profile-details .detail-item span:first-child{color:var(--text-primary);font-weight:500}.profile-details .detail-item span:last-child{color:var(--text-secondary)}.logout-btn{background:var(--danger)}.modal{background:var(--bg-primary)}.modal-header h3{color:var(--text-primary)}.modal form{background:var(--bg-primary)}.form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.form-group input[disabled]{background:var(--bg-primary)}.error-message{background:#dc35451a;color:var(--danger)}.profile-success{background:#28a74526;color:var(--success)}.voucher-container{margin:0 auto;max-width:800px;padding:20px}.page-title{color:#2c3e50;margin-bottom:30px;text-align:center}.voucher-tabs{border-bottom:1px solid #e0e0e0;display:flex;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#7f8c8d;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:15px;transition:all .3s}.tab-btn.active{border-bottom:3px solid #3498db;color:#3498db}.voucher-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:25px}.form-section{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:20px}.form-section h3{color:#2c3e50;font-size:18px}.form-group,.form-section h3{margin-bottom:15px}.form-group label{color:#34495e;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1 1}.submit-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:background-color .3s;width:100%}.submit-btn:hover{background-color:#2980b9}.submit-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.voucher-serial{background:#e8f4fe;border:1px dashed #3498db;border-radius:10px;margin-bottom:25px;padding:20px;text-align:center}.serial-number{color:#2c3e50;font-size:24px;font-weight:700;letter-spacing:1px;margin:10px 0}.instruction{color:#7f8c8d;font-size:14px}.voucher-details{background:#f9f9f9;border-left:4px solid #27ae60;border-radius:8px;margin-top:25px;padding:20px}.detail-item{border-bottom:1px solid #eee;padding:10px 0}.detail-item:last-child{border-bottom:none}.status-redeemed{color:#27ae60;font-weight:600}.voucher-info{margin-top:40px}.info-cards{display:flex;gap:20px;margin-top:20px}.info-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000000d;flex:1 1;padding:20px;text-align:center}.info-number{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;margin:0 auto 15px;width:40px}.info-card h4{color:#2c3e50;margin-bottom:10px}.info-card p{color:#7f8c8d;font-size:14px;line-height:1.5}.alert{border-radius:6px;font-weight:500;margin-bottom:20px;padding:15px}.alert.error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}.alert.success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.agent-info{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;margin:20px 0;padding:15px}.agent-info h4{border-bottom:1px solid #eee;color:#2c3e50;margin-top:0;padding-bottom:10px}.detail-item{display:flex;justify-content:space-between;padding:8px 0}.detail-item span:first-child{color:#34495e;font-weight:500}.voucher-form .form-group input,.voucher-form .form-group select{border:1px solid #ddd;border-radius:6px;font-size:16px;padding:12px;width:100%}.voucher-form .form-group select{background-color:#fff}.voucher-container{background:var(--bg-primary)}.page-title{color:var(--text-primary)}.tab-btn{color:var(--text-secondary)}.tab-btn.active{background-color:#3498db0d;border-bottom:3px solid var(--primary);color:var(--primary)}.voucher-form{background:var(--bg-secondary)}.form-group label,.form-section h3{color:var(--text-primary)}.form-group input,.form-group select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{border-color:var(--primary)}.submit-btn{background-color:var(--primary)}.voucher-serial{background:#3498db1a;border:1px dashed var(--primary)}.serial-number{color:var(--text-primary)}.instruction{color:var(--text-secondary)}.voucher-details{background:var(--bg-secondary)}.detail-item span:first-child{color:var(--text-primary)}.info-card{background:var(--bg-secondary)}.info-card h4{color:var(--text-primary)}.info-card p{color:var(--text-secondary)}.alert.error{background-color:#dc35451a;color:var(--danger)}.alert.success{background-color:#28a7451a;color:var(--success)}.agent-info{background-color:var(--bg-secondary)}.agent-info h4{color:var(--text-primary)}
/*# sourceMappingURL=main.b0fb36a7.css.map*/