.bank-reconciliation-container.svelte-zqhtda{padding:2rem;background:#f8fafc;height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.banks-grid.svelte-zqhtda{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1;align-content:start}.bank-button.svelte-zqhtda{padding:12px 8px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 2px 4px #0000000d}.bank-button.svelte-zqhtda:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.bank-icon.svelte-zqhtda{font-size:1.5rem}.bank-name.svelte-zqhtda{font-size:.85rem;font-weight:600;color:#1e293b}.bank-view.svelte-zqhtda{display:flex;flex-direction:column;height:100%;gap:12px}.bank-header.svelte-zqhtda{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.bank-header.svelte-zqhtda h2:where(.svelte-zqhtda){margin:0;font-size:1.3rem;color:#1e293b;flex:1}.btn-back.svelte-zqhtda{padding:8px 12px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;color:#475569;transition:all .2s}.btn-back.svelte-zqhtda:hover{background:#e2e8f0}.import-section.svelte-zqhtda{display:flex;justify-content:center;align-items:center;flex:1}.btn-import.svelte-zqhtda{padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s}.btn-import.svelte-zqhtda:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.preview-section.svelte-zqhtda{padding:24px;display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto}.preview-header.svelte-zqhtda{text-align:center}.preview-header.svelte-zqhtda h3:where(.svelte-zqhtda){margin:0 0 8px;font-size:1.2rem;color:#1e293b}.preview-header.svelte-zqhtda p:where(.svelte-zqhtda){margin:0;color:#64748b;font-size:14px}.preview-cards.svelte-zqhtda{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.preview-card.svelte-zqhtda{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.card-row.svelte-zqhtda{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px}.card-row.svelte-zqhtda:last-child{margin-bottom:0}.card-row.svelte-zqhtda .label:where(.svelte-zqhtda){font-weight:600;color:#475569;min-width:80px}.card-row.svelte-zqhtda .value:where(.svelte-zqhtda){color:#1e293b;text-align:right;flex:1}.card-row.svelte-zqhtda .amount:where(.svelte-zqhtda){font-weight:600;color:#059669}.preview-more.svelte-zqhtda{text-align:center;padding:16px;background:#f8fafc;border-radius:8px;color:#64748b;font-size:14px}.preview-actions.svelte-zqhtda{display:flex;gap:12px;justify-content:center;padding-top:16px;border-top:2px solid #e5e7eb}.btn-cancel.svelte-zqhtda{padding:12px 24px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;color:#475569;transition:all .2s}.btn-cancel.svelte-zqhtda:hover{background:#e2e8f0}.btn-proceed.svelte-zqhtda{padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.btn-proceed.svelte-zqhtda:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.table-section.svelte-zqhtda{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;display:flex;flex-direction:column}.table-wrapper.svelte-zqhtda{flex:1;overflow:auto}table.svelte-zqhtda{width:100%;border-collapse:collapse;font-size:12px}table.svelte-zqhtda thead:where(.svelte-zqhtda){background:#f8fafc;position:sticky;top:0;border-bottom:2px solid #e5e7eb}table.svelte-zqhtda th:where(.svelte-zqhtda){padding:10px 12px;text-align:left;font-weight:700;color:#374151;white-space:nowrap;border-right:1px solid #e5e7eb}table.svelte-zqhtda th:where(.svelte-zqhtda):last-child{border-right:none}table.svelte-zqhtda tbody:where(.svelte-zqhtda) tr:where(.svelte-zqhtda){border-bottom:1px solid #e5e7eb}table.svelte-zqhtda tbody:where(.svelte-zqhtda) tr:where(.svelte-zqhtda):hover{background:#f9fafb}table.svelte-zqhtda td:where(.svelte-zqhtda){padding:10px 12px;color:#374151;border-right:1px solid #e5e7eb}table.svelte-zqhtda td:where(.svelte-zqhtda):last-child{border-right:none}