*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--red:#db0011;--red-dark:#a8000d;--red-light:#fdecea;--white:#fff;--offwhite:#f0f0f0;--gray-50:#f9f9f9;--gray-100:#f2f2f2;--gray-200:#e5e5e5;--gray-300:#d0d0d0;--gray-400:#b0b0b0;--gray-500:#888;--gray-600:#666;--gray-700:#444;--gray-800:#2d2d2d;--sidebar:#2d2d2d;--sidebar-hover:#3a3a3a;--sidebar-active:#1a1a1a;--green:#007a3d;--green-light:#e8f5ee;--danger:#c00;--danger-light:#fdecea;--info:#06c;--info-light:#e7f0ff;--warning-bg:#fff3cd;--warning-text:#856404;--border:#e0e0e0;--border-light:#eee;--text:#1a1a1a;--text-sub:#555;--text-muted:#888;--font:"Arial", "Helvetica Neue", Helvetica, sans-serif;--topbar-h:40px;--sidebar-w:200px;--radius:3px;--radius-md:4px}html{font-size:13px}body{font-family:var(--font);color:var(--text);background:var(--offwhite);-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--border);z-index:200;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000f}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-title{color:var(--text);font-size:13px;font-weight:700}.topbar-badge{background:var(--red);color:#fff;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700}.topbar-product{color:var(--text-muted);font-size:11px}.topbar-right{align-items:center;gap:6px;display:flex}.topbar-icon{color:var(--text-muted);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex;position:relative}.topbar-icon:hover{background:var(--gray-100)}.notif-badge{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:13px;height:13px;font-size:8px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.topbar-company{border-left:1px solid var(--border);align-items:center;gap:4px;height:24px;padding-left:10px;font-size:11px;font-weight:700;display:flex}.btn-logout{border:1px solid var(--gray-300);color:var(--text-muted);background:0 0;border-radius:2px;padding:4px 10px;font-size:11px;transition:all .15s}.btn-logout:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.app-layout{min-height:calc(100vh - var(--topbar-h) - 28px);display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar);flex-direction:column;flex-shrink:0;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:14px 12px 12px;display:flex}.sidebar-logo-mark{background:var(--red);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sidebar-logo-mark svg{width:20px;height:20px}.sidebar-logo-name{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;padding:6px 0;display:flex}.nav-item{color:#ffffffa6;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:all .15s;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff;border-left-color:var(--red)}.nav-icon{text-align:center;flex-shrink:0;width:18px;font-size:14px}.nav-sub{color:#ffffff73;cursor:pointer;padding:7px 12px 7px 40px;font-size:11px;transition:all .15s}.nav-sub:hover{color:#ffffffd9;background:#ffffff0a}.nav-sub.active{color:#fff;border-left:2px solid var(--red);padding-left:38px;font-weight:700}.main-content{background:var(--white);flex-direction:column;flex:1;display:flex;overflow:hidden}.account-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px 14px;display:flex}.account-name{align-items:center;gap:8px;margin-bottom:3px;font-size:18px;font-weight:400;display:flex}.account-number{color:var(--text-muted);font-size:11px}.account-right{align-items:center;gap:10px;display:flex}.bal-currency{color:var(--text-muted);font-size:12px}.bal-amount{letter-spacing:-.5px;font-size:28px;font-weight:400}.btn-manage{background:var(--red);color:#fff;border:none;border-radius:2px;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:700;display:flex}.btn-manage:hover{background:var(--red-dark)}.tab-bar{border-bottom:1px solid var(--border);padding:0 24px;display:flex}.tab{color:var(--text-sub);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:12px;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{color:var(--red);border-bottom-color:var(--red);font-weight:700}.tip-bar{background:var(--info-light);border-bottom:1px solid #c5d9f5;align-items:center;gap:8px;padding:8px 24px;font-size:11px;display:flex}.tip-link{color:var(--info);font-weight:600}.page-content{flex:1;padding:20px 24px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:10px;font-weight:600}.stat-value{font-size:14px;font-weight:700}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--danger)}.filter-bar{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px 14px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.form-input{border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;padding:6px 10px;font-size:12px;transition:border-color .15s}.form-input:focus{border-color:var(--info);box-shadow:0 0 0 2px #0066cc1a}.form-input::placeholder{color:var(--gray-400)}.form-select{border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--text);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23888' d='M5 6L0 0h10z'/%3E%3C/svg%3E") right 8px center no-repeat;outline:none;padding:6px 28px 6px 10px;font-size:12px}.form-select:focus{border-color:var(--info)}.form-label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.required{color:var(--red)}.btn-primary{background:var(--red);color:#fff;border-radius:var(--radius);border:none;padding:7px 18px;font-size:12px;font-weight:700;transition:background .15s}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{color:var(--text-sub);border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;padding:6px 16px;font-size:12px;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.tx-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.tx-table{border-collapse:collapse;width:100%;font-size:11px}.tx-table thead tr{background:var(--gray-50)}.tx-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px;font-size:10px;font-weight:700}.tx-table td{border-bottom:1px solid var(--border-light);color:var(--text);white-space:nowrap;padding:9px 12px}.tx-table tbody tr:last-child td{border-bottom:none}.tx-table tbody tr:hover td{background:var(--gray-50)}.text-right{text-align:right!important}.amount-debit{color:var(--danger);font-weight:600}.amount-credit{color:var(--green);font-weight:600}.amount-balance{font-weight:700}.ref-cell{color:var(--text-muted);font-size:10px}.empty-row td{text-align:center;color:var(--text-muted);padding:28px}.page-header{border-bottom:1px solid var(--border);padding:18px 24px 14px}.page-title{margin-bottom:2px;font-size:18px;font-weight:400}.page-sub{color:var(--text-muted);font-size:11px}.lastlogin-bar{background:var(--gray-100);border-top:1px solid var(--border);color:var(--text-muted);align-items:center;height:28px;padding:5px 24px;font-size:10px;display:flex}.login-page{background:#f0f0f0;flex-direction:column;min-height:100vh;display:flex}.login-header{background:var(--white);border-bottom:3px solid var(--red);align-items:center;gap:10px;padding:14px 32px;display:flex}.login-header-logo{background:var(--red);border-radius:3px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-header-logo svg{width:24px;height:24px}.login-header-name{color:var(--red);letter-spacing:1px;font-size:20px;font-weight:700}.login-main{flex:1;justify-content:center;align-items:flex-start;gap:24px;width:100%;max-width:860px;margin:0 auto;padding:48px 24px;display:flex}.login-card{background:var(--white);border:1px solid var(--border);border-top:3px solid var(--red);border-radius:var(--radius-md);width:100%;max-width:400px;padding:28px 28px 24px;box-shadow:0 2px 8px #00000014}.login-title{margin-bottom:3px;font-size:16px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:22px;font-size:11px}.login-form-group{margin-bottom:14px}.error-box{background:var(--danger-light);border-radius:var(--radius);color:var(--danger);border:1px solid #f5c6cb;align-items:center;gap:6px;margin-bottom:14px;padding:9px 12px;font-size:11px;display:flex}.btn-login{background:var(--red);color:#fff;border-radius:var(--radius);border:none;width:100%;margin-bottom:14px;padding:9px;font-size:13px;font-weight:700;transition:background .15s}.btn-login:hover{background:var(--red-dark)}.login-options{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.checkbox-wrap{color:var(--text-sub);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.login-hint{color:var(--text-muted);text-align:center;border-top:1px solid var(--border-light);padding-top:12px;font-size:10px}.login-info-cards{flex-direction:column;gap:10px;max-width:240px;padding-top:4px;display:flex}.info-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.info-icon{flex-shrink:0;font-size:18px}.info-title{margin-bottom:2px;font-size:11px;font-weight:700}.info-desc{color:var(--text-muted);font-size:10px;line-height:1.4}.login-footer{background:var(--gray-100);border-top:1px solid var(--border);text-align:center;padding:12px 32px}.footer-links{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:4px;display:flex}.footer-links a{color:var(--info);font-size:10px}.footer-links span{color:var(--gray-300);font-size:10px}.footer-copy{color:var(--text-muted);font-size:10px}.steps-bar{background:var(--gray-50);border-bottom:1px solid var(--border);align-items:center;padding:14px 24px;display:flex}.step-item{color:var(--text-muted);align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.step-item.active{color:var(--red);font-weight:700}.step-item.done{color:var(--green)}.step-num{background:var(--gray-300);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.step-item.active .step-num{background:var(--red)}.step-item.done .step-num{background:var(--green)}.step-line{background:var(--gray-200);flex:1;height:2px;margin:0 12px}.form-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);max-width:680px;padding:22px 24px}.form-card-title{border-bottom:1px solid var(--border-light);margin-bottom:18px;padding-bottom:12px;font-size:15px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.currency-wrap{position:relative}.currency-prefix{color:var(--text-sub);pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.currency-input{padding-left:40px!important}.transfer-preview{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-md);margin:18px 0;padding:14px 18px}.preview-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:10px;font-weight:700}.preview-row{color:var(--text-sub);border-bottom:1px solid var(--border-light);justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.preview-row:last-child{border-bottom:none}.preview-row span:last-child{color:var(--text);font-weight:700}.form-actions{border-top:1px solid var(--border-light);gap:10px;margin-top:18px;padding-top:14px;display:flex}.confirm-warning{background:var(--warning-bg);border-radius:var(--radius);color:var(--warning-text);border:1px solid #ffc107;margin-bottom:14px;padding:9px 12px;font-size:11px}.confirm-row{border-bottom:1px solid var(--border-light);padding:9px 0;font-size:12px;display:flex}.confirm-row:last-child{border-bottom:none}.confirm-key{width:160px;color:var(--text-muted);flex-shrink:0;font-weight:600}.confirm-val{color:var(--text)}.confirm-val.amount{color:var(--danger);font-size:14px;font-weight:700}.complete-card{text-align:center;max-width:460px}.complete-icon{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;font-size:22px;font-weight:700;display:flex}.complete-title{color:var(--green);margin-bottom:6px;font-size:18px;font-weight:700}.complete-sub{color:var(--text-muted);margin-bottom:18px;font-size:12px}.complete-ref{color:var(--text-muted);background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:18px;padding:9px 14px;font-size:11px}.stmt-search-wrap{padding:16px 24px 0}.stmt-summary{background:var(--gray-50);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:0;padding:12px 24px;display:flex}.stmt-stat{border-right:1px solid var(--border);padding:0 20px}.stmt-stat:first-child{padding-left:0}.stmt-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:9px;font-weight:700}.stmt-stat-value{font-size:13px;font-weight:700}.stmt-actions{gap:8px;margin-left:auto;display:flex}.pagination{justify-content:center;gap:4px;padding:14px 24px;display:flex}.page-btn{border:1px solid var(--border);color:var(--text-sub);border-radius:var(--radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;transition:all .15s;display:flex}.page-btn:hover{background:var(--gray-100)}.page-btn.active{background:var(--red);color:#fff;border-color:var(--red)}.page-btn:disabled{opacity:.4;cursor:default}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--info)}body,.tx-table td{font-weight:500}.nav-item,.tab{font-weight:600}.stat-label{font-weight:700}.form-label{font-weight:800}.account-name,.bal-amount{font-weight:600}.page-title{font-weight:700}.login-title,.topbar-title{font-weight:800}.confirm-key{font-weight:700}.preview-title,.form-card-title{font-weight:800}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger-btn:hover{background:var(--gray-100)}.hamburger-line{background:var(--text);border-radius:2px;width:20px;height:2px;display:block}.mobile-overlay{z-index:1100;background:#00000080;display:none;position:fixed;inset:0}.mobile-drawer{background:var(--sidebar);z-index:1200;flex-direction:column;width:75vw;max-width:280px;height:100vh;transition:transform .25s;display:none;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 14px 12px;display:flex}.mobile-drawer-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.mobile-drawer-close:hover{color:#fff;background:#ffffff1a}.mobile-drawer-nav{flex-direction:column;flex:1;padding:6px 0;display:flex}.mobile-nav-item{color:#ffffffb3;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:13px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.mobile-nav-item:hover{color:#fff;background:#ffffff0f}.mobile-nav-item.active{background:var(--sidebar-active);color:#fff;border-left-color:var(--red)}.mobile-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.mobile-nav-sub{color:#ffffff73;cursor:pointer;padding:10px 16px 10px 48px;font-size:12px;font-weight:600;transition:all .15s}.mobile-nav-sub:hover{color:#ffffffd9}.mobile-nav-sub.active{color:#fff;border-left:2px solid var(--red);padding-left:46px;font-weight:700}@media (width<=768px){:root{--sidebar-w:0px}.desktop-sidebar{display:none}.hamburger-btn{display:flex}.mobile-overlay{display:block}.mobile-drawer{display:flex}.topbar{gap:6px;padding:0 10px}.topbar-desktop{display:none!important}.topbar-left,.topbar-right{gap:6px}.topbar-icon{width:32px;height:32px;font-size:14px}.app-layout{flex-direction:column}.main-content{min-height:calc(100vh - 68px)}.account-header{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px 10px}.account-name{font-size:14px}.account-right{justify-content:space-between;width:100%}.bal-amount{font-size:22px}.btn-manage{padding:6px 10px;font-size:11px}.tab-bar{scrollbar-width:none;padding:0 10px;overflow-x:auto}.tab-bar::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:9px 10px;font-size:11px}.tip-bar{padding:7px 14px;font-size:11px}.page-content{padding:14px 14px 40px}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.stat-card{padding:10px}.stat-value{font-size:12px}.filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.filter-group,.filter-group .form-input,.filter-group .form-select{width:100%}.filter-bar .btn-primary{width:100%;padding:9px}.tx-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.tx-table{min-width:560px}.page-header{padding:12px 14px 10px}.page-title{font-size:16px}.steps-bar{padding:10px 14px}.step-item{gap:5px;font-size:10px}.step-num{width:18px;height:18px;font-size:9px}.step-line{margin:0 6px}.form-card{max-width:100%;padding:16px 14px}.form-row{grid-template-columns:1fr;gap:12px}.form-card-title{font-size:14px}.form-actions{flex-direction:column}.form-actions .btn-primary,.form-actions .btn-secondary{text-align:center;width:100%;padding:10px}.complete-card{max-width:100%}.complete-icon{width:46px;height:46px;font-size:20px}.stmt-search-wrap{padding:12px 14px 0}.stmt-summary{flex-wrap:wrap;gap:10px;padding:10px 14px}.stmt-stat{padding:0 10px}.stmt-stat:first-child{padding-left:0}.stmt-stat-value{font-size:12px}.stmt-actions{width:100%;margin-left:0}.stmt-actions .btn-secondary{flex:1}.pagination{padding:12px 14px 40px}.login-main{flex-direction:column;align-items:center;gap:16px;padding:20px 16px}.login-card{max-width:100%;padding:20px 16px}.login-info-cards{flex-flow:wrap;max-width:100%}.info-card{flex:1;min-width:140px}.login-header{padding:12px 16px}.login-header-name{font-size:18px}.btn-login{padding:11px;font-size:14px}.lastlogin-bar{padding:5px 14px;font-size:10px}}@media (width<=400px){.stats-grid{grid-template-columns:1fr}.login-info-cards{flex-direction:column}.stmt-stat{min-width:45%}}