@import url(https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap);*{box-sizing:border-box;font-family:Cabin,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:weight;margin:0;padding:0}body{background-color:#f3f4f6}.header_items{background-color:#fff;box-shadow:1px 1px 1px 1px #cccccc9c;box-sizing:border-box;justify-content:space-between;padding:10px 20px;width:100vw}.header_items,.section_logo{align-items:center;display:flex}.section_logo{color:#0d6eba;font-weight:700;width:100%;z-index:10}.app-name{font-size:35px;font-weight:bolder}.section_right{align-items:center;display:flex;gap:.5rem}.section_right span:last-child{background-color:#cce8ea;border-radius:50%;padding:16px}.notification-icon-wrapper{cursor:pointer;display:inline-block;position:relative}.notification-badge{background-color:#ff4d4d;border-radius:50%;box-shadow:0 0 3px #0003;color:#fff;font-size:.75rem;font-weight:700;line-height:1.2;min-width:20px;padding:2px 7px;position:absolute;right:5px;text-align:center;top:5px;z-index:10}.notif-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111111bf;inset:0;justify-content:center;overflow-y:auto;padding:20px;z-index:9999}.notif-modal{animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px #0003;margin-top:80px;max-width:600px;overflow:hidden;width:100%}.notif-header{background:#f7f7f7}.notif-header-title{gap:10px}.notif-header-title h2{font-size:1.3rem;font-weight:700}.notif-header-icon{color:#0d6eba;height:26px;width:26px}.notif-close-btn{background:#0000;border-radius:50%;padding:6px;transition:background .2s}.notif-close-btn:hover{background:#eee}.notif-close-icon{color:#555;height:22px;width:22px}.notif-list{max-height:400px}.notification-item{align-items:flex-start;border-bottom:1px solid #eee;padding:15px 20px;transition:background .2s}.notification-item:hover{background:#f8f8f8}.notif-icon{font-size:22px;margin-right:12px;margin-top:3px}.notif-success{color:#16a34a}.notif-error{color:#dc2626}.notif-warning{color:#eab308}.notif-info{color:#2563eb}.notif-message{color:#222;font-weight:500}.notif-time{color:#888;font-size:12px;margin-top:3px}.notif-check-btn{background:#0000;border-radius:50%;padding:4px;transition:background .2s,color .2s}.notif-check-btn:hover{background:#eee;color:#0d6eba}.notif-check-icon{stroke:currentColor;height:20px;width:20px}.notif-read-all{border-radius:8px;transition:background .2s,transform .1s}.notif-read-all,.notif-read-all:hover{background:#0d6eba}.notif-read-all:active{transform:scale(.98)}.notif-empty{color:#888;font-size:14px;padding:30px}.notif-overlay{background:#0006;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.notif-modal{animation:slideIn .3s ease-out;background:#f7f7f7;box-shadow:-4px 0 10px #0000001a;display:flex;flex-direction:column;height:100%;width:380px}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.notif-header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;padding:15px 20px}.notif-header,.notif-header-title{align-items:center;display:flex}.notif-header-title h2{color:#333;font-size:1.1rem;font-weight:600;margin:0}.notif-header-icon{color:#007bff;height:20px;margin-right:8px;width:20px}.notif-close-btn{background:none;border:none;cursor:pointer;padding:5px}.notif-close-icon{color:#666;height:20px;width:20px}.notif-list{background:#fcfcfc;flex-grow:1;overflow-y:auto;padding:0 10px}.notification-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;margin:10px 0;padding:15px;transition:background .3s}.notification-item.unread{background:#f0f8ff;border-left:4px solid #007bff;font-weight:500}.notif-icon{align-items:center;border-radius:50%;display:flex;font-size:1.2rem;height:35px;justify-content:center;margin-right:15px;padding:8px;width:35px}.notif-success{background-color:#e6ffed;border:1px solid #28a745}.notif-error{background-color:#ffe6e6;border:1px solid #dc3545}.notif-warning{background-color:#fff8e6;border:1px solid #ffc107}.notif-info{background-color:#e6f7ff;border:1px solid #17a2b8}.notif-content{flex-grow:1}.notif-message{color:#444;font-size:.9rem;line-height:1.3;margin:0 0 4px}.notif-time{color:#999;font-size:.75rem;margin:0}.notif-check-btn{background:none;border:none;color:#007bff;cursor:pointer;margin-left:10px;opacity:.7;padding:5px;transition:opacity .2s,transform .2s}.notif-check-btn:hover{opacity:1;transform:scale(1.1)}.notif-check-icon{stroke-width:2.5;height:18px;width:18px}.notif-empty{color:#999;font-style:italic;padding:40px 20px;text-align:center}.notif-footer{background:#fff;border-top:1px solid #ddd;padding:15px 20px}.notif-read-all{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.notif-read-all:hover{background-color:#0056b3}.notif-credit{color:#28a745}.swipe-container{border-radius:8px;margin-bottom:10px;overflow:hidden;position:relative}.swipe-background{align-items:center;background-color:#ff3b30;bottom:0;color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:flex-end;left:0;padding-right:20px;position:absolute;right:0;top:0;z-index:1}.swipe-text{margin-right:10px}.notification-item{box-shadow:0 1px 3px #0000001a;touch-action:pan-y;width:100%}.notification-error{background-color:#fff5f5!important;border-left:4px solid #dc3545!important}.notification-error:hover{background-color:#ffe5e5!important}.notif-title{color:#333;font-size:.95em;font-weight:600;margin-bottom:5px}.notif-metadata{background-color:#f8f9fa;border-left:3px solid #dc3545;border-radius:5px;margin-top:10px;padding:10px}.metadata-item{color:#495057;font-size:.85em;margin:5px 0}.metadata-item strong{color:#212529}.notif-details-btn{background-color:initial;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:.85em;margin-top:8px;padding:5px 10px;transition:all .2s ease}.notif-details-btn:hover{background-color:#007bff;color:#fff}.notif-clear-all{border:none;border-radius:5px;cursor:pointer;font-size:.9em;padding:10px 20px;transition:opacity .2s ease}.notif-clear-all:hover{opacity:.8}.notif-footer{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:15px}.account_layout{background:#ececed;display:flex;min-height:100vh}.sidebar_nav{background:#0d6eba;color:#fff;padding:20px;transition:width .3s ease;width:250px;z-index:1000}.sidebar_nav ul{list-style:none;margin-top:20px;padding:0}.sidebar_nav ul li a{align-items:center;color:#fff;display:flex;gap:.3rem;text-decoration:none}.sidebar_nav li{border-radius:6px;cursor:pointer;padding:12px;transition:background .2s ease}.account_content{flex:1 1;padding:20px 10px}@media (max-width:45rem){.account_layout{flex-direction:column}.sidebar_nav{bottom:0;box-shadow:0 -2px 10px #0003;height:60px;left:0;padding:0;position:fixed;width:100%}.sidebar_nav ul{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-around;margin:0}.sidebar_nav li{flex-basis:20%;padding:0;text-align:center}.sidebar_nav ul li a{flex-direction:column;font-size:.75rem;gap:.1rem;justify-content:center;padding:5px 0}.account_content{padding-bottom:70px;padding-top:20px;width:100%}.sidebar{width:100%}.sidebar_nav li{height:24px;width:24px}}.card-display{margin-bottom:25px}.virtual-card{background:linear-gradient(135deg,#0d6eba,#2a9df4);border-radius:10px;box-shadow:0 4px 15px #0003;color:#fff;display:flex;flex-direction:column;font-family:Consolas,monospace;justify-content:space-between;min-height:130px;padding:20px 25px;position:relative}.card-logo{font-size:1.4em;font-weight:700;letter-spacing:1px;margin-bottom:10px;opacity:.9;text-align:right}.card-chip{background-color:#d4af37;border-radius:5px;box-shadow:inset 0 0 5px #0000004d;height:35px;margin-bottom:15px;width:45px}.card-number{font-size:1.4em;font-weight:500;letter-spacing:2px;text-align:left}.card-footer-details{display:flex;font-size:.9em;justify-content:space-between;margin-top:15px}.card-expiry-info,.card-holder-info{text-align:left}.card-expiry-info .label,.card-holder-info .label{color:#ffffffb3;display:block;font-size:.7em;margin-bottom:3px;text-transform:uppercase}.card-expiry-info .value,.card-holder-info .value{font-size:.8em;font-weight:400}@media (max-width:600px){.modal-content{padding:20px}.modal-title{font-size:1.4em}.virtual-card{padding:15px 20px}.card-number{font-size:1.3em}.card-footer-details{align-items:flex-start;flex-direction:column;gap:10px}}.account-details-container{color:#333;font-family:Arial,sans-serif;height:auto;margin:0 auto;max-width:500px;padding:20px}.account-details-container h3{color:#007bff;font-size:1.8em;margin-bottom:25px}.account-info-section{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px}.account-info-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.account-info-item:last-child{border-bottom:none}.account-info-label{text-wrap:nowrap;color:#555;flex-basis:40%;font-weight:700;text-align:start}.account-info-value{text-wrap:nowrap;color:#333;flex-basis:60%;text-align:right}.account-info-value.country-flag{align-items:center;display:flex;gap:8px;justify-content:flex-end}.account-info-value.country-flag span{font-size:1.5em;line-height:1}.modal-overlay{background-color:#000000b3;height:auto}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;height:auto;max-width:90%;overflow-y:auto;padding:20px}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.modal-header h2{color:#333;font-size:1.5em;margin:0}.modal-close-button{font-size:2em;line-height:1}.wallet-section{color:#333;margin:20px auto;max-width:900px;padding:20px}.welcome-header{margin-bottom:30px}.welcome-header h3{font-size:1.5em;font-weight:100;margin:0}.user-name{color:#333}.wallet-overview-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.wallet-overview-card:before{background-color:#0d6eba0d;border-radius:50%;content:"";filter:blur(50px);height:200px;left:-50px;position:absolute;top:-50px;width:200px;z-index:0}.wallet-overview-card:after{background-color:#ffc1070d;border-radius:50%;bottom:-50px;content:"";filter:blur(40px);height:150px;position:absolute;right:-50px;width:150px;z-index:0}.balance-info{align-items:center;display:flex;margin-bottom:10px;position:relative;z-index:1}.balance-label{color:#666;font-size:1.1em;margin:0 10px 0 0}.shield-icon svg{vertical-align:middle}.current-balance{margin-bottom:15px;position:relative;z-index:1}.current-balance h2{color:#333;font-size:1.6rem;font-weight:700;letter-spacing:-.5px;margin:0}.account-description{margin-bottom:30px;position:relative;z-index:1}.account-description p{color:#888;font-size:.95em;margin:0}.wallet-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;position:relative;z-index:1}.action-button{align-items:center;background-color:#f0f1f4;border:none;border-radius:8px;color:#1a1919;cursor:pointer;display:flex;font-size:.95em;font-weight:600;padding:8px 15px;text-decoration:none;transition:all .3s ease}.action-button:hover{background-color:#0a58a7;box-shadow:0 4px 12px #0d6eba66;color:#f0f1f4;transform:translateY(-2px)}.action-button svg{color:#1a1919;margin-right:8px}.action-button:hover svg{color:#f0f1f4}.history-header{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:15px}.history-header,.history-title{align-items:center;display:flex}.history-title{color:#333;font-size:1.5em;font-weight:600;height:100%;margin:0 0 1rem;width:100%}.history-title svg{color:#0d6eba;margin-right:10px}.transaction-item{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:15px;margin-bottom:.5rem;padding:10px}.transaction-icon{align-items:center;background-color:#e6f0fa;border-radius:50%;color:#0d6eba;display:flex;flex-shrink:0;height:45px;justify-content:center;width:45px}.transaction-icon svg{height:24px;width:24px}.transaction-svg{color:#dc3545}.transaction-credit{color:#28a745}.transaction-description{font-size:1em;font-weight:500;margin-bottom:3px}.transaction-amount{color:#0d6eba;font-size:1.1em;font-weight:600}.transaction-date{color:#999;flex-shrink:0;font-size:.85em}@media (max-width:768px){.wallet-section{padding:15px}.welcome-header h3{font-size:1.6em}.current-balance h2{font-size:2.2em}.wallet-actions{flex-direction:column;gap:10px}.action-button{justify-content:center;padding:10px 15px;width:100%}.transaction-item{align-items:flex-start;flex-direction:column;padding:15px 10px;text-align:left}.transaction-icon{margin-bottom:10px}.transaction-details{margin-bottom:5px}.transaction-date{align-self:flex-end}}@media (max-width:480px){.wallet-section{margin:10px auto;padding:10px}.welcome-header h3{font-size:1.4em}.current-balance h2{font-size:1.8em}.transaction-history-section,.wallet-overview-card{padding:20px}.history-title{font-size:1.3em}}.transaction-modal-overlay{background:#0000008c;inset:0;z-index:999}.transaction-modal{animation:fadeIn .3s ease-in-out;border-radius:10px;box-shadow:0 5px 20px #0000004d;max-width:400px;padding:25px;text-align:left}.transaction-modal h3{color:#0d6eba;margin-bottom:15px;text-align:center}.transaction-modal p{color:#333;margin:8px 0}.close-transaction-modal{background:#0d6eba;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;margin-top:15px;padding:10px 15px;width:100%}.close-transaction-modal:hover{background:#084d8a}.transaction-details{display:flex;flex-direction:column}.modal-status-badge,.transaction-status{align-self:flex-start;border-radius:4px;color:#fff;margin-top:4px;padding:3px 8px}.status-processing{animation:pulse-green 1.5s infinite;background-color:#28a745;position:relative}.transaction-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transaction-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0003;max-width:450px;padding:30px;position:relative;width:90%}.transaction-modal h3{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;margin-top:0;padding-bottom:10px}.modal-content-details p{display:flex;font-size:.95rem;justify-content:space-between;margin:10px 0}.modal-content-details strong{color:#555;font-weight:700}.close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;transition:color .2s}.close-button:hover{color:#333}.transaction-list-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.transaction-list{list-style:none;margin:0;padding:0}.transaction-item{border-bottom:1px solid #f0f0f0;overflow:hidden;position:relative;touch-action:pan-y}.transaction-item:last-child{border-bottom:none}.transaction-content{align-items:center;background-color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:space-between;padding:15px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.transaction-item.swiped .transaction-content{transform:translateX(-100px)}.delete-action-overlay{align-items:center;background-color:#f7e0e3;display:flex;height:100%;justify-content:flex-end;position:absolute;right:0;top:0;width:100px}.delete-button-swipe{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;height:100%;justify-content:center;padding:10px 15px;transition:background-color .2s;width:100%}.delete-button-swipe:hover{background-color:#f3c7cb}.transaction-details{flex-grow:1;margin-left:15px}.transaction-description{color:#333;display:block;font-weight:600}.transaction-status{border-radius:4px;display:inline-block;font-size:.8em;margin-top:2px;padding:2px 8px}.status-completed{background-color:#e6f7ec;color:#28a745}.status-pending{animation:pulse-green 1s infinite;background-color:#fffbe6;color:#ffc107}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #a79a2880}70%{box-shadow:0 0 0 5px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}.confirmation-modal-overlay{align-items:center;background-color:#00000059;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.confirmation-modal{animation:modal-appear .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:380px;padding:30px;text-align:center;width:90%}.confirmation-modal h3{color:#333;font-weight:700;margin-bottom:10px}.confirmation-modal p{color:#6c757d;margin-bottom:25px}.modal-actions{display:flex;gap:10px;justify-content:space-around}.modal-actions button{border-radius:25px;cursor:pointer;flex:1 1;font-weight:600;padding:10px 18px;transition:all .2s}.btn-cancel{background-color:#f0f2f5;border:1px solid #dcdfe3;color:#495057}.btn-cancel:hover{background-color:#e9ecef}.btn-delete-confirm{background-color:#dc3545;border:none;color:#fff}.btn-delete-confirm:hover{background-color:#c82333;transform:translateY(-1px)}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-status-badge,.transaction-status{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;line-height:1;padding:.2em .6em;text-align:center;text-transform:capitalize;vertical-align:initial;white-space:nowrap}.status-completed{background-color:#13301a}.status-debit{background-color:#750d19}.amount-received{color:#28a745;font-weight:700}.amount-sent{color:#dc3545;font-weight:700}.icon-debit{transform:rotate(-90deg)}.transaction-failed-icon{color:#dc3545!important}.status-failed{background-color:#dc3545!important;border-radius:12px;color:#fff!important;font-size:.85em;font-weight:500;padding:4px 12px}.amount-failed{color:#dc3545!important;font-weight:700}.error-modal{border-top:5px solid #dc3545}.modal-status-badge{border-radius:12px;font-size:.85em;font-weight:500;padding:4px 12px}.status-completed{background-color:#28a745;color:#fff}.status-debit{background-color:#007bff;color:#fff}.status-pending{background-color:#ffc107;color:#000}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideInFromTop .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;max-width:450px;padding:30px;position:relative;text-align:center;width:90%}.modal-close-button{background:none;border:none;color:#666;cursor:pointer;font-size:1.8em;position:absolute;right:15px;top:15px;transition:color .2s ease}.modal-close-button:hover{color:#333}.modal-title{color:#0d6eba;font-size:1.6em;font-weight:600;margin-bottom:25px}.iban-details-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:25px;text-align:left}.detail-item{border-bottom:1px solid #eee}.detail-item .label{color:#666;display:block;font-weight:500;margin-bottom:5px}.detail-item .value{display:block;font-size:1.1em;font-weight:700}.iban-value{font-family:Consolas,monospace;letter-spacing:.5px}.modal-disclaimer{color:#888;font-size:.85em;line-height:1.4;margin-top:20px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.modal-content{padding:20px}.modal-title{font-size:1.4em}.detail-item .label{font-size:.85em}.detail-item .value{font-size:1rem}}.transfer-page-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-width:600px;padding:30px;position:relative}.transfer-top-bar{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;position:relative}.transfer-top-bar h1{color:#333;flex-basis:100%;font-size:1.8em;font-weight:600;margin:0 0 15px}.balance-info-static{align-items:center;color:#666;display:flex;font-size:1em;margin-right:auto}.available-balance{color:#0d6eba;font-weight:700;margin-left:5px}.money-icon-container{align-items:center;display:flex;gap:5px;position:absolute;right:0;top:0}.money-icon{color:#0d6eba;height:45px;opacity:.7;transform:rotate(15deg);width:45px}.arrow-icons{display:flex;gap:3px}.arrow{background-color:#0d6eba;border-radius:2px;height:3px;opacity:.7;transform:rotate(-45deg);width:8px}.international-transfer-option{align-items:center;color:#555;display:flex;font-size:.95em;margin-bottom:25px}.international-transfer-option input[type=checkbox]{accent-color:#0d6eba;height:18px;margin-right:10px;width:18px}.form-group input[type=email],.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;padding:12px 15px;text-align:start!important;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:#0d6eba;box-shadow:0 0 0 3px #0d6eba33;outline:none}.form-group input.read-only{background-color:#f0f4f8;border-color:#e0e0e0;color:#777;cursor:not-allowed}.form-group input.read-only:focus{box-shadow:none}.input-with-currency{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;overflow:hidden}.input-with-currency input{border:none;flex-grow:1;padding-right:0}.input-with-currency input:focus{border-color:#0000;box-shadow:none}.input-with-currency:focus-within{border-color:#0d6eba;box-shadow:0 0 0 3px #0d6eba33;outline:none}.currency-symbol{background-color:#e9ecef;border-left:1px solid #ddd;color:#555;font-size:1em;font-weight:600;padding:12px 15px}@media (max-width:768px){.transfer-page-container{margin:20px auto;padding:20px}.transfer-top-bar h1{font-size:1.6em;margin-bottom:10px}.balance-info-static,.international-transfer-option{font-size:.9em}.money-icon-container{right:10px;top:10px}}@media (max-width:480px){.transfer-page-container{margin:10px;padding:15px}.transfer-top-bar h1{font-size:1.4em}.form-group input{font-size:.9em;padding:10px 12px}.submit-button{font-size:1em;padding:12px 15px}.currency-symbol{padding:10px 12px}}.form-group input{font-size:.9em!important;padding:10px 12px}.verification-page-container{background-color:#fff;box-shadow:0 4px 20px #00000014;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:550px}.verification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px;position:relative}.verification-header h1{color:#333;font-size:1.6em;font-weight:600;margin:0}.header-icon-container{align-items:center;display:flex;gap:5px;position:absolute;right:0;top:-10px}.money-icon-lg{color:#0d6eba;height:40px;opacity:.7;transform:rotate(15deg);width:40px}.arrow-icons-sm{display:flex;gap:2px}.arrow-sm{background-color:#0d6eba;border-radius:1px;height:3px;opacity:.7;transform:rotate(-45deg);width:7px}.transfer-details-card{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:8px}.details-intro{align-items:center;color:#555;display:flex;font-size:.95em;font-weight:500;margin-bottom:20px}.info-icon{color:#0d6eba;margin-right:10px}.details-list{margin-bottom:20px}.detail-item{border-bottom:1px solid #f5f5f5;padding:8px 0}.detail-item .label{color:#777;font-size:.9em;font-weight:400}.detail-item .value{color:#333;font-size:1em;font-weight:600;text-align:right;word-break:break-all}.amount-value{color:#0a58a7;font-size:1.1em;font-weight:700}.iban-value{font-family:monospace;letter-spacing:-.5px}.cancel-button{background:none;border:none;color:#dc3545;cursor:pointer;font-size:.9em;font-weight:500;padding:5px 0;transition:color .2s ease}.cancel-button:hover{color:#a71d2a;text-decoration:underline}.verification-form{padding-top:20px}.form-title{font-size:1.2em;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:.9em;font-weight:500;margin-bottom:8px}.form-group input[type=password],.form-group input[type=text]{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#333;font-size:1.2em;letter-spacing:2px;padding:12px 15px;text-align:center;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#0d6eba;box-shadow:0 0 0 3px #0d6eba33;outline:none}.submit-button{align-items:center;background-color:#0d6eba;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:600;justify-content:center;margin-top:20px;padding:15px 20px;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-button:hover{background-color:#0a58a7;transform:translateY(-2px)}@media (max-width:600px){.verification-page-container{margin:20px 10px;padding:20px}.verification-header h1{font-size:1.4em}.money-icon-lg{height:35px;width:35px}.transfer-details-card{padding:15px}.detail-item .label,.detail-item .value{font-size:.9em}.amount-value{font-size:1em}}.verification-page-container{background-color:#f7f7f7;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:40px auto;max-width:500px;padding:30px;text-align:center}.verification-page-container h1{color:#333;font-size:1.7rem;font-weight:600;margin-bottom:25px}.transfer-details-card{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:25px;text-align:left}.transfer-details-card h2{border-bottom:1px solid #eee;color:#0d47a1;font-size:1.3rem;margin-bottom:15px;padding-bottom:10px}.detail-row{border-bottom:1px dashed #f0f0f0;display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.detail-row:last-of-type{border-bottom:none}.detail-row .label{color:#666;font-weight:500}.detail-row .value{color:#333;font-weight:600;text-align:right}.amount-row .bold-value{color:#2e7d32;font-size:1.1rem;font-weight:700}.cancel-transfer-button{background:none;border:none;color:#d32f2f;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-bottom:15px;padding:0;text-align:left;transition:color .2s}.cancel-transfer-button:hover{color:#ff5722}.verification-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;padding:25px}.form-title{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:20px}.verification-form .form-group{margin-bottom:30px}.verification-form .form-group label{color:#444;font-size:.95rem;margin-bottom:8px;text-align:left}.verification-form input[type=text]{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1.5rem;letter-spacing:15px;padding:15px;text-align:center;width:100%}.verification-form input[type=text]:focus{border-color:#0d47a1;box-shadow:0 0 0 3px #0d47a133;outline:none}.verification-form .submit-button{background-color:#0d47a1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:15px;transition:background-color .3s;width:100%}.verification-form .submit-button:hover{background-color:#1976d2}.verification-form .submit-button:disabled{background-color:#bdbdbd;cursor:not-allowed}.blocked-modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.blocked-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.blocked-modal-header{border-bottom:2px solid #f8d7da;padding:30px 20px 20px;text-align:center}.blocked-modal-header h2{font-size:1.5em;margin:0}.blocked-modal-content{padding:25px}.blocked-details{background-color:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.detail-item{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#495057;font-weight:500}.detail-value{color:#212529;font-weight:600}.blocked-modal-footer{padding:20px 25px 25px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.blocked-modal{max-height:95vh;width:95%}.blocked-modal-header{padding:20px 15px 15px}.blocked-modal-content{padding:20px 15px}.blocked-modal-footer{padding:15px}}.login-page{align-items:center;background-color:#f4f5f7;display:flex;font-family:Segoe UI,Arial,sans-serif;height:100vh;justify-content:center}.login-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:40px 30px;text-align:center;width:360px}.logo-circle{align-items:center;background-color:#0066b2;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 15px;width:80px}.logo-letter{color:#fff;font-size:36px;font-weight:700;letter-spacing:1px}.login-title{color:#222;font-size:18px;margin-bottom:20px}.user-banner{background-color:#f1f1f1;border-radius:25px;font-size:13px;margin-bottom:25px;padding:8px 15px}.user-banner strong{color:#111;margin-right:5px}.login-form{text-align:left}.login-form label{color:#333;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.login-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;outline:none;padding:10px;transition:border .2s ease;width:100%}.login-form input:focus{border-color:#0074d9}.login-btn{background-color:#0074d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 0;transition:background .3s ease;width:100%}.login-btn:hover{background-color:#005fa3}@media (max-width:420px){.login-container{padding:30px 20px;width:90%}}
/*# sourceMappingURL=main.36ad129e.css.map*/