.dashboard{min-height:100vh;background:#f5f7fa;padding:24px;font-family:Inter,system-ui,-apple-system,sans-serif;transition:padding-right .3s ease}.dashboard-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:48px}.header-center{text-align:center}.header-left{display:flex;justify-content:flex-start}.dashboard-header h1{font-size:40px;font-weight:800;letter-spacing:.6px}.dashboard-header p{font-size:20px;color:#6b7280;font-weight:500;margin-top:6px}.dashboard.side-drawer-open{padding-right:420px;transition:padding .3s ease}.bank-grid.side-active{grid-template-columns:2fr}.bank-grid{display:grid;grid-template-columns:repeat(3,minmax(380px,1fr));gap:32px;max-width:1400px;margin:60px auto 0;padding:0 18px;align-items:start}@media(max-width:1024px){.bank-grid{grid-template-columns:repeat(2,minmax(340px,1fr))}}@media(max-width:640px){.bank-grid{grid-template-columns:1fr}}.bank-card{min-width:320px;min-height:150px;flex-shrink:0;background:#fff;border-radius:14px;padding:6px;border-left:4px solid #10b981;box-shadow:0 8px 24px #0000000f;transition:transform .2s ease,box-shadow .2s ease}*/ */ .bank-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000014}.bank-card-header{padding:22px}.bank-card-body.actions{padding:25px;display:flex;gap:12px}.bank-icon{width:44px;height:44px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#eafaf1}.bank-icon img{width:100%;height:100%;object-fit:cover}.dashboard.bottom-drawer-open{padding-bottom:60vh;transition:padding .3s ease}.bank-grid.bottom-active{grid-template-columns:1fr}.account-select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;margin-bottom:12px;background:#f9fafb}.account-select:focus{outline:none;border-color:#10b981}@media(max-width:768px){.dashboard.side-drawer-open{padding-right:0}.dashboard.bottom-drawer-open{padding-bottom:70vh}.dashboard-header h1{font-size:26px}}.dashboard-header h1{font-size:28px;margin:0}.dashboard-header p{color:#6b7280;margin-top:4px}.drawer-body{padding:12px}.account-item{border-bottom:1px solid #eee}.account-row{display:flex;justify-content:space-between;align-items:center;padding:18px 14px;min-height:56px;cursor:pointer;font-weight:500;font-size:15px;transition:background .2s ease}.account-row:hover{background:#f8f9fb}.account-row .chevron{font-size:18px;color:#9aa1ac}.account-details{padding:14px 18px 20px;background:#fafafa;font-size:14px}.account-details{border-left:3px solid #e3e6eb}.account-item:last-child{border-bottom:none}.account-row{border-radius:6px}.balance-amount{font-size:22px;font-weight:600;color:#0a6e5c}.balance-date{font-size:12px;color:#777;margin-top:4px}.avatar{width:40px;height:40px;border-radius:50%;background:#e6f9f1;color:#0ea37f;display:flex;align-items:center;justify-content:center;font-weight:600}.bank-grid.drawer-active{grid-template-columns:1fr}.bank-card{width:100%;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.bank-card:hover{transform:translateY(-2px);box-shadow:0 14px 40px #00000014}.bank-card-header{padding:20px;display:flex;justify-content:space-between;cursor:pointer;font-size:40px;align-items:center;justify-content:auto}.bank-info{display:flex;gap:14px;align-items:center}.bank-icon{width:56px;height:56px;background:#e6f9f1;border-radius:10px;display:flex;align-items:auto;justify-content:center;font-size:40px}.bank-info h3{margin:0;font-size:18px}.bank-info span{font-size:14px;color:#6b7280}.chevron{color:#9ca3af;font-size:18px}.bank-card-body{border-top:1px solid #e5e7eb;padding:22px}.actions{display:flex;gap:14px;padding-top:8px}button{border:none;cursor:pointer;font-family:inherit}button.primary{background:#10b981;color:#fff;padding:10px 14px;border-radius:8px}button.secondary{background:#e5e7eb;padding:10px 14px;border-radius:8px}.modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:100}.modal{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:360px}.modal input[type=text]{width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:6px;font-size:14px;outline:none;margin:14px 0 18px -10px}.modal input[type=text]:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.otp-method{display:flex;align-items:center;gap:24px;margin:12px}.otp-method label{display:flex;align-items:center;gap:6px;cursor:pointer}.otp-info{font-size:13px;color:#555;margin-bottom:8px}.otp-timer{font-size:12px;color:#888;margin-top:4px;margin-bottom:6px}.drawer{position:fixed;top:0;right:-420px;width:420px;height:100%;background:#fff;box-shadow:-4px 0 20px #0000001a;transition:right .3s ease;z-index:90}.drawer.open{right:0}.drawer-header{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.drawer-body{height:calc(100% - 56px);overflow-y:auto}.drawer-body{-webkit-overflow-scrolling:touch}.drawer-balance{padding:24px;text-align:center}.drawer-content{padding:24px;overflow-y:auto;display:flex;justify-content:center;align-items:center}.balance-amount{font-size:2.6rem;font-weight:700;color:#0f766e;margin-bottom:6px}.balance-date{font-size:.9rem;color:#6b7280}.drawer-header button{background:transparent;box-shadow:none;border:none;padding:6px;cursor:pointer}.drawer-header button:hover{background:#f3f4f6;border-radius:6px}.drawer-header button:focus{outline:none}@media(max-width:768px){.dashboard.drawer-open{padding-right:0}.bank-grid-wrapper{max-width:960px;margin:0 auto}.bank-card{width:100%;min-width:unset}}.statement-sheet{position:fixed;left:0;right:0;bottom:-60%;height:60%;background:#fff;box-shadow:0 -10px 40px #00000026;border-radius:16px 16px 0 0;transition:bottom .35s ease;z-index:95;display:none;flex-direction:column}.statement-sheet.open{bottom:0;display:flex}.sheet-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.sheet-body{padding:16px;overflow-y:auto}.statement-table{width:100%;border-collapse:collapse;font-size:14px}.statement-table th{text-align:left;color:#6b7280;font-weight:600;padding-bottom:8px}.statement-table td{padding:12px 0;border-bottom:1px solid #f1f5f9}.statement-table .credit{color:#059669;font-weight:600}.statement-table .debit{color:#dc2626;font-weight:600}@media(max-width:768px){.statement-sheet{height:70%}.statement-table th,.statement-table td{font-size:13px}}@media(max-width:640px){.actions{flex-direction:column}.dashboard{padding:14px}.dashboard-header h1{font-size:20px}.dashboard-header p{font-size:14px}.bank-grid{gap:16px}.bank-card-header{padding:16px}.bank-info h3{font-size:16px}.bank-info span{font-size:13px}button.primary,button.secondary{width:100%;font-size:14px;padding:10px}.drawer{width:100%;height:50%;right:0;bottom:-50%;top:auto;transition:bottom .3s ease}.drawer.open{bottom:0}}.account-details{background:#fafafa;border-left:3px solid #e0e0e0;padding:12px 14px;margin-top:6px;border-radius:6px}.balance-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.balance-row:not(:last-child){border-bottom:1px dashed #e5e5e5}.balance-label{color:#555;font-weight:500}.balance-value{color:#111;font-weight:600}.export-actions{display:flex;gap:10px;margin-bottom:10px}.export-actions button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;background:#2c7be5;color:#fff}.export-actions button:hover{background:#1f5fc4}