:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-green-dark:#00a854;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#8b5cf6;--accent-gold:#fbbf24;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--gradient-red:linear-gradient(135deg, #ff3b30 0%, #ff6b5f 100%);--gradient-purple:linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-gold:linear-gradient(135deg, #fbbf24 0%, #fcd34d 100%);--gradient-subtle:linear-gradient(135deg, #fafbfc 0%, #f8f9fa 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-xl:0 12px 32px rgba(0, 0, 0, 0.12);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--shadow-success:0 4px 12px rgba(0, 210, 106, 0.16);--shadow-warning:0 4px 12px rgba(255, 149, 0, 0.16);--shadow-danger:0 4px 12px rgba(255, 59, 48, 0.16);--font-primary:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;--font-mono:'Menlo', 'Monaco', 'Courier New', monospace;--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--header-height:68px;--sidebar-width:280px;--sidebar-collapsed:60px;--card-padding:14px;--card-gap:12px;--z-card:10;--z-dropdown:100;--z-sticky:500;--z-modal:1000;--z-overlay:999}.remittance-main{margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);min-height:calc(100vh - var(--header-height));background:var(--off-white);transition:margin-left var(--timing-smooth);max-width:calc(100vw - var(--sidebar-width));overflow-x:hidden;margin-top:calc(var(--header-height) + 3px)}.main-nav.collapsed~.remittance-main{margin-left:var(--sidebar-collapsed);max-width:calc(100vw - var(--sidebar-collapsed))}.glass-header{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--timing-normal)}.glass-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-blue);opacity:.9}.glass-header:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.dashboard-top h1{font-size:1.375rem;font-weight:800;color:var(--darker-text);letter-spacing:-.02em;line-height:1.2;margin:0 0 var(--space-sm) 0;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.dashboard-top p{font-size:.875rem;font-weight:600;color:var(--text-gray);margin:0;line-height:1.4}.metrics-section{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--card-gap);margin-bottom:var(--space-xl)}.metric-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-xs);transition:all var(--timing-normal);position:relative;overflow:hidden;min-height:120px;display:flex;flex-direction:column;justify-content:center}.metric-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-blue);opacity:.8}.metric-card:nth-child(1)::before{background:var(--gradient-blue)}.metric-card:nth-child(2)::before{background:var(--gradient-green)}.metric-card:nth-child(3)::before{background:var(--gradient-orange)}.metric-card:nth-child(4)::before{background:var(--gradient-purple)}.metric-card.alert::before{background:var(--gradient-red);animation:pulseBorder 2s ease-in-out infinite}@keyframes pulseBorder{0%,100%{opacity:.8;width:4px}50%{opacity:1;width:6px}}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--accent-blue-light)}.metric-card:hover::before{width:6px}.metric-body{position:relative;z-index:1}.metric-body h2{font-size:2rem;font-weight:900;color:var(--darker-text);margin:0 0 var(--space-sm) 0;line-height:1;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.metric-card:nth-child(1) .metric-body h2{background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric-card:nth-child(2) .metric-body h2{background:var(--gradient-green);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric-card:nth-child(3) .metric-body h2{background:var(--gradient-orange);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric-card:nth-child(4) .metric-body h2{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.metric-card.alert .metric-body h2{background:var(--gradient-red);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:pulseText 2s ease-in-out infinite}@keyframes pulseText{0%,100%{opacity:1}50%{opacity:.85}}.metric-body p{font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;margin:0}.view-bank-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:var(--gradient-gold);color:var(--darker-text);border:none;border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:800;font-size:.875rem;cursor:pointer;box-shadow:var(--shadow-md),0 0 0 1px rgb(251 191 36 / .3);transition:all var(--timing-normal);position:relative;overflow:hidden;letter-spacing:.02em;text-transform:uppercase}.view-bank-btn::before{content:'🏦';font-size:1rem;margin-right:var(--space-xs)}.view-bank-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl),0 0 0 3px rgb(251 191 36 / .2)}.view-bank-btn:active{transform:translateY(-1px) scale(1);transition-duration:var(--timing-fast)}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-2xl)}.dashboard-left,.dashboard-right{min-height:400px}.card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--timing-normal);position:relative}.card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.card-header{padding:var(--space-lg) var(--space-xl);border-bottom:2px solid var(--light-gray);background:var(--subtle-gray);position:relative}.card-header::before{content:'';position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--gradient-blue);box-shadow:0 0 8px rgb(11 118 255 / .4)}.card-header h3{font-size:1rem;font-weight:800;color:var(--darker-text);margin:0;text-transform:uppercase;letter-spacing:.03em}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:600px;position:relative}.table-wrap::-webkit-scrollbar{width:6px;height:6px}.table-wrap::-webkit-scrollbar-track{background:var(--subtle-gray)}.table-wrap::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full);transition:background var(--timing-fast)}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.modern-table{width:100%;border-collapse:collapse;background:var(--primary-white);font-size:.8125rem}.modern-table thead{background:var(--subtle-gray);position:sticky;top:0;z-index:var(--z-sticky)}.modern-table thead th{padding:var(--space-md) var(--space-lg);text-align:left;font-weight:800;color:var(--darker-text);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-gray);white-space:nowrap;background:var(--subtle-gray)}.modern-table thead th:first-child{padding-left:var(--space-xl)}.modern-table thead th:last-child{padding-right:var(--space-xl);text-align:right}.modern-table tbody tr{border-bottom:1px solid var(--light-gray);transition:all var(--timing-fast)}.modern-table tbody tr:hover{background:var(--soft-white);box-shadow:inset 0 0 0 1px var(--accent-blue-light)}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody td{padding:var(--space-md) var(--space-lg);color:var(--dark-text);font-size:.8125rem;font-weight:600;vertical-align:middle;line-height:1.4}.modern-table tbody td:first-child{padding-left:var(--space-xl);font-weight:700;color:var(--darker-text)}.modern-table tbody td:last-child{padding-right:var(--space-xl);text-align:right}.modern-table .remit-empty{text-align:center;padding:var(--space-3xl);color:var(--text-gray);font-style:italic;font-weight:500}.status-badge{display:inline-flex;align-items:center;padding:3px var(--space-md);border-radius:var(--radius-full);font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-xs);white-space:nowrap;line-height:1}.status-remitted{background:var(--gradient-green);color:var(--primary-white);box-shadow:var(--shadow-success)}.status-pending{background:var(--gradient-orange);color:var(--primary-white);box-shadow:var(--shadow-warning);animation:pendingPulse 2s ease-in-out infinite}@keyframes pendingPulse{0%,100%{opacity:1}50%{opacity:.85}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);border:none;font-family:var(--font-primary);font-weight:700;font-size:.8125rem;cursor:pointer;transition:all var(--timing-normal);user-select:none;white-space:nowrap;letter-spacing:.01em;position:relative;overflow:hidden}.btn-sm{padding:4px 12px;font-size:.6875rem;border-radius:var(--radius-sm)}.remit-action{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-accent);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.remit-action:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 16px rgb(11 118 255 / .24)}.remit-action:active{transform:translateY(0) scale(1);transition-duration:var(--timing-fast)}.remit-action::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .4),transparent);transition:left 0.6s}.remit-action:hover::before{left:150%}.bank-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);opacity:0;transition:opacity var(--timing-smooth)}.bank-modal-overlay[style*="display: flex"],.bank-modal-overlay[style*="display:flex"]{opacity:1}.bank-modal{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-2xl);padding:var(--space-2xl) var(--space-3xl);max-width:550px;width:90%;box-shadow:var(--shadow-xl);position:relative;transform:scale(.95);opacity:0;transition:all var(--timing-smooth)}.bank-modal-overlay[style*="display: flex"] .bank-modal,.bank-modal-overlay[style*="display:flex"] .bank-modal{transform:scale(1);opacity:1}.bank-modal::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.bank-modal h2{font-size:1.375rem;font-weight:800;color:var(--darker-text);margin:0 0 var(--space-2xl) 0;padding-bottom:var(--space-lg);border-bottom:2px solid var(--light-gray);display:flex;align-items:center;gap:var(--space-md)}.bank-modal h2::before{content:'🏦';font-size:1.5rem}.bank-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-sm);background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);transition:all var(--timing-normal)}.bank-row:hover{background:var(--primary-white);border-color:var(--accent-blue-light);box-shadow:var(--shadow-sm);transform:translateX(4px)}.bank-row strong{font-weight:700;color:var(--text-gray);font-size:.8125rem;text-transform:uppercase;letter-spacing:.03em}.bank-row span,.bank-row a{font-weight:700;color:var(--darker-text);font-size:.875rem}.bank-row a{color:var(--accent-blue);text-decoration:none;transition:all var(--timing-fast);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm)}.bank-row a:hover{background:var(--accent-blue);color:var(--primary-white);box-shadow:var(--shadow-accent);transform:scale(1.05)}.bank-modal .btn{margin-top:var(--space-xl);width:100%;background:var(--gradient-blue);color:var(--primary-white);padding:var(--space-lg) var(--space-2xl);font-size:.9375rem;font-weight:800;box-shadow:var(--shadow-accent);text-transform:uppercase;letter-spacing:.05em}.bank-modal .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 0 0 3px rgb(11 118 255 / .15)}.kyc-banner{position:fixed;top:var(--header-height);left:0;right:0;z-index:900;background:linear-gradient(135deg,#ff9500 0%,#ffaa33 100%);color:var(--primary-white);padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-lg);border-bottom:3px solid var(--accent-orange);animation:slideDown 0.4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.kyc-banner-inner{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;gap:var(--space-xl)}.kyc-text{font-weight:700;font-size:.9375rem;display:flex;align-items:center;gap:var(--space-md)}.kyc-text::before{content:'⚠️';font-size:1.25rem}.kyc-link{background:var(--primary-white);color:var(--accent-orange);padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-lg);font-weight:800;text-decoration:none;font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-md);transition:all var(--timing-normal);margin-right:var(--space-md)}.kyc-link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--darker-text);color:var(--primary-white)}.kyc-close{background:rgb(255 255 255 / .2);border:none;color:var(--primary-white);width:32px;height:32px;border-radius:var(--radius-full);font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--timing-normal)}.kyc-close:hover{background:var(--primary-white);color:var(--accent-orange);transform:rotate(90deg) scale(1.1)}.loading-shimmer{background:linear-gradient(90deg,var(--subtle-gray) 0%,var(--light-gray) 50%,var(--subtle-gray) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md);height:20px;margin:var(--space-sm) 0}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.loading-spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top:4px solid var(--accent-blue);border-radius:50%;animation:spin 0.8s linear infinite;margin:var(--space-2xl) auto}@keyframes spin{to{transform:rotate(360deg)}}.remit-toast{position:fixed;right:var(--space-xl);bottom:var(--space-xl);background:var(--darker-text);color:var(--primary-white);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);font-weight:700;font-size:.875rem;z-index:9999;animation:toastSlideIn 0.3s cubic-bezier(.4,0,.2,1);max-width:400px}.remittance-main{padding:10px 16px!important;margin-top:calc(var(--header-height) + 5px)!important;max-width:calc(100vw - var(--sidebar-width))!important}.glass-header{padding:12px 14px!important;margin-bottom:14px!important}.dashboard-top h1{font-size:1.1rem!important}.dashboard-top p{font-size:0.75rem!important}.metrics-section{grid-template-columns:repeat(4,170px);gap:10px!important}.metric-card{min-height:85px!important;padding:12px!important}.metric-body h2{font-size:1.35rem!important}.dashboard-grid{grid-template-columns:1.3fr 0.8fr!important;gap:14px!important;margin-bottom:10px!important}.card-header{padding:10px 12px!important}.modern-table thead th,.modern-table tbody td{padding:6px 10px!important;font-size:0.73rem!important}.table-wrap{max-height:450px!important}.view-bank-btn{padding:6px 14px!important;font-size:0.72rem!important;border-radius:6px!important;transform:scale(.92)}.bank-modal{padding:14px 18px!important;max-width:400px!important}.bank-row{padding:8px 10px!important;font-size:0.75rem!important}.remittance-main{max-width:100vw!important;width:calc(100vw - var(--sidebar-width))!important}.main-nav.collapsed~.remittance-main{width:calc(99vw - var(--sidebar-collapsed))!important}.bank-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgb(15 23 42 / .6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999999;display:none;align-items:center;justify-content:center;padding:0;transition:opacity .3s ease}.bank-modal-overlay.show{display:flex!important;opacity:1}.bank-modal{background:#fff;width:92%;max-width:520px;padding:28px 34px;border-radius:22px;border:1px solid #e6e6e6;box-shadow:0 4px 35px rgb(0 0 0 / .12);transform:scale(.88);opacity:0;animation:bankZoomIn .35s cubic-bezier(.25,1.3,.5,1) forwards}@keyframes bankZoomIn{from{transform:scale(.75);opacity:0}to{transform:scale(1);opacity:1}}.bank-modal h2{font-size:1.28rem;font-weight:800;color:#1b1d21;margin:0 0 18px;padding-bottom:14px;border-bottom:2px solid #ececec}.bank-row{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin-bottom:12px;border-radius:12px;background:#f8f9fc;border:1px solid #e0e0e0;transition:.25s ease}.bank-row:hover{background:#fff;box-shadow:0 3px 10px rgb(0 0 0 / .06);transform:translateX(4px)}#bm-close{margin-top:14px;width:100%;font-size:.9rem;font-weight:700;text-transform:uppercase;border-radius:10px}