*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.container{margin:0 auto;max-width:1200px;padding:0 16px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.global-loading-overlay{align-items:center;background:#fffffff2;bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.global-loading-overlay svg{color:#3b82f6}.global-loading-overlay h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.global-loading-overlay p{color:#64748b;font-size:.875rem;margin:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-small{font-size:.875rem;padding:8px 16px}.btn-medium{font-size:1rem;padding:12px 24px}.btn-large{font-size:1.125rem;padding:16px 32px}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-outline{background:#0000;border:2px solid #e5e7eb;color:#374151}.btn-outline:hover:not(:disabled){background:#4f46e50d;border-color:#4f46e5;color:#4f46e5}.btn-ghost{background:#0000;color:#6b7280}.btn-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.btn-full{width:100%}.btn-loading{pointer-events:none}.btn-spinner{height:20px;width:20px}.btn-spinner svg{height:100%;width:100%}@media (max-width:640px){.btn-medium{font-size:.9375rem;padding:10px 20px}.btn-large{font-size:1rem;padding:14px 28px}}.cnic-container{margin:0 auto;max-width:520px;min-height:100%;padding:20px 16px}.cnic-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.cnic-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:28px 24px;position:relative;text-align:center}.header-logo{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;height:60px;justify-content:center;margin:0 auto;padding:10px 16px;width:120px}.broker-logo,.savexa-logo{height:100%;object-fit:contain;width:100%}.no-users-message{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-bottom:16px;padding:40px 20px;text-align:center}.no-users-message p{color:#475569;font-size:1.1rem;font-weight:600;margin:16px 0 8px}.no-users-message span{color:#94a3b8;font-size:.875rem}.header-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}.feature-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;color:#fff;gap:4px}.feature-pill svg{color:#fbbf24}.cnic-content{padding:20px}.broker-users-section{display:flex;flex-direction:column;gap:16px}.section-label{align-items:center;display:flex;gap:8px}.section-label svg{color:#3b82f6}.users-list{display:flex;flex-direction:column;gap:16px}.user-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;padding:16px;transition:all .2s ease}.user-card:hover{background:#f0f9ff;border-color:#93c5fd}.user-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.user-card-header{border-bottom:1px solid #e2e8f0;gap:12px;margin-bottom:14px;padding-bottom:14px}.user-avatar,.user-card-header{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.25rem;font-weight:700;height:48px;justify-content:center;width:48px}.user-main-info{flex:1 1;min-width:0}.user-name{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 4px}.user-broker{background:#e2e8f0;border-radius:10px;color:#64748b;font-size:.8rem;padding:2px 8px}.selected-check{color:#3b82f6;flex-shrink:0}.user-details-inline{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.detail-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#475569;display:inline-flex;font-size:.75rem;gap:6px;padding:6px 12px}.detail-chip svg{color:#3b82f6;flex-shrink:0}.detail-chip span{font-weight:500;white-space:nowrap}.user-card.selected .detail-chip{background:#dbeafe;border-color:#93c5fd}.cnic-images-section{background:#fff;border-radius:12px;margin-bottom:12px;padding:12px}.cnic-images-label{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:10px}.cnic-images-label svg{color:#3b82f6}.cnic-images-grid{grid-gap:10px;gap:10px;grid-template-columns:1fr 1fr}.cnic-image-box{aspect-ratio:16/10;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;position:relative;transition:all .2s ease}.cnic-image-box:hover{border-color:#3b82f6;transform:scale(1.02)}.cnic-image-box img{height:100%;object-fit:cover;width:100%}.cnic-zoom-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.cnic-image-box:hover .cnic-zoom-overlay{opacity:1}.cnic-zoom-overlay svg{color:#fff}.cnic-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center}.cnic-placeholder span{font-size:.7rem;font-weight:500}.cnic-image-label{background:#0009;border-radius:8px;bottom:6px;color:#fff;font-size:.65rem;left:50%;padding:2px 8px;position:absolute;transform:translateX(-50%)}.kyc-status{align-items:center;background:#d1fae5;border-radius:20px;color:#059669;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 12px}.kyc-status svg{height:14px;width:14px}.cnic-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.process-dot{background:#cbd5e1;transition:all .3s ease}.process-step.active .process-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 6px #3b82f666}.process-step span{color:#94a3b8}.process-step.active span{color:#3b82f6;font-weight:600}.process-line{background:#e2e8f0}.zoom-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.zoom-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.zoom-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.zoom-modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.zoom-close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.zoom-close-btn:hover{background:#e2e8f0;color:#1e293b}.zoom-modal-body{padding:20px}.zoom-modal-body img{border-radius:12px;height:auto;width:100%}@media (max-width:480px){.cnic-container{padding:12px}.cnic-main-card{border-radius:20px}.cnic-header{padding:20px 16px}.header-title{font-size:1.5rem}.header-features{gap:8px}.feature-pill{font-size:.7rem;padding:5px 10px}.cnic-content{padding:16px}.user-card{padding:14px}.user-name{font-size:1rem}.user-details-inline{gap:6px}.detail-chip{font-size:.7rem;padding:5px 10px}.cnic-images-grid{gap:8px}.process-line{width:30px}.process-step span{font-size:.65rem}}.page-header{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#1e40af);border-radius:20px 20px 0 0;overflow:hidden;padding:20px 20px 24px}.header-bg-pattern{background:radial-gradient(circle at 100% 0,#3b82f626 0,#0000 50%),radial-gradient(circle at 0 100%,#10b9811a 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{flex-direction:column;position:relative;z-index:2}.header-content,.header-top-bar{align-items:center;display:flex;width:100%}.header-top-bar{justify-content:space-between;margin-bottom:20px}.header-spacer{width:1px}.back-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#ffffffe6;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease}.back-button:hover{background:#ffffff26;transform:translateX(-2px)}.secured-badge{align-items:center;background:#10b98126;border:1px solid #10b98140;border-radius:20px;color:#6ee7b7;display:inline-flex;font-size:.68rem;font-weight:600;gap:5px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.secured-badge svg{color:#34d399}.user-section{align-items:flex-start;display:flex;flex-direction:column;gap:4px;width:100%}.page-header .user-name{color:#fff!important;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.page-header .user-cnic{color:#fff!important;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0}.user-bottom-row{align-items:center;display:flex;gap:10px;margin-top:8px}.user-greeting{color:#fff9;font-size:.82rem;font-weight:400;margin:0}.generic-section{align-items:center;display:flex;gap:14px;width:100%}.header-icon{background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;flex-shrink:0;height:50px;width:50px}.header-text{flex:1 1;min-width:0}.header-title{font-size:1.3rem;line-height:1.2;margin:0}.header-subtitle{color:#ffffffa6;font-size:.85rem;margin:4px 0 0}.header-extra{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:8px;text-align:center;width:100%}@media (max-width:600px){.page-header{padding:18px 16px 22px}.header-top-bar{margin-bottom:16px}.page-header .user-name{font-size:1.3rem}.page-header .user-cnic{font-size:.85rem}.user-greeting{font-size:.78rem}}@media (max-width:480px){.page-header{border-radius:16px 16px 0 0;padding:16px 14px 20px}.header-top-bar{margin-bottom:14px}.back-button{font-size:.78rem;padding:7px 12px}.secured-badge{font-size:.62rem;padding:5px 10px}.page-header .user-name{font-size:1.2rem}.page-header .user-cnic{font-size:.82rem}.user-greeting{font-size:.75rem}.header-icon{border-radius:12px;height:44px;width:44px}.header-title{font-size:1.15rem}.header-subtitle{font-size:.78rem}.header-extra{margin-top:14px}}@media (max-width:360px){.page-header{padding:14px 12px 18px}.back-button span{display:none}.back-button{border-radius:8px;padding:8px}.secured-badge span{display:none}.secured-badge{border-radius:50%;padding:6px}.page-header .user-name{font-size:1.1rem}.page-header .user-cnic{font-size:.78rem}.user-greeting{font-size:.72rem}}.dashboard-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.dashboard-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.dashboard-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:24px 20px;position:relative}.header-background-shapes{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.header-background-shapes .shape{background:#ffffff14;border-radius:50%;position:absolute}.header-background-shapes .shape-1{height:150px;right:-40px;top:-60px;width:150px}.header-background-shapes .shape-2{background:#ffffff0d;bottom:-20px;height:100px;left:-40px;width:100px}.header-background-shapes .shape-3{background:#ffffff0a;height:60px;right:25%;top:40%;width:60px}.header-main{align-items:center;display:flex;gap:16px;margin-bottom:20px;position:relative;z-index:1}.avatar-section{flex-shrink:0;position:relative}.avatar-outer-ring{background:linear-gradient(135deg,#fff6,#ffffff1a);border-radius:50%;height:64px;padding:3px;width:64px}.avatar-inner{align-items:center;background:linear-gradient(135deg,#fff,#f0f9ff);border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:100%;justify-content:center;width:100%}.avatar-text{color:#1e40af;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}.avatar-verified{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #1e40af;border-radius:50%;bottom:0;box-shadow:0 2px 6px #10b98166;color:#fff;display:flex;height:22px;justify-content:center;position:absolute;right:0;width:22px}.avatar-verified svg{height:12px;width:12px}.welcome-section{flex:1 1;min-width:0}.welcome-text{color:#fffc;display:block;font-size:.8rem;font-weight:500;margin-bottom:2px}.user-full-name{color:#fff;font-size:1.35rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}.user-meta-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.meta-item{align-items:center;color:#ffffffe6;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px}.meta-item svg{color:#ffffffb3}.meta-dot{color:#fff6;font-size:.6rem}.stats-row{display:flex;gap:8px;position:relative;z-index:1}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:12px;display:flex;flex:1 1;gap:10px;padding:12px 14px;transition:all .2s ease}.stat-card:hover{background:#ffffff2e}.stat-icon-wrap{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.stat-card.active .stat-icon-wrap{background:#10b98140;color:#6ee7b7}.stat-card.pending .stat-icon-wrap{background:#fbbf2440;color:#fcd34d}.stat-card.rejected .stat-icon-wrap{background:#ef444440;color:#fca5a5}.stat-info{gap:0}.stat-value{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.1}.stat-title{color:#ffffffb3;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dashboard-content{padding:20px}.accounts-container{background:#f1f5f9;border-radius:16px;display:flex;flex-direction:column;gap:2px;margin-bottom:16px;padding:4px}.account-row{align-items:center;background:#fff;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 12px;transition:all .2s ease}.account-row:hover{background:#f8fafc}.account-row.selected{background:#eff6ff;border-color:#3b82f6}.account-row.pending{cursor:default;opacity:.85}.account-row.rejected{cursor:default;flex-wrap:wrap;opacity:.8}.account-row.rejected .account-row-action{align-items:flex-end;flex-direction:column;gap:6px}.account-row.add-new{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #93c5fd;margin-top:2px}.account-row.add-new:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#3b82f6}.account-row-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.account-row-icon.approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#16a34a}.account-row-icon.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.account-row-icon.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.account-row-icon.add{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.account-row-icon .bank-logo-wrapper{align-items:center;background:#0000;border:none;border-radius:inherit;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.account-row-icon .bank-logo{height:100%;object-fit:contain;padding:6px;width:100%}.account-row-icon .bank-logo-fallback{align-items:center;color:inherit;display:flex;height:100%;justify-content:center;width:100%}.account-row-content{flex:1 1;gap:2px;min-width:0}.account-row-content,.account-row-main{display:flex;flex-direction:column}.account-bank-name{color:#1e293b;font-size:.95rem;font-weight:600;line-height:1.3}.account-holder{color:#64748b;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.account-iban{color:#94a3b8;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.7rem;white-space:nowrap}.rejection-reason{margin-top:2px}.rejection-box{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:8px;margin-top:8px;padding:10px 12px}.rejection-header{align-items:center;color:#991b1b;display:flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.rejection-header svg{color:#dc2626}.rejection-reason-text{color:#7f1d1d;font-size:.8rem;font-style:italic;line-height:1.4;margin:0}.account-row.rejected.expanded{align-items:stretch;flex-direction:column;padding:14px 12px}.account-row.rejected.expanded>.account-row-icon{left:12px;position:absolute;top:14px}.account-row.rejected.expanded{padding-left:68px;position:relative}.account-row.rejected.expanded>.account-row-action{position:absolute;right:12px;top:14px}.add-title{color:#1e40af;font-size:.95rem;font-weight:600}.add-subtitle{color:#64748b;font-size:.8rem}.account-row-action{align-items:center;display:flex;flex-shrink:0;gap:10px}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.7rem;font-weight:600;gap:4px;letter-spacing:.03em;text-transform:uppercase}.status-badge.approved{background:#dcfce7;color:#16a34a}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.rejected{background:#fee2e2;color:#dc2626;justify-content:center;min-width:75px}.select-indicator{align-items:center;display:flex;justify-content:center}.select-indicator.active{color:#3b82f6}.select-circle{border:2px solid #cbd5e1;border-radius:50%;height:22px;transition:all .2s ease;width:22px}.account-row:hover .select-circle{border-color:#3b82f6}.chevron-icon{color:#3b82f6;transition:transform .2s ease}.account-row.add-new:hover .chevron-icon{transform:translateX(4px)}.loading-accounts{align-items:center;background:#fff;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:60px 20px;text-align:center}.loading-accounts .spinning{color:#3b82f6;margin-bottom:16px}.loading-accounts p{color:#64748b;font-size:.95rem;font-weight:500;margin:0}.empty-accounts{background:#fff;border-radius:12px;padding:32px 20px;text-align:center}.empty-icon{align-items:center;background:#f1f5f9;border-radius:16px;color:#94a3b8;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.empty-accounts h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 6px}.empty-accounts p{color:#64748b;font-size:.85rem;line-height:1.4;margin:0}.inline-notice{align-items:center;border-radius:10px;display:flex;font-size:.8rem;gap:10px;margin-bottom:12px;padding:12px 14px}.inline-notice.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#92400e}.inline-notice.rejected{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#991b1b}.inline-notice svg{flex-shrink:0}.inline-notice span{line-height:1.4}.dashboard-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px}.footer-title{margin-bottom:14px}.process-flow{gap:0;justify-content:center}.process-flow,.process-step{align-items:center;display:flex}.process-step{flex-direction:column;gap:6px}.process-dot{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 6px #3b82f666;height:10px;width:10px}.process-step span{color:#475569;font-size:.7rem;font-weight:500;white-space:nowrap}.process-line{background:linear-gradient(90deg,#3b82f6,#93c5fd);height:2px;margin:0 6px 20px;width:40px}@media (max-width:480px){.dashboard-container{padding:12px}.dashboard-main-card{border-radius:20px}.dashboard-header{padding:16px 14px}.header-main{gap:12px;margin-bottom:16px}.avatar-outer-ring{height:52px;width:52px}.avatar-text{font-size:1.2rem}.avatar-verified{height:18px;width:18px}.avatar-verified svg{height:10px;width:10px}.welcome-text{font-size:.7rem}.user-full-name{font-size:1.15rem;margin-bottom:6px}.meta-item{font-size:.65rem}.meta-item svg{height:10px;width:10px}.stats-row{gap:6px}.stat-card{gap:8px;padding:10px}.stat-icon-wrap{height:28px;width:28px}.stat-icon-wrap svg{height:14px;width:14px}.stat-value{font-size:1rem}.stat-title{font-size:.55rem}.dashboard-content{padding:16px}.account-row{gap:10px;padding:12px 10px}.account-row-icon{height:40px;width:40px}.account-bank-name{font-size:.9rem}.account-iban,.status-badge{font-size:.65rem}.status-badge{padding:3px 8px}.status-badge span{display:none}.process-line{width:30px}.process-step span{font-size:.65rem}}.rejected-account-wrapper{display:flex;flex-direction:column}.view-remarks-btn{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:20px;color:#dc2626;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:5px;justify-content:center;min-width:75px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.view-remarks-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;transform:translateY(-1px)}.view-remarks-btn.active{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c;color:#fff}.view-remarks-btn svg{flex-shrink:0}.delete-account-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:5px;justify-content:center;min-width:75px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.delete-account-btn:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626;transform:translateY(-1px)}.delete-account-btn svg{flex-shrink:0}.inline-remarks-box{animation:slideDown .25s ease-out;background:linear-gradient(135deg,#fef2f2,#fff5f5);border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:12px;margin:4px 4px 0;padding:14px 16px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.inline-remarks-box .remarks-header{align-items:center;color:#991b1b;display:flex;font-size:.7rem;font-weight:600;gap:6px;letter-spacing:.03em;margin-bottom:8px;text-transform:uppercase}.inline-remarks-box .remarks-header svg{color:#dc2626}.inline-remarks-box .remarks-content{color:#7f1d1d;font-size:.85rem;font-style:italic;line-height:1.5;margin:0}@media (max-width:480px){.delete-account-btn,.view-remarks-btn{font-size:.65rem;padding:5px 10px}.inline-remarks-box{margin-top:10px;padding:12px 14px}.delete-rejected-btn{min-width:0;min-width:auto;padding:5px}.inline-remarks-box .remarks-content{font-size:.8rem}}.delete-rejected-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.delete-rejected-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.delete-confirm-actions{align-items:center;display:flex;gap:6px}.confirm-delete-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;justify-content:center;padding:5px 12px;transition:all .2s ease}.confirm-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.7}.cancel-delete-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;justify-content:center;padding:5px 12px;transition:all .2s ease}.cancel-delete-btn:hover{background:#e2e8f0;border-color:#cbd5e1}.delete-pending-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.delete-pending-btn:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.bank-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.bank-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.bank-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.user-info-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}.info-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px}.info-pill svg{color:#fffc}.bank-content{padding:20px}.bank-form{display:flex;flex-direction:column;gap:20px}.bank-dropdown-container{position:relative}.input-label{display:block;margin-bottom:6px}.bank-dropdown-trigger{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:all .2s ease}.bank-dropdown-trigger:hover{border-color:#3b82f6}.bank-dropdown-trigger.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bank-dropdown-trigger.has-error{border-color:#ef4444}.bank-dropdown-value{flex:1 1}.bank-dropdown-value .placeholder{color:#9ca3af}.selected-bank-display{align-items:center;color:#1e293b;display:flex;font-weight:500;gap:10px}.selected-bank-display svg{color:#3b82f6}.dropdown-arrow{color:#6b7280;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.bank-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;max-height:350px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:9999}.bank-search{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:12px 16px}.bank-search svg{color:#9ca3af}.bank-search input{background:none;border:none;color:#1e293b;flex:1 1;font-size:.95rem;outline:none}.bank-search input::placeholder{color:#9ca3af}.bank-list{max-height:280px;overflow-y:auto}.bank-option{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .15s ease}.bank-option:last-child{border-bottom:none}.bank-option:hover{background:#f8fafc}.bank-option.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.bank-logo-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.bank-logo-wrapper.small{border-radius:8px;height:32px;width:32px}.bank-logo{height:100%;object-fit:contain;padding:4px;width:100%}.bank-logo-fallback{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;width:100%}.bank-option.selected .bank-logo-wrapper{background:#eff6ff;border-color:#3b82f6}.bank-option.selected .bank-logo-fallback{color:#3b82f6}.bank-option svg{color:#6b7280;flex-shrink:0}.bank-option.selected svg{color:#3b82f6}.bank-info{display:flex;flex:1 1;flex-direction:column}.bank-name{color:#1e293b;font-size:.95rem;font-weight:500}.bank-code{color:#64748b;font-size:.8rem}.check-icon{color:#3b82f6}.no-results{color:#6b7280;padding:20px;text-align:center}.input-error{font-size:.8rem;margin-top:6px}.feature-pills{background:#f8fafc;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:4px;padding:16px}.feature-pill{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px}.feature-pill svg{color:#3b82f6;height:14px;width:14px}.process-section{background:#f8fafc;border-radius:16px;margin-top:24px;padding:20px}.process-title{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:16px;text-align:center;text-transform:uppercase}.process-steps{gap:0;justify-content:center}.process-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:6px}.step-indicator{align-items:center;background:#e2e8f0;border-radius:50%;color:#94a3b8;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.step.active .step-indicator{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666;color:#fff}.step.active .step-indicator svg{color:#fff}.step span{color:#94a3b8;font-size:.65rem;font-weight:500;white-space:nowrap}.step.active span{color:#3b82f6;font-weight:600}.step-connector{background:#e2e8f0;height:2px;margin:0 4px 20px;width:24px}.bank-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px;text-align:center}@media (max-width:480px){.bank-container{padding:12px}.bank-main-card{border-radius:20px}.bank-header{padding:16px 16px 24px}.header-title{font-size:1.5rem}.user-info-pills{gap:8px}.info-pill{font-size:.75rem;padding:6px 12px}.bank-content{padding:16px}.feature-pills{gap:8px;padding:12px}.feature-pill{font-size:.7rem;padding:5px 10px}.process-section{padding:16px}.step-indicator{font-size:.7rem;height:24px;width:24px}.step span{font-size:.6rem}.step-connector{width:16px}}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:#374151;font-size:.875rem;font-weight:500}.input-label .required{color:#ef4444;margin-left:4px}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.input::placeholder{color:#9ca3af}.input.has-icon{padding-left:44px}.input-error{align-items:center;display:flex;gap:4px}.input-hint{font-size:.8125rem}.has-error .input{border-color:#ef4444}.has-error .input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.select-wrapper{position:relative}.select{-webkit-appearance:none;appearance:none;border:2px solid #e5e7eb;color:#1f2937;font-size:1rem;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.select-arrow{color:#9ca3af;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.textarea{background:#fff;border:2px solid #e5e7eb;color:#1f2937;font-family:inherit;font-size:1rem;min-height:100px;padding:12px 16px;transition:all .2s ease;width:100%}.textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}@media (max-width:640px){.input,.select,.textarea{font-size:16px}}.iban-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.iban-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.iban-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.bank-info-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-radius:24px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;position:relative;z-index:1}.bank-info-pill svg{color:#fbbf24}.iban-content{padding:20px}.upload-section-header{margin-top:24px}.iban-form{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.input-hint{color:#6b7280;font-size:.8rem;margin-top:-8px}.upload-area p{margin-bottom:4px}.upload-formats{color:#9ca3af;font-size:.8rem}.upload-options{margin-top:16px}.error-message{margin-top:12px}.document-requirements{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:20px;padding:16px}.document-requirements h4{color:#0369a1;font-size:.875rem;font-weight:600;margin-bottom:10px}.document-requirements ul{margin:0;padding-left:18px}.document-requirements li{color:#0c4a6e;font-size:.8rem;margin-bottom:6px}.document-requirements li:last-child{margin-bottom:0}.verification-progress{padding:20px 0}.verification-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.detail-row{border-bottom:1px solid #dcfce7;display:flex;justify-content:space-between;padding:10px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#6b7280;font-size:.85rem}.detail-row .value{color:#1e293b;font-size:.9rem;font-weight:500}.detail-row .value.mono{font-family:monospace;font-size:.8rem}.mismatch-details,.pending-notice{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.pending-notice{align-items:flex-start;display:flex;gap:12px}.pending-notice svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.pending-notice strong{color:#92400e;display:block;margin-bottom:4px}.pending-notice p{color:#78716c;font-size:.85rem;line-height:1.4;margin:0}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.demo-skip-btn{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-color:#f59e0b!important;color:#92400e!important}.demo-skip-btn:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)!important}.iban-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px;text-align:center}@media (max-width:480px){.iban-container{padding:12px}.iban-main-card{border-radius:20px}.iban-header{padding:16px 16px 24px}.header-title{font-size:1.5rem}.bank-info-pill{font-size:.85rem;padding:8px 14px}.iban-content{padding:16px}.upload-area{padding:24px 16px}.upload-options{flex-direction:column;gap:8px}.upload-options button{width:100%}.detail-row{align-items:flex-start;flex-direction:column;gap:4px}.detail-row .value{word-break:break-all}}.otp-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.otp-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.otp-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.account-info-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff40;border-radius:24px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 18px;position:relative;z-index:1}.account-info-pill svg{color:#fbbf24}.otp-content{padding:20px}.demo-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:16px;margin-bottom:20px;padding:16px}.demo-header{align-items:center;color:#92400e;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:12px}.demo-header svg{color:#f59e0b}.demo-item{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:14px 18px;text-align:left;transition:all .2s ease;width:100%}.demo-item:hover{background:#f8fafc;border-color:#3b82f6}.demo-item code{color:#1e293b;font-family:SF Mono,Roboto Mono,monospace;font-size:1.5rem;font-weight:700;letter-spacing:4px}.demo-item span{color:#64748b;font-size:.8rem;font-weight:500}.sending-state{padding:40px 20px;text-align:center}.spinner{margin-bottom:16px}.sending-state p{color:#6b7280}.otp-sent-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:16px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:16px}.otp-sent-banner .success-icon{color:#10b981;flex-shrink:0;margin-bottom:0}.otp-sent-banner p{color:#166534;font-size:.9rem;font-weight:600;margin:0}.otp-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.otp-input{border:2px solid #e5e7eb;border-radius:12px;color:#1e293b;font-size:1.5rem;font-weight:600;height:56px;outline:none;text-align:center;transition:all .2s ease;width:48px}.otp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.otp-input.filled{background:#eff6ff;border-color:#3b82f6}.otp-input.error{background:#fef2f2;border-color:#ef4444}.otp-input:disabled{background:#f3f4f6;cursor:not-allowed}.error-message{gap:8px}.error-message,.verifying-indicator{justify-content:center;margin-bottom:20px}.verifying-indicator{align-items:center;color:#3b82f6;display:flex;gap:10px}.verifying-indicator .spinner{margin-bottom:0}.resend-section{margin-bottom:20px;text-align:center}.resend-timer{color:#6b7280;font-size:.9rem}.switch-method{border-top:1px solid #e5e7eb;padding-top:16px;text-align:center}.switch-method p{color:#6b7280;font-size:.85rem;margin-bottom:10px}.success-state h3{font-size:1.3rem;margin-bottom:12px}.success-state>p{color:#6b7280;margin-bottom:20px}.success-details{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.success-details .detail-item{border-bottom:1px solid #dcfce7;display:flex;justify-content:space-between;padding:10px 0}.success-details .detail-item:last-child{border-bottom:none}.success-details .label{color:#6b7280;font-size:.875rem}.success-details .value{color:#1e293b;font-weight:500}.success-details .value.pending-status{color:#f59e0b;font-weight:600}.pending-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#64748b;font-size:.85rem;margin-bottom:16px;padding:12px}.otp-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px;text-align:center}.footer-title{margin-bottom:8px}.help-tips{display:flex;flex-direction:column;gap:4px}.help-tips p{color:#94a3b8;font-size:.8rem;margin:0}@media (max-width:480px){.otp-container{padding:12px}.otp-main-card{border-radius:20px}.otp-header{padding:16px 16px 24px}.header-title{font-size:1.5rem}.account-info-pill{font-size:.85rem;padding:8px 14px}.otp-content{padding:16px}.demo-section{padding:12px}.demo-item{padding:12px 14px}.demo-item code{font-size:1.25rem;letter-spacing:3px}.otp-input{font-size:1.25rem;height:50px;width:42px}.otp-input-container{gap:8px}.success-details .detail-item{align-items:flex-start;flex-direction:column;gap:4px}}.otp-container .bank-logo-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;overflow:hidden;width:28px}.otp-container .bank-logo{height:100%;object-fit:contain;padding:3px;width:100%}.otp-container .bank-logo-fallback{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;width:100%}.otp-container .value.with-logo{align-items:center;display:flex;gap:8px}.payment-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.payment-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.payment-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.header-subtitle{margin:0 0 16px}.account-pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}.account-pill{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:8px 14px}.account-pill.verified{background:#10b9814d;border-color:#10b98180}.account-pill.verified svg{color:#34d399}.payment-content{padding:20px}.account-info-box{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:14px;display:flex;gap:14px;margin-bottom:24px;padding:16px}.account-icon{border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#10b981;height:44px;width:44px}.account-label{color:#6b7280;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.account-title{color:#1e293b;font-size:1rem;font-weight:600}.amount-input-wrapper{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;display:flex;margin-bottom:8px;padding:12px 20px;transition:all .2s ease}.amount-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-prefix{color:#6b7280;font-size:1.25rem;font-weight:600;margin-right:12px}.amount-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:2.25rem;font-weight:700;outline:none}.amount-input::placeholder{color:#d1d5db}.input-error{color:#ef4444;display:block;font-size:.8125rem;margin-bottom:8px;margin-top:8px}.quick-amounts{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;margin-top:16px}.quick-amount-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:24px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 16px;transition:all .2s ease}.quick-amount-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.quick-amount-btn.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#1d4ed8;color:#fff}.info-note{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.info-note svg{color:#0ea5e9;flex-shrink:0}.info-note span{color:#0369a1;font-size:.85rem}.action-buttons{margin-top:8px}.payment-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:16px 20px;text-align:center}.footer-title{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.footer-title svg{color:#f59e0b}.footer-text{color:#94a3b8;font-size:.8rem;margin:0}@media (max-width:480px){.payment-container{padding:12px}.payment-main-card{border-radius:20px}.payment-header{padding:16px 16px 24px}.header-title{font-size:1.5rem}.account-pills{gap:8px}.account-pill{font-size:.75rem;padding:6px 12px}.payment-content{padding:16px}.account-info-box{padding:14px}.amount-input-wrapper{padding:10px 16px}.amount-input{font-size:1.75rem}.quick-amounts{gap:8px}.quick-amount-btn{flex:1 1;font-size:.8rem;min-width:calc(33% - 8px);padding:8px 12px}}.reference-page{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.page-nav{margin-bottom:16px}.reference-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.reference-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:24px 20px;position:relative}.reference-header:before{background:#ffffff1a;border-radius:50%;content:"";height:200px;position:absolute;right:-30%;top:-50%;width:200px}.reference-header:after{background:#ffffff0d;border-radius:50%;bottom:-30%;content:"";height:150px;left:-20%;position:absolute;width:150px}.header-shapes .shape-1{height:100px;top:-30px;width:100px}.header-shapes .shape-2{bottom:30px;height:60px;left:-20px;width:60px}.ref-badge{align-items:center;background:#0000;border:none;color:#ffffffd9;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:0}.ref-badge svg{color:#fbbf24}.ref-display-section{display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.ref-number-box{align-items:center;background:#0000;border:none;display:flex;justify-content:space-between;margin-bottom:6px;padding:4px 0}.ref-note{color:#ffffffb3;font-size:.8rem;font-weight:400;margin:4px 0 0}.ref-display-section .ref-number{color:#fbbf24!important;font-family:SF Mono,Monaco,Courier New,monospace;font-size:1.6rem;font-weight:800;letter-spacing:2px;text-shadow:0 2px 4px #0003}.copy-btn-ref{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.copy-btn-ref:hover{color:#fff}.copy-btn-ref.copied{color:#34d399}.ref-warning{align-items:center;color:#ffffffd9;display:flex;font-size:.78rem;gap:6px;padding-top:2px;position:relative;z-index:1}.ref-warning svg{color:#fbbf24;flex-shrink:0}.amount-strip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;padding:14px 16px;position:relative;z-index:1}.amount-info,.amount-strip{align-items:center;display:flex}.amount-info{gap:8px}.amount-info svg{color:#fffc}.amount-label{color:#ffffffd9;font-size:.85rem;font-weight:500}.amount-value{color:#fff;font-size:1.35rem;font-weight:700}.reference-content{padding:20px}.section-header{margin-bottom:12px}.bank-details-container{background:#f8fafc;border-radius:14px;margin-bottom:16px;padding:4px}.bank-row{background:#fff;border-bottom:1px solid #f1f5f9;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-bottom:2px;padding:12px 14px}.bank-row.no-border{border-bottom:none;margin-bottom:0}.bank-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.bank-value-wrap{align-items:center;display:flex;justify-content:space-between}.bank-value{color:#1e293b;font-size:.95rem;font-weight:500}.bank-value.mono{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem}.bank-value.iban{font-size:.8rem;word-break:break-all}.copy-btn-sm{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease}.copy-btn-sm:hover{background:#e0f2fe;color:#3b82f6}.copy-btn-sm.copied{background:#dcfce7;color:#16a34a}.share-all-btn{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px dashed #93c5fd;border-radius:12px;color:#1e40af;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;padding:12px;transition:all .2s ease;width:100%}.share-all-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#3b82f6}.steps-container{background:#f8fafc;border-radius:14px;margin-bottom:16px;padding:16px}.step-item{gap:12px}.step-item,.step-num{align-items:center;display:flex}.step-num{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 6px #3b82f64d;color:#fff;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.step-item span{color:#475569;font-size:.9rem;line-height:1.4}.step-item strong{color:#3b82f6;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.85rem}.step-connector{background:linear-gradient(180deg,#3b82f6,#93c5fd);border-radius:1px;height:16px;margin-left:13px;width:2px}.timer-notice{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.timer-notice svg{color:#f59e0b;flex-shrink:0}.timer-text{display:flex;flex-direction:column;gap:2px}.timer-text strong{color:#92400e;font-size:.9rem}.timer-text span{color:#a16207;font-size:.8rem}.continue-btn{margin-bottom:0}.reference-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:.8rem;gap:8px;justify-content:center;padding:14px 20px}.reference-footer svg{color:#3b82f6;flex-shrink:0}@media (max-width:480px){.reference-page{padding:12px}.reference-main-card{border-radius:20px}.reference-header{padding:20px 16px}.ref-display-section .ref-number{font-size:1.15rem;letter-spacing:1px}.ref-number-box{margin-bottom:4px;padding:2px 0}.amount-value{font-size:1.2rem}.reference-content{padding:16px}.bank-row{padding:10px 12px}.bank-value{font-size:.9rem}.bank-value.mono{font-size:.85rem}.bank-value.iban{font-size:.75rem}.step-item span{font-size:.85rem}.step-num{font-size:.75rem;height:24px;width:24px}.step-connector{height:12px;margin-left:11px}}.upload-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.upload-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.upload-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.header-title{font-size:1.75rem;margin:0 0 8px}.header-subtitle{font-size:1rem;margin:0}.upload-content{padding:20px}.section-header{margin-bottom:16px}.summary-section{background:#f8fafc;border-radius:14px;margin-bottom:24px;padding:4px}.summary-item{background:#fff;border-radius:10px;justify-content:space-between;margin:2px;padding:12px 14px}.summary-label{font-size:.85rem}.summary-value{color:#1e293b;font-size:.9rem;font-weight:600}.summary-value.highlight{color:#3b82f6;font-size:1rem}.upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;padding:32px 20px;text-align:center;transition:all .2s ease}.upload-area:hover{background:#eff6ff;border-color:#3b82f6}.hidden-input{display:none}.upload-icon{color:#9ca3af;margin-bottom:12px}.upload-area h3{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:4px}.upload-area p{color:#6b7280;font-size:.875rem;margin-bottom:16px}.upload-options{display:flex;gap:12px;justify-content:center}.preview-area{display:flex;flex-direction:column;gap:16px}.preview-image-container{background:#f3f4f6;border-radius:12px;overflow:hidden;position:relative}.preview-image{max-height:250px;object-fit:contain;width:100%}.remove-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:32px}.remove-btn:hover{background:#000c}.file-info{align-items:center;background:#f3f4f6;border-radius:10px;color:#374151;display:flex;gap:10px;padding:12px 16px}.file-info svg{color:#6b7280}.file-size{color:#9ca3af;font-size:.85rem;margin-left:auto}.processing-state{padding:30px 20px;text-align:center}.processing-icon{margin-bottom:20px}.spinner{animation:spin 1s linear infinite;color:#3b82f6}.processing-state h3{color:#1e293b;font-size:1.1rem;margin-bottom:8px}.processing-state p{color:#6b7280;margin-bottom:20px}.progress-bar{background:#e5e7eb;margin:0 auto;max-width:280px}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.success-state{padding:30px 20px;text-align:center}.success-icon{color:#10b981;margin-bottom:20px}.success-state h3{color:#059669;font-size:1.25rem;margin-bottom:20px}.ocr-results{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.ocr-item{border-bottom:1px solid #dcfce7;display:flex;justify-content:space-between;padding:10px 0}.ocr-item:last-child{border-bottom:none}.ocr-item .label{color:#6b7280;font-size:.875rem}.ocr-item .value{color:#1e293b;font-weight:500}.redirect-message{color:#6b7280;font-size:.9rem;font-style:italic}.manual-review-state{padding:30px 20px;text-align:center}.manual-review-icon{color:#f59e0b;margin-bottom:20px}.manual-review-state h3{color:#d97706;font-size:1.25rem;margin-bottom:12px}.manual-review-state>p{color:#6b7280;margin-bottom:20px}.review-info{align-items:flex-start;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px;text-align:left}.review-info svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.review-info p{color:#92400e;font-size:.85rem;line-height:1.5;margin:0}.mismatch-state{padding:30px 20px;text-align:center}.mismatch-icon{color:#f59e0b;margin-bottom:20px}.mismatch-state h3{color:#d97706;font-size:1.25rem;margin-bottom:8px}.mismatch-subtitle{color:#6b7280;margin-bottom:20px}.mismatch-issues{background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.issue-item{align-items:flex-start;color:#92400e;display:flex;font-size:.875rem;gap:10px;padding:8px 0}.issue-item svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.issue-item:not(:last-child){border-bottom:1px solid #fcd34d}.penalty-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:20px;padding:16px;text-align:left}.penalty-warning h4{color:#dc2626;font-size:.95rem;margin-bottom:12px}.penalty-details{background:#fff;border-radius:8px;overflow:hidden}.penalty-row{font-size:.875rem;padding:10px 14px}.penalty-row.penalty{color:#dc2626;font-weight:600}.penalty-row.return{font-weight:600}.penalty-note{font-size:.8rem;margin-top:12px}.error-state{padding:30px 20px;text-align:center}.error-icon{color:#f59e0b;margin-bottom:20px}.error-state h3{color:#d97706;font-size:1.25rem;margin-bottom:8px}.error-state p{color:#6b7280;margin-bottom:20px}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;margin-top:16px}.attachment-warning,.error-message{display:flex;gap:10px;padding:12px 16px}.attachment-warning{align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;color:#92400e;font-size:.85rem;line-height:1.4;margin-top:12px}.attachment-warning svg{flex-shrink:0;margin-top:2px}.tips-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:24px;padding:16px}.tips-section h4{color:#0369a1;font-size:.875rem;font-weight:600;margin-bottom:10px}.tips-section ul{margin:0;padding-left:18px}.tips-section li{color:#0c4a6e;font-size:.8rem;margin-bottom:6px}.tips-section li:last-child{margin-bottom:0}.upload-footer{background:#fef2f2;border-top:1px solid #fecaca;padding:16px 20px}.footer-warning{align-items:center;color:#dc2626;display:flex;font-size:.8rem;font-weight:500;gap:10px;justify-content:center;text-align:center}.footer-warning svg{flex-shrink:0}@media (max-width:480px){.upload-container{padding:12px}.upload-main-card{border-radius:20px}.upload-header{padding:16px 16px 24px}.header-title{font-size:1.5rem}.upload-content{padding:16px}.summary-section{padding:2px}.summary-item{padding:10px 12px}.upload-area{padding:24px 16px}.upload-options{flex-direction:column;gap:8px}.upload-options button{width:100%}.ocr-item{align-items:flex-start;flex-direction:column;gap:4px}.penalty-row{font-size:.8rem;padding:8px 12px}.footer-warning{font-size:.75rem}}.status-container{margin:0 auto;max-width:480px;min-height:100%;padding:20px 16px}.status-main-card{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000014;overflow:hidden}.status-header{background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#0ea5e9);overflow:hidden;padding:20px 24px 28px;position:relative;text-align:center}.header-shapes{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.header-shapes .shape{background:#ffffff14;border-radius:50%;position:absolute}.header-shapes .shape-1{height:120px;right:-20px;top:-40px;width:120px}.header-shapes .shape-2{background:#ffffff0d;bottom:20px;height:80px;left:-30px;width:80px}.header-shapes .shape-3{background:#ffffff0a;height:60px;right:30%;top:50%;width:60px}.header-top{display:flex;justify-content:flex-start;margin-bottom:16px;position:relative;z-index:1}.back-btn{background:#ffffff26!important;border:1px solid #ffffff40!important;color:#fff!important;padding:8px 14px!important}.back-btn:hover{background:#ffffff40!important}.status-center-display{flex-direction:column;margin:0 auto;padding:16px 0 8px;text-align:center;width:100%}.status-center-display,.status-loader-icon{align-items:center;display:flex;justify-content:center}.status-loader-icon{background:#ffffff26;border-radius:50%;color:#fff;height:80px;margin-bottom:16px;width:80px}.status-loader-icon .spinning{animation:spin 1.5s linear infinite}.status-result-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}.status-center-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 6px}.page-header .status-center-desc,.status-center-display .status-center-desc,p.status-center-desc{background:#0000!important;color:#fff9!important;font-size:.85rem;line-height:1.5;margin:0;max-width:320px}.status-header-details{flex-direction:column;margin-top:20px}.status-header-details,.status-ref-row{align-items:center;display:flex;gap:8px}.status-ref-label{color:#fff9;font-size:.85rem;font-weight:500}.status-ref-value{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.95rem;font-weight:600;letter-spacing:.5px}.status-amount-row{margin-top:4px}.status-amount-value{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.status-badge-container{align-items:center;background:#0000;border:none;border-radius:0;display:flex;gap:14px;margin-bottom:12px;padding:0}.status-badge-container .status-icon-container{flex-shrink:0;height:48px;margin:0;width:48px}.status-info{flex-direction:column;gap:2px}.status-title{color:#fff;font-size:1rem;font-weight:700}.status-description{color:#fffc;font-size:.8rem}.status-icon-container{height:88px;margin:0 auto 16px;position:relative;width:88px;z-index:1}.status-rings{height:100%;left:0;position:absolute;top:0;width:100%}.status-rings .ring{border:2px solid #ffffff4d;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.status-rings .ring-1{height:88px;width:88px}.status-rings .ring-2{border-color:#fff3;height:72px;width:72px}.status-rings .ring-3{border-color:#ffffff26;height:56px;width:56px}.status-rings.animating .ring-1{animation:statusRotate 2s linear infinite;border-style:dashed}.status-rings.animating .ring-2{animation:statusRotate 2.5s linear infinite reverse;border-style:dashed}.status-rings.animating .ring-3{animation:statusRotate 3s linear infinite;border-style:dashed}@keyframes statusRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.status-icon-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:52px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:52px}.header-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 6px;position:relative;z-index:1}.header-subtitle{color:#ffffffe6;font-size:.9rem;margin:0 0 20px;position:relative;z-index:1}.reference-pill{align-items:center;background:#0000;border:none;border-radius:0;display:inline-flex;gap:8px;padding:0;position:relative;z-index:1}.ref-label{color:#ffffffd9;font-size:.8rem;font-weight:500}.ref-number{background:#0000;color:#fff9!important;font-family:SF Mono,Monaco,monospace;font-size:1.1rem;font-weight:800;letter-spacing:1px}.ref-copy-btn{align-items:center;background:#0000;border:none;color:#fffc;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.ref-copy-btn:hover{color:#fff}.status-content{padding:20px}.section-header{align-items:center;color:#64748b;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:14px;padding-left:4px;text-transform:uppercase}.section-header svg{color:#94a3b8}.section-header.penalty,.section-header.penalty svg{color:#dc2626}.verification-progress{background:#f8fafc;border-radius:14px;margin-bottom:20px;padding:16px}.progress-steps-row{align-items:center;display:flex;gap:0;justify-content:center}.progress-step{align-items:center;display:flex;flex-direction:column;gap:6px;min-width:70px}.progress-step svg{color:#d1d5db}.progress-step span{color:#9ca3af;font-size:.7rem;font-weight:500}.progress-step.completed svg{color:#10b981}.progress-step.completed span{color:#059669;font-weight:600}.progress-step.active svg{animation:pulse 1.5s ease-in-out infinite;color:#3b82f6}.progress-step.active span{color:#2563eb;font-weight:600}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.progress-connector{background:#e5e7eb;height:2px;margin:0 4px 22px;width:36px}.progress-connector.active{background:linear-gradient(90deg,#10b981,#3b82f6)}.mismatch-alert{align-items:flex-start;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;display:flex;gap:14px;margin-bottom:20px;padding:16px}.mismatch-alert svg{color:#dc2626;flex-shrink:0;margin-top:2px}.mismatch-alert strong{color:#991b1b;display:block;font-size:.9rem;margin-bottom:2px}.mismatch-alert p{color:#b91c1c;font-size:.8rem;margin:0}.penalty-section{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:20px;padding:16px}.penalty-breakdown{background:#fff;border-radius:10px;margin-bottom:12px;overflow:hidden}.penalty-row{border-bottom:1px solid #fee2e2;color:#374151;display:flex;font-size:.85rem;justify-content:space-between;padding:12px 14px}.penalty-row:last-child{border-bottom:none}.penalty-row.deduction{color:#dc2626;font-weight:600}.penalty-row.return{background:#f0fdf4;color:#059669;font-weight:700}.penalty-note{color:#6b7280;font-size:.75rem;font-style:italic;margin:0;text-align:center}.details-section{background:#f8fafc;border-radius:14px;margin-bottom:20px;padding:4px}.txn-id-row{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3730a3);border-radius:10px;display:flex;justify-content:space-between;margin:2px 2px 6px;padding:14px}.txn-label{color:#fffc;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.txn-value-wrap{align-items:center;display:flex;gap:8px}.txn-value-wrap code{color:#fff;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:600}.copy-btn-inline{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.copy-btn-inline:hover{background:#ffffff4d}.copy-btn-inline.copied{background:#10b981}.details-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr)}.detail-item{align-items:center;background:#fff;border-radius:10px;display:flex;gap:12px;padding:14px}.detail-item.full-width{grid-column:span 2}.detail-item.highlight{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.detail-icon-box{align-items:center;background:#f1f5f9;border-radius:10px;color:#64748b;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.detail-icon-box.green{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:700}.detail-info{flex:1 1;min-width:0}.detail-label{color:#94a3b8;display:block;font-size:.7rem;letter-spacing:.03em;margin-bottom:2px;text-transform:uppercase}.detail-value{color:#1e293b;display:block;font-size:.9rem;font-weight:600;word-break:break-word}.detail-value.mono{font-family:SF Mono,Monaco,monospace;font-size:.8rem;letter-spacing:.5px}.detail-value.amount{color:#059669;font-weight:700}.ocr-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:14px;margin-bottom:20px;padding:16px}.ocr-section.has-mismatch{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.ocr-details{background:#fff;border-radius:10px;overflow:hidden}.ocr-row{border-bottom:1px solid #ecfdf5;display:flex;justify-content:space-between;padding:12px 14px}.ocr-section.has-mismatch .ocr-row{border-bottom-color:#fef3c7}.ocr-row:last-child{border-bottom:none}.ocr-label{color:#166534;font-size:.8rem}.ocr-section.has-mismatch .ocr-label{color:#92400e}.ocr-value{color:#166534;font-size:.85rem;font-weight:600}.ocr-section.has-mismatch .ocr-value{color:#92400e}.whatsapp-btn{background:#25d366!important;border-color:#25d366!important;margin-top:16px}.whatsapp-btn:hover{background:#128c7e!important;border-color:#128c7e!important}.action-section{margin-top:8px}.status-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:20px;text-align:center}.footer-message{color:#64748b;font-size:.9rem;line-height:1.6;margin:0;padding:8px 0}.not-found-message{padding:20px;text-align:center}.not-found-message p{color:#6b7280;font-size:.9rem;margin-bottom:20px}.header-icon-wrapper{margin-bottom:16px;position:relative;z-index:1}.header-icon{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;height:72px;justify-content:center;margin:0 auto;width:72px}@media (max-width:480px){.status-container{padding:12px}.status-main-card{border-radius:20px}.status-header{padding:16px 16px 24px}.header-title{font-size:1.25rem}.header-subtitle{font-size:.85rem}.status-icon-container,.status-rings .ring-1{height:72px;width:72px}.status-rings .ring-2{height:58px;width:58px}.status-icon-circle,.status-rings .ring-3{height:44px;width:44px}.reference-pill{gap:6px;padding:0}.ref-number{font-size:.95rem}.status-center-display{padding:8px 0}.status-loader-icon{height:70px;width:70px}.status-loader-icon svg{height:40px;width:40px}.status-result-icon{height:64px;width:64px}.status-center-title{font-size:1.2rem}.status-center-desc{font-size:.85rem}.status-header-details{margin-top:16px}.status-ref-value{font-size:.85rem}.status-amount-value{font-size:1.5rem}.status-content{padding:16px}.progress-steps-row{gap:0}.progress-step{min-width:60px}.progress-step span{font-size:.65rem}.progress-connector{width:24px}.details-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.detail-item{padding:12px}.detail-icon-box{height:36px;min-width:36px;width:36px}.detail-value{font-size:.85rem}.txn-id-row{align-items:flex-start;flex-direction:column;gap:8px}.txn-value-wrap{justify-content:space-between;width:100%}.support-buttons{flex-direction:row}.support-btn{flex:1 1;font-size:.8rem;padding:10px 16px}}.animate-fade-in{animation:fadeIn .4s ease-out}.broker-api-container{background:linear-gradient(135deg,#f8fafc,#e0f2fe);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.broker-api-header{margin-bottom:40px;text-align:center}.broker-api-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0284c7,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.broker-api-header h1{color:#0f172a;font-size:1.5rem;margin-top:10px}.broker-api-card{background:#fff;border:1px solid #3b82f626;border-radius:12px;box-shadow:0 2px 10px #3b82f60f;margin-bottom:25px;padding:30px}.broker-api-card h2{align-items:center;color:#0284c7;display:flex;font-size:1.1rem;gap:10px;margin-bottom:20px}.broker-api-card h2 .num{align-items:center;background:linear-gradient(135deg,#0284c7,#3b82f6);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;height:28px;justify-content:center;width:28px}.card-description{color:#64748b;font-size:.9rem;margin-bottom:15px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;min-width:500px;width:100%}th{background:#f0f9ff;color:#64748b;font-size:.75rem;padding:10px 12px;text-align:left;text-transform:uppercase}td{border-bottom:1px solid #e2e8f0;font-size:.9rem;padding:12px}.field{color:#0284c7;font-family:JetBrains Mono,Fira Code,monospace;font-weight:500}.type{background:#7c3aed1a;color:#7c3aed;padding:2px 8px;white-space:nowrap}.example,.type{border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.example{background:#10b9811a;color:#059669;display:inline-block;margin-top:5px;padding:3px 8px;word-break:break-all}.code-block{-webkit-overflow-scrolling:touch;background:#0f172a;border-radius:10px;margin-top:15px;overflow-x:auto;padding:20px}.code-block pre{color:#e2e8f0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.note{background:#f0f9ff;border-left:3px solid #0284c7;color:#475569;font-size:.85rem;margin-top:15px;padding:12px 15px}.broker-api-contact{background:#fff;border:1px solid #3b82f626;border-radius:12px;margin-top:30px;padding:25px;text-align:center}.broker-api-contact p{color:#64748b;margin-bottom:10px}.broker-api-contact a{background:linear-gradient(135deg,#0284c7,#3b82f6);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:10px 25px;text-decoration:none;transition:transform .2s,box-shadow .2s}.broker-api-contact a:hover{box-shadow:0 4px 12px #0284c74d;transform:translateY(-2px)}.broker-api-footer{color:#94a3b8;font-size:.8rem;margin-top:30px;text-align:center}@media (max-width:768px){.broker-api-container{padding:20px 15px}.broker-api-header{margin-bottom:25px}.broker-api-logo{font-size:1.5rem}.broker-api-header h1{font-size:1.2rem}.broker-api-card{margin-bottom:20px;padding:20px 15px}.broker-api-card h2{font-size:1rem}td,th{font-size:.8rem;padding:10px 8px}.example,.type{font-size:.7rem;padding:2px 6px}.code-block{padding:15px}.code-block pre{font-size:.7rem}.note{font-size:.8rem;padding:10px 12px}.broker-api-contact{padding:20px 15px}.broker-api-contact a{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.broker-api-container{padding:15px 10px}.broker-api-logo{font-size:1.3rem}.broker-api-header h1{font-size:1.1rem}.broker-api-card{padding:15px 12px}.broker-api-card h2 .num{font-size:.75rem;height:24px;width:24px}table{min-width:400px}td,th{padding:8px 6px}.field,td,th{font-size:.75rem}}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:visible}.card-default{border:1px solid #e5e7eb}.card-elevated{box-shadow:0 4px 20px #0000001a}.card-header{border-bottom:1px solid #f3f4f6;padding:20px 24px}.card-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.card-description{color:#6b7280;font-size:.875rem;margin-top:4px}.card-content{padding:24px}.card-footer{background:#f9fafb;border-top:1px solid #f3f4f6;padding:16px 24px}@media (max-width:640px){.card-content,.card-header{padding:16px}.card-footer{padding:12px 16px}}.admin-login{align-items:center;background:linear-gradient(135deg,#1e3a8a,#3730a3);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:420px;width:100%}.login-branding{color:#fff;margin-bottom:32px;text-align:center}.login-branding .logo{align-items:center;background:#fffffff2;border-radius:20px;box-shadow:0 4px 12px #00000026;display:flex;height:100px;justify-content:center;margin:0 auto 16px;padding:12px;width:100px}.login-savexa-logo{height:100%;object-fit:contain;width:100%}.login-branding h1{font-size:1.75rem;font-weight:700;margin-bottom:4px}.login-branding p{font-size:1rem;opacity:.8}.login-card{margin-bottom:24px}.login-card h2{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:4px}.login-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:24px}.error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;margin-bottom:20px;padding:12px 16px}.login-form{display:flex;flex-direction:column;gap:20px}.password-field{position:relative}.toggle-password{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:12px;top:38px}.toggle-password:hover{color:#6b7280}.login-options{justify-content:space-between}.login-options,.remember-me{align-items:center;display:flex}.remember-me{color:#6b7280;cursor:pointer;font-size:.875rem;gap:8px}.remember-me input{accent-color:#4f46e5;height:16px;width:16px}.forgot-link{color:#4f46e5;font-size:.875rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.footer-text{color:#fff9;font-size:.8125rem;text-align:center}@media (max-width:480px){.admin-login{padding:16px}.login-branding .logo{height:80px;width:80px}.login-branding h1{font-size:1.5rem}.login-card h2{font-size:1.25rem}.login-options{align-items:flex-start;flex-direction:column;gap:12px}}.admin-dashboard{animation:fadeIn .3s ease-out}.admin-dashboard .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.admin-dashboard .loading-container svg{color:#3b82f6}.admin-dashboard .loading-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.admin-dashboard .loading-container p{color:#64748b;font-size:.875rem;margin:0}.admin-dashboard .page-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#1e40af);border-radius:16px 16px 0 0;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.admin-dashboard .page-header .header-content{flex:1 1;min-width:0}.admin-dashboard .page-header .header-content h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 4px}.admin-dashboard .page-header .header-content p{color:#fffc;font-size:.95rem;margin:0}.admin-dashboard .page-header .btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:500;gap:8px;height:40px;padding:10px 16px;transition:all .2s ease}.admin-dashboard .page-header .btn-primary svg{color:#1e3a5f;transition:all .2s ease}.admin-dashboard .page-header .btn-primary:hover{background:#1e3a8a;color:#fff}.admin-dashboard .page-header .btn-primary:hover svg{color:#fff}.stats-grid{grid-gap:16px;gap:16px;margin-bottom:28px}.admin-dashboard .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;text-align:left;transition:all .2s ease}.admin-dashboard .stat-card:hover{background:#fff;box-shadow:0 4px 12px #00000014}.admin-dashboard .stat-card:hover .stat-icon{transform:scale(1.08)}.admin-dashboard .stat-card:hover .stat-icon svg{animation:iconPulse .6s ease}.admin-dashboard .stat-card.positive:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.admin-dashboard .stat-card.warning:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.admin-dashboard .stat-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;transition:transform .3s ease}.admin-dashboard .stat-info{display:flex;flex-direction:column;gap:2px}.admin-dashboard .stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.2}.admin-dashboard .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.admin-dashboard .stat-change{align-items:center;border-radius:16px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-top:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.admin-dashboard .stat-change.positive{background:#ecfdf5;color:#059669}.admin-dashboard .stat-change.warning{background:#fef3c7;color:#d97706}.dashboard-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.transactions-card{grid-column:span 2}.actions-card{grid-column:span 1}.transactions-card .card-header{align-items:center;display:flex;justify-content:space-between}.transactions-table{overflow-x:auto}.table-header,.table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1.5fr 1.5fr 1fr 1fr;padding:12px 0}.table-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase}.table-row{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.admin-dashboard .ref-number{color:#1e293b!important;font-family:monospace;font-size:.875rem;font-weight:500}.user-name{color:#374151;font-size:.875rem}.amount{color:#111827;font-size:.875rem;font-weight:600}.status-badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 10px}.status-badge.pending{background:#dbeafe;color:#1e40af}.status-badge.success{background:#d1fae5;color:#059669}.status-badge.warning{background:#fef3c7;color:#d97706}.status-badge.danger{background:#fee2e2;color:#dc2626}.empty-state{padding:40px 20px}.side-panel{gap:20px}.brokers-list,.side-panel{display:flex;flex-direction:column}.brokers-list{gap:12px;margin-bottom:16px}.broker-item{background:#f9fafb;gap:12px;padding:12px}.broker-icon,.broker-item{align-items:center;border-radius:8px;display:flex}.broker-icon{background:#e5e7eb;color:#6b7280;height:40px;justify-content:center;width:40px}.broker-info{display:flex;flex:1 1;flex-direction:column}.broker-name{color:#111827;font-size:.875rem}.broker-users{color:#9ca3af;font-size:.75rem}.broker-status{padding:4px 8px}.quick-actions{display:flex;flex-direction:column;gap:8px}.action-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:12px;transition:all .2s ease;width:100%}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-btn.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.action-btn.highlight:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);border-color:#d97706}.action-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 8px}.action-badge.warning{background:#f59e0b}.summary-stats{display:flex;gap:16px;margin-bottom:16px}.summary-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex:1 1;gap:12px;padding:12px}.summary-item .icon.success{color:#10b981}.summary-item .icon.warning{color:#f59e0b}.summary-info{display:flex;flex-direction:column}.summary-value{color:#111827;font-size:1.25rem;font-weight:700}.summary-label{color:#6b7280;font-size:.75rem}.verification-rate{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:12px}.rate-label{font-size:.875rem}.rate-value{font-size:1.5rem;font-weight:700}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.actions-card,.transactions-card{grid-column:span 1}}@media (max-width:1024px){.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.admin-dashboard .stat-card{padding:18px 20px}.admin-dashboard .stat-value{font-size:1.5rem}.side-panel{grid-template-columns:1fr}}@media (max-width:768px){.welcome-section{align-items:flex-start;flex-direction:column}.welcome-text h1{font-size:1.5rem}.admin-dashboard .stats-grid{gap:12px;grid-template-columns:1fr}.admin-dashboard .stat-card{border-radius:14px;gap:14px;padding:16px 18px}.admin-dashboard .stat-card:hover{transform:none}.admin-dashboard .stat-icon svg{height:24px!important;width:24px!important}.admin-dashboard .stat-value{font-size:1.5rem}.admin-dashboard .stat-label{font-size:.8125rem}.admin-dashboard .stat-change{font-size:.6875rem;padding:3px 8px}.table-header,.table-row{gap:8px;grid-template-columns:1fr 1fr}.table-header span:nth-child(2),.table-row .user-name{display:none}.summary-stats{flex-direction:column;gap:8px}}@media (max-width:380px){.admin-dashboard .stat-card{gap:12px;padding:14px 16px}.admin-dashboard .stat-icon svg{height:22px!important;width:22px!important}.admin-dashboard .stat-value{font-size:1.375rem}.admin-dashboard .stat-label{font-size:.75rem}.admin-dashboard .stat-change{font-size:.625rem;padding:2px 6px}}.transaction-review{animation:fadeIn .3s ease-out}.transaction-review .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.transaction-review .loading-container svg{color:#3b82f6}.transaction-review .loading-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.transaction-review .loading-container p{color:#64748b;font-size:.875rem;margin:0}.transaction-review .page-header{margin-bottom:24px}.transaction-review .page-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:4px}.transaction-review .page-header p{color:#64748b;font-size:.9375rem}.transaction-review .filters-card{margin-bottom:20px}.transaction-review .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.transaction-review .search-wrapper{flex:1 1;min-width:250px}.transaction-review .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.transaction-review .filter-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 16px;transition:all .2s ease}.transaction-review .filter-btn:hover{background:#e5e7eb}.transaction-review .filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.transaction-review .transactions-list{display:flex;flex-direction:column;gap:12px}.transaction-review .transaction-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease}.transaction-review .transaction-item:hover{box-shadow:0 4px 12px #0000000d}.transaction-review .transaction-item.mismatched{background:#fffbeb;border-color:#fbbf24}.transaction-review .transaction-main{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr auto}.transaction-review .transaction-info{display:flex;flex-direction:column;gap:4px}.transaction-review .transaction-ref{align-items:center;display:flex;gap:8px}.transaction-review .ref-label{color:#6b7280;font-size:.75rem}.transaction-review .ref-value{color:#4f46e5;font-family:monospace;font-size:.9375rem;font-weight:600}.transaction-review .transaction-broker,.transaction-review .transaction-user{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.transaction-review .transaction-amount{text-align:center}.transaction-review .amount-value{color:#111827;display:block;font-size:1.125rem;font-weight:600}.transaction-review .amount-date{color:#9ca3af;font-size:.75rem}.transaction-review .transaction-status-col{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.transaction-review .status-badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px}.transaction-review .status-badge.pending{background:#dbeafe;color:#1e40af}.transaction-review .status-badge.info{background:#e0e7ff;color:#4338ca}.transaction-review .status-badge.success{background:#d1fae5;color:#059669}.transaction-review .status-badge.warning{background:#fef3c7;color:#d97706}.transaction-review .status-badge.danger{background:#fee2e2;color:#dc2626}.transaction-review .transaction-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.transaction-review .transaction-actions .btn{flex-shrink:0}.transaction-review .transaction-actions .status-text{border-radius:6px;font-size:.8125rem;font-weight:600;padding:6px 12px}.transaction-review .transaction-actions .status-text.completed{background:#d1fae5;color:#059669}.transaction-review .transaction-actions .status-text.rejected{background:#fee2e2;color:#dc2626}.transaction-review .ai-match-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;min-width:48px;padding:4px 10px}.transaction-review .ai-match-badge.approved{background:#d1fae5;color:#059669}.transaction-review .ai-match-badge.good{background:#dbeafe;color:#2563eb}.transaction-review .ai-match-badge.partial{background:#fef3c7;color:#d97706}.transaction-review .ai-match-badge.failed{background:#fee2e2;color:#dc2626}.transaction-review .mismatch-warning-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;margin-top:12px;padding:14px}.transaction-review .mismatch-header{align-items:center;color:#b45309;display:flex;gap:8px;margin-bottom:12px}.transaction-review .mismatch-header strong{font-size:.9375rem}.transaction-review .mismatch-details-grid{display:flex;flex-direction:column;gap:10px}.transaction-review .mismatch-issue-row{background:#fbbf2426;border-radius:6px;font-size:.8125rem;padding:8px 10px}.transaction-review .mismatch-issue-row .issue-type{color:#92400e;font-weight:600}.transaction-review .mismatch-issue-row .issue-desc{color:#78350f;margin-left:4px}.empty-state{color:#9ca3af}.empty-state svg{margin-bottom:16px}.empty-state h3{font-size:1.125rem;margin-bottom:4px}.modal-overlay{z-index:1000}.transaction-review .modal.transaction-detail-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:400px;overflow:hidden;width:100%}.transaction-review .modal.transaction-detail-modal .modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.transaction-review .modal.transaction-detail-modal .modal-header h2{color:#111827;font-size:.9375rem;font-weight:600;margin:0}.transaction-review .modal.transaction-detail-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.transaction-review .modal.transaction-detail-modal .modal-close:hover{background:#f3f4f6;color:#374151}.transaction-review .modal.transaction-detail-modal .modal-body{max-height:60vh;overflow-y:auto;padding:16px 20px}.transaction-review .detail-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.transaction-review .detail-divider{background:#f3f4f6;height:1px;margin:4px 0}.transaction-review .detail-label{color:#6b7280;font-size:.8125rem}.transaction-review .detail-value{align-items:center;color:#111827;display:flex;font-size:.875rem;font-weight:500;gap:6px;text-align:right}.transaction-review .detail-value.mono{color:#4f46e5;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;letter-spacing:.3px}.transaction-review .detail-value.amount-highlight{color:#059669;font-size:1rem;font-weight:700}.transaction-review .receipt-section-simple{padding:12px 0}.transaction-review .receipt-preview-container{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:10px;position:relative}.transaction-review .receipt-preview-img{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;max-height:180px;max-width:100%;transition:all .2s ease}.transaction-review .receipt-preview-img:hover{box-shadow:0 4px 12px #0000001a}.transaction-review .view-receipt-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:6px 12px;transition:all .15s ease}.transaction-review .view-receipt-btn:hover{background:#e5e7eb}.transaction-review .ai-section-simple{padding:12px 0}.transaction-review .ai-section-header-simple{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.transaction-review .ai-status-mini{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px}.transaction-review .ai-status-mini.approved{background:#d1fae5;color:#059669}.transaction-review .ai-status-mini.failed{background:#fee2e2;color:#dc2626}.transaction-review .ai-status-mini.manual-review{background:#fef3c7;color:#d97706}.transaction-review .verify-btn-simple{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.transaction-review .verify-btn-simple:hover{background:#4338ca}.transaction-review .verifying-simple{align-items:center;color:#6366f1;display:flex;font-size:.875rem;gap:10px;justify-content:center;padding:14px}.transaction-review .verifying-simple .spin{animation:spin 1s linear infinite}.transaction-review .verify-error-simple{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.8125rem;justify-content:space-between;padding:10px 12px}.transaction-review .verify-error-simple button{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 10px}.transaction-review .verify-error-simple button:hover{background:#fecaca}.transaction-review .verify-result-simple{display:flex;flex-direction:column;gap:10px}.transaction-review .result-status{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:12px}.transaction-review .result-status.approved{background:#d1fae5;color:#059669}.transaction-review .result-status.failed{background:#fee2e2;color:#dc2626}.transaction-review .result-status.manual-review{background:#fef3c7;color:#d97706}.transaction-review .result-status .confidence{font-size:.8125rem;font-weight:400;opacity:.8}.transaction-review .failure-list-simple{display:flex;flex-direction:column;gap:6px}.transaction-review .failure-item{align-items:flex-start;background:#fef3c7;border-radius:6px;color:#92400e;display:flex;font-size:.75rem;gap:6px;padding:8px 10px}.transaction-review .failure-item svg{flex-shrink:0;margin-top:1px}.transaction-review .reverify-simple{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.8125rem;gap:6px;justify-content:center;padding:8px 12px;transition:all .15s ease}.transaction-review .reverify-simple:hover{background:#e5e7eb;color:#374151}.transaction-review .modal.transaction-detail-modal .modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.zoom-overlay{animation:fadeIn .2s ease-out;background:#000000e6;bottom:0;cursor:zoom-out;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1100}.zoom-close,.zoom-overlay{align-items:center;display:flex;justify-content:center}.zoom-close{background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;height:48px;position:absolute;right:20px;top:20px;transition:all .2s ease;width:48px;z-index:1101}.zoom-close:hover{background:#ffffff40;transform:scale(1.1)}.zoomed-image{animation:zoomIn .3s ease-out;border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:default;max-height:95vh;max-width:95vw;object-fit:contain}.message-modal{max-width:550px}.message-modal .modal-header{border-bottom:1px solid #e5e7eb;padding:20px 24px}.message-modal .modal-header h2{align-items:center;display:flex;font-size:1.125rem;gap:10px}.message-modal .modal-header h2 svg{color:#25d366}.message-modal .modal-body{padding:24px}.message-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.message-modal .modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s ease}.message-modal .modal-close:hover{background:#f3f4f6;color:#374151}.recipient-info{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.recipient-avatar{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;width:56px}.recipient-details{color:#fff;display:flex;flex-direction:column}.recipient-name{font-size:1.125rem;font-weight:600}.recipient-phone{align-items:center;display:flex;font-size:.875rem;gap:6px;opacity:.9}.message-type-section{margin-bottom:20px}.section-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:12px}.message-type-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.message-type-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px 16px;transition:all .2s ease}.message-type-option:hover{background:#f3f4f6;border-color:#d1d5db}.message-type-option.active{background:#f0fdf4;border-color:#25d366}.message-type-option input{display:none}.message-type-option svg{color:#6b7280}.message-type-option.active svg{color:#25d366}.message-type-option span{color:#374151;font-size:.875rem;font-weight:500}.message-content-section{margin-bottom:20px}.message-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;max-height:200px;overflow-y:auto;padding:16px}.message-preview pre{word-wrap:break-word;color:#374151;font-family:inherit;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.custom-message-input{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.9375rem;line-height:1.5;padding:14px 16px;resize:vertical;transition:all .2s ease;width:100%}.custom-message-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;outline:none}.custom-message-input::placeholder{color:#9ca3af}.transaction-summary{background:#f3f4f6;border-radius:10px;display:flex;gap:12px;padding:12px}.transaction-summary .summary-item{flex:1 1;text-align:center}.transaction-summary .summary-item .label{color:#6b7280;display:block;font-size:.6875rem;margin-bottom:4px;text-transform:uppercase}.transaction-summary .summary-item .value{color:#111827;font-size:.875rem;font-weight:600}.message-sent-success{padding:30px 20px;text-align:center}.message-sent-success .success-icon{color:#25d366;margin-bottom:20px}.message-sent-success h3{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:8px}.message-sent-success p{color:#6b7280;font-size:.9375rem;margin-bottom:8px}.message-sent-success .phone-sent{background:#f0fdf4;border-radius:20px;color:#166534;display:inline-block;font-size:.875rem;font-weight:500;padding:6px 12px}.transaction-detail-modal-new{animation:modalSlideIn .25s ease-out;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:95%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-new{align-items:center;background:linear-gradient(135deg,#1e3a5f,#0f172a);color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.modal-header-left h2{font-size:1.125rem;font-weight:600;margin:0}.modal-ref{font-family:monospace;font-size:.75rem;opacity:.7}.modal-header-right{align-items:center;display:flex;gap:12px}.modal-close-new{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-new:hover{background:#fff3}.modal-body-new{flex:1 1;overflow-y:auto;padding:0}.receipt-section-top{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:16px 20px}.receipt-header{justify-content:space-between;margin-bottom:12px}.receipt-header,.receipt-title{align-items:center;display:flex}.receipt-title{color:#374151;font-size:.875rem;font-weight:600;gap:8px}.view-full-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:6px 12px;transition:all .15s}.view-full-btn:hover{background:#f3f4f6;color:#374151}.receipt-image-wrapper{display:flex;justify-content:center}.receipt-image-large{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;max-height:200px;max-width:100%;object-fit:contain;transition:all .2s}.receipt-image-large:hover{box-shadow:0 4px 12px #0000001a}.comparison-section{padding:20px}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.comparison-title{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:600;gap:8px}.ai-match-badge.large{border-radius:20px;font-size:1rem;font-weight:700;min-width:60px;padding:6px 14px}.ai-match-badge.large.approved{background:#d1fae5;color:#059669}.ai-match-badge.large.good{background:#dbeafe;color:#2563eb}.ai-match-badge.large.partial{background:#fef3c7;color:#d97706}.ai-match-badge.large.failed{background:#fee2e2;color:#dc2626}.comparison-columns-header{grid-gap:8px;background:#f1f5f9;border-radius:8px;display:grid;gap:8px;grid-template-columns:140px 1fr 1fr;margin-bottom:8px;padding:10px 12px}.column-header{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:6px;text-transform:uppercase}.column-header:first-child{visibility:hidden}.column-icon{font-size:.875rem}.checklist-container{display:flex;flex-direction:column;gap:4px}.checklist-item{grid-gap:8px;align-items:center;border:1px solid #0000;border-radius:8px;display:grid;gap:8px;grid-template-columns:32px 120px 1fr 1fr;padding:10px 12px;transition:all .15s}.checklist-item:hover{background:#f8fafc}.checklist-item.match{background:#f0fdf4;border-color:#86efac}.checklist-item.match .checklist-icon{color:#22c55e}.checklist-item.mismatch{background:#fef2f2;border-color:#fca5a5}.checklist-item.mismatch .checklist-icon{color:#ef4444}.checklist-item.pending{background:#f8fafc;border-color:#e5e7eb}.checklist-item.pending .checklist-icon{color:#9ca3af}.checklist-item.info{background:#f8fafc;border-color:#e5e7eb}.checklist-item.info .checklist-icon{color:#6b7280}.checklist-icon{align-items:center;display:flex;justify-content:center}.checklist-label{color:#374151;font-size:.8125rem;font-weight:500}.checklist-expected,.checklist-extracted{color:#1e293b;font-size:.8125rem;word-break:break-word}.checklist-expected{background:#3b82f614;border-left:3px solid #3b82f6;border-radius:6px;padding:6px 10px}.checklist-extracted{background:#a855f714;border-left:3px solid #a855f7;border-radius:6px;padding:6px 10px}.font-mono{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem}.failure-reasons-box{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:16px;padding:12px}.failure-header{align-items:center;color:#dc2626;display:flex;font-size:.8125rem;font-weight:600;gap:8px;margin-bottom:8px}.failure-list{margin:0;padding-left:24px}.failure-list li{color:#991b1b;font-size:.75rem;margin-bottom:4px}.ai-actions-bar{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.ai-actions-bar.top-position{border-top:none;margin-top:16px;padding:0}.ai-verify-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.ai-verify-btn:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.ai-verifying{background:#f3f4f6;color:#6b7280;font-size:.875rem;justify-content:center}.ai-error,.ai-verifying{align-items:center;border-radius:10px;display:flex;gap:10px;padding:12px}.ai-error{background:#fef2f2;color:#dc2626;font-size:.8125rem}.ai-error button{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.75rem;gap:4px;margin-left:auto;padding:6px 12px}.ai-error button,.ai-reverify-btn{align-items:center;cursor:pointer;display:flex}.ai-reverify-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.8125rem;gap:8px;justify-content:center;padding:10px;transition:all .15s;width:100%}.ai-reverify-btn:hover{background:#e5e7eb}.modal-footer-new{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}@media (max-width:768px){.transaction-detail-modal-new{border-radius:12px 12px 0 0;max-height:95vh}.comparison-columns-header{display:none}.checklist-item{gap:10px;grid-template-columns:28px 1fr}.checklist-label{font-weight:600;grid-column:span 1}.checklist-expected,.checklist-extracted{grid-column:2;margin-left:0}.checklist-expected:before{color:#3b82f6;content:"Expected: ";font-weight:600}.checklist-extracted:before{color:#a855f7;content:"Found: ";font-weight:600}.modal-footer-new{flex-wrap:wrap}.modal-footer-new button{flex:1 1;min-width:100px}}@media (max-width:1024px){.transaction-review .transaction-main{gap:12px;grid-template-columns:1fr}.transaction-review .transaction-amount{text-align:left}.transaction-review .transaction-status-col{flex-direction:row;flex-wrap:wrap}.transaction-review .transaction-actions{justify-content:flex-start}}@media (max-width:768px){.transaction-review .page-header h1{font-size:1.5rem}.transaction-review .filters-row{align-items:stretch;flex-direction:column}.transaction-review .search-wrapper{min-width:100%}.transaction-review .filter-buttons{overflow-x:auto;padding-bottom:8px}.transaction-review .filter-btn{font-size:.8rem;padding:6px 12px;white-space:nowrap}.transaction-review .transaction-item{padding:12px}.transaction-review .modal.transaction-detail-modal{margin:10px;max-width:95%}.transaction-review .modal.transaction-detail-modal .modal-header{padding:14px 16px}.transaction-review .modal.transaction-detail-modal .modal-body{padding:12px 16px}.transaction-review .detail-row{padding:8px 0}.transaction-review .detail-label{font-size:.75rem}.transaction-review .detail-value{font-size:.8125rem}.transaction-review .modal.transaction-detail-modal .modal-footer{padding:12px 16px}.message-modal{margin:10px;max-width:95%}.message-type-options{grid-template-columns:1fr}.transaction-summary{flex-direction:column;gap:8px}.transaction-summary .summary-item{border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0;text-align:left}.transaction-summary .summary-item:last-child{border-bottom:none}}.transaction-review .decision-modal{max-width:480px;width:100%}.transaction-review .decision-modal .modal-header.approve-header{background:linear-gradient(135deg,#10b981,#059669)}.transaction-review .decision-modal .modal-header.reject-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.transaction-review .decision-modal .modal-close,.transaction-review .decision-modal .modal-header h2{color:#fff}.transaction-review .decision-modal .modal-close:hover{background:#ffffff1a}.transaction-review .decision-transaction-info{background:#f8fafc;border-radius:12px;margin-bottom:20px;padding:16px}.transaction-review .decision-transaction-info .info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.transaction-review .decision-transaction-info .info-row:last-child{border-bottom:none}.transaction-review .decision-transaction-info .label{color:#64748b;font-size:.875rem;font-weight:500}.transaction-review .decision-transaction-info .value{color:#1e293b;font-size:.9375rem;font-weight:600}.transaction-review .decision-transaction-info .value.amount{color:#10b981;font-size:1rem}.transaction-review .comment-section{margin-bottom:8px}.transaction-review .comment-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.transaction-review .comment-label .required{color:#ef4444}.transaction-review .comment-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9375rem;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.transaction-review .comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.transaction-review .comment-input::placeholder{color:#9ca3af}.transaction-review .error-hint{color:#ef4444;display:block;font-size:.8125rem;margin-top:6px}@media (max-width:768px){.transaction-review .decision-modal{margin:10px;max-width:95%}.transaction-review .decision-transaction-info{padding:12px}.transaction-review .decision-transaction-info .info-row{padding:6px 0}}.transaction-review .bank-logo-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;overflow:hidden;width:24px}.transaction-review .bank-logo{height:100%;object-fit:contain;padding:2px;width:100%}.transaction-review .bank-logo-fallback{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;width:100%}.transaction-review .transaction-broker{align-items:center;display:flex;gap:8px}.transaction-review .transaction-broker .bank-logo-wrapper{background:#0000;border:none}.account-verification-page{animation:fadeIn .3s ease-out}.account-verification-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.account-verification-page .loading-container svg{color:#3b82f6}.account-verification-page .loading-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.account-verification-page .loading-container p{color:#64748b;font-size:.875rem;margin:0}.account-verification-page .page-header{margin-bottom:24px}.account-verification-page .page-header h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 8px}.account-verification-page .page-header p{color:#64748b;font-size:.95rem;margin:0}.account-verification-page .stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.account-verification-page .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;overflow:hidden;padding:20px 24px;position:relative;text-align:left;transition:all .2s ease}.account-verification-page .stat-card:hover{box-shadow:0 4px 12px #00000014}.account-verification-page .stat-card:hover .stat-icon{transform:scale(1.08)}.account-verification-page .stat-card:hover .stat-icon svg{animation:iconPulse .6s ease}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.account-verification-page .stat-card.pending .stat-icon{color:#f59e0b}.account-verification-page .stat-card.pending:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.account-verification-page .stat-card.wallet .stat-icon{color:#8b5cf6}.account-verification-page .stat-card.wallet:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.account-verification-page .stat-card.bank .stat-icon{color:#3b82f6}.account-verification-page .stat-card.bank:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.account-verification-page .stat-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;transition:transform .3s ease}.account-verification-page .stat-decoration{display:none}.account-verification-page .stat-info{display:flex;flex-direction:column;gap:2px}.account-verification-page .stat-value{color:#111827;font-size:1.75rem;font-weight:700;line-height:1.2}.account-verification-page .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.account-verification-page .filters-card{margin-bottom:20px}.account-verification-page .accounts-list-card,.account-verification-page .accounts-list-card .card-content{width:100%}.account-verification-page .filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.account-verification-page .search-wrapper{flex:1 1;min-width:250px}.account-verification-page .search-box{align-items:center;background:#f9fafb;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:12px;padding:10px 16px;transition:all .2s ease}.account-verification-page .search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.account-verification-page .search-box svg{color:#94a3b8;flex-shrink:0}.account-verification-page .search-box input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.95rem;outline:none}.account-verification-page .search-box input::placeholder{color:#94a3b8}.account-verification-page .filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.account-verification-page .filter-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s ease}.account-verification-page .filter-btn:hover{background:#e5e7eb}.account-verification-page .filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.account-verification-page .accounts-list{display:flex;flex-direction:column;gap:12px;width:100%}.account-verification-page .account-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s ease;width:100%}.account-verification-page .account-item:hover{box-shadow:0 4px 12px #0000000d}.account-verification-page .account-main{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr auto;width:100%}.account-verification-page .account-info{display:flex;flex-direction:column;gap:4px}.account-verification-page .account-ref{gap:8px}.account-verification-page .ref-label{color:#6b7280;font-size:.75rem}.account-verification-page .ref-value{color:#4f46e5;font-size:.9375rem;font-weight:600}.account-verification-page .account-cnic-row,.account-verification-page .account-user{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.account-verification-page .account-number-section{text-align:center}.account-verification-page .account-number-value{color:#111827;display:block;font-family:SF Mono,Monaco,monospace;font-size:1rem;font-weight:600;letter-spacing:.5px}.account-verification-page .account-date{color:#9ca3af;font-size:.75rem}.account-verification-page .account-status{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.account-verification-page .type-badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px}.account-verification-page .type-badge.wallet{background:#f3e8ff;color:#7c3aed}.account-verification-page .type-badge.bank{background:#dbeafe;color:#1e40af}.account-verification-page .status-badge{border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;padding:4px 12px}.account-verification-page .status-badge.pending{background:#fef3c7;color:#d97706}.account-verification-page .account-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.account-verification-page .account-actions .btn{flex-shrink:0}.account-verification-page .empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:48px 24px;text-align:center}.account-verification-page .empty-state svg{color:#10b981}.account-verification-page .empty-state h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.account-verification-page .empty-state p{color:#64748b;font-size:.95rem;margin:0}.account-verification-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.account-verification-page .modal.account-detail-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:360px;overflow:hidden;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.account-verification-page .modal.account-detail-modal .modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.account-verification-page .modal.account-detail-modal .modal-header h2{color:#111827;font-size:.9375rem;font-weight:600;margin:0}.account-verification-page .modal.account-detail-modal .modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .15s ease}.account-verification-page .modal.account-detail-modal .modal-close:hover{background:#f3f4f6;color:#374151}.account-verification-page .modal.account-detail-modal .modal-body{padding:16px 20px}.account-verification-page .detail-row{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.account-verification-page .detail-divider{background:#f3f4f6;height:1px;margin:4px 0}.account-verification-page .detail-label{color:#6b7280;font-size:.8125rem}.account-verification-page .detail-value{align-items:center;color:#111827;display:flex;font-size:.875rem;font-weight:500;gap:6px;text-align:right}.account-verification-page .detail-value.mono{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.8125rem;letter-spacing:.3px}.account-verification-page .detail-value.copyable{border-radius:6px;cursor:pointer;margin:-4px -8px;padding:4px 8px;transition:all .15s ease}.account-verification-page .detail-value.copyable:hover{background:#f3f4f6}.account-verification-page .detail-value.copyable svg{color:#9ca3af;flex-shrink:0;opacity:0;transition:opacity .15s ease}.account-verification-page .detail-value.copyable:hover svg{opacity:1}.account-verification-page .detail-value.copyable.copied{background:#ecfdf5}.account-verification-page .detail-value.copyable.copied svg{color:#10b981;opacity:1}.account-verification-page .modal.account-detail-modal .modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.account-verification-page .review-note{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:.85rem;line-height:1.5;padding:8px 12px}.account-verification-page .document-section{margin-top:16px}.account-verification-page .document-header{align-items:center;color:#374151;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:12px}.account-verification-page .document-preview{display:flex;flex-direction:column;gap:12px}.account-verification-page .document-image{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;max-height:300px;object-fit:contain;transition:transform .2s ease,box-shadow .2s ease;width:100%}.account-verification-page .document-image:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}.account-verification-page .document-info{align-items:center;display:flex;justify-content:space-between}.account-verification-page .document-name{color:#6b7280;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-verification-page .no-document{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:32px}.account-verification-page .no-document p{font-size:.9rem;margin:8px 0 0}.account-verification-page .image-zoom-overlay{background:#000000e6}.account-verification-page .image-zoom-modal{background:#0000;display:flex;flex-direction:column;height:95vh;max-width:none;width:95vw}.account-verification-page .zoom-header{align-items:center;background:#00000080;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px}.account-verification-page .zoom-controls{align-items:center;display:flex;gap:12px}.account-verification-page .zoom-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background .2s ease}.account-verification-page .zoom-btn:hover:not(:disabled){background:#fff3}.account-verification-page .zoom-btn:disabled{cursor:not-allowed;opacity:.5}.account-verification-page .zoom-level{color:#fff;font-size:.9rem;font-weight:500;min-width:50px;text-align:center}.account-verification-page .zoom-header .modal-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s ease}.account-verification-page .zoom-header .modal-close:hover{background:#fff3}.account-verification-page .zoom-image-container{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:20px}.account-verification-page .zoom-image-container img{border-radius:8px;max-height:100%;max-width:100%;object-fit:contain;transition:transform .2s ease}.account-verification-page .approve-modal,.account-verification-page .reject-modal{animation:modalFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:380px;overflow:hidden;width:100%}.account-verification-page .approve-modal .modal-header,.account-verification-page .reject-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:10px;padding:16px 20px}.account-verification-page .modal-header.approve{background:#f0fdf4}.account-verification-page .modal-header.approve .modal-icon{color:#16a34a}.account-verification-page .modal-header.approve h3{color:#166534;font-size:1rem;font-weight:600;margin:0}.account-verification-page .modal-header.reject{background:#fef2f2}.account-verification-page .modal-header.reject .modal-icon{color:#dc2626}.account-verification-page .modal-header.reject h3{color:#991b1b;font-size:1rem;font-weight:600;margin:0}.account-verification-page .approve-modal .modal-body,.account-verification-page .reject-modal .modal-body{padding:20px}.account-verification-page .approve-modal .modal-body p,.account-verification-page .reject-modal .modal-body p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 12px}.account-verification-page .approve-modal .modal-body textarea,.account-verification-page .reject-modal .modal-body textarea{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:.875rem;min-height:80px;padding:10px 12px;resize:vertical;transition:all .15s ease;width:100%}.account-verification-page .approve-modal .modal-body textarea:focus,.account-verification-page .reject-modal .modal-body textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.account-verification-page .modal-actions{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.account-verification-page .copy-toast{animation:toastFadeIn .2s ease;background:#1f2937;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:.8125rem;font-weight:500;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);z-index:1100}@keyframes toastFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.account-verification-page .account-main{gap:12px;grid-template-columns:1fr}.account-verification-page .account-number-section{text-align:left}.account-verification-page .account-status{flex-direction:row;flex-wrap:wrap}.account-verification-page .account-actions{justify-content:flex-start}}@media (max-width:768px){.account-verification-page .stats-row{gap:12px;grid-template-columns:1fr}.account-verification-page .stat-card{padding:18px 20px}.account-verification-page .filters-row{flex-direction:column}.account-verification-page .search-wrapper{min-width:100%}.account-verification-page .filter-buttons{overflow-x:auto;padding-bottom:8px;width:100%}.account-verification-page .filter-btn{font-size:.8rem;padding:8px 12px}.account-verification-page .account-item{padding:12px}.account-verification-page .modal.account-detail-modal{margin:10px;max-width:95%}.account-verification-page .modal.account-detail-modal .modal-header{padding:14px 16px}.account-verification-page .modal.account-detail-modal .modal-body{padding:12px 16px}.account-verification-page .detail-row{padding:8px 0}.account-verification-page .detail-label{font-size:.75rem}.account-verification-page .detail-value{font-size:.8125rem}.account-verification-page .modal.account-detail-modal .modal-footer{padding:12px 16px}.account-verification-page .approve-modal,.account-verification-page .reject-modal{margin:10px;max-width:95%}.account-verification-page .approve-modal .modal-header,.account-verification-page .reject-modal .modal-header{padding:14px 16px}.account-verification-page .approve-modal .modal-body,.account-verification-page .reject-modal .modal-body{padding:16px}.account-verification-page .modal-actions{flex-direction:column;gap:6px;padding:12px 16px}.account-verification-page .modal-actions button{width:100%}}.account-verification-page .bank-logo-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.account-verification-page .bank-logo{height:100%;object-fit:contain;padding:4px;width:100%}.account-verification-page .bank-logo-fallback{align-items:center;color:#6b7280;display:flex;height:100%;justify-content:center;width:100%}.account-verification-page .account-ref{align-items:center;display:flex;gap:10px}.account-verification-page .account-ref-text{display:flex;flex-direction:column;gap:2px}.account-verification-page .detail-value.with-logo{align-items:center;display:flex;gap:10px}.account-verification-page .detail-value.with-logo .bank-logo-wrapper{height:32px;width:32px}.account-verification-page .bank-detail-row .detail-value{align-items:center;display:flex;gap:10px}.user-management{animation:fadeIn .3s ease-out}.user-management .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.user-management .loading-container svg{color:#3b82f6}.user-management .loading-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.user-management .loading-container p{color:#64748b;font-size:.875rem;margin:0}.filters-card{margin-bottom:24px}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.search-wrapper{flex:1 1;min-width:250px}.broker-filter .select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;font-size:1rem;min-width:180px;padding:12px 16px}.broker-filter .select:focus{border-color:#4f46e5;outline:none}.users-table-card{overflow:hidden}.users-table{overflow-x:auto}.users-table-header,.users-table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:1.5fr 1.5fr 1.2fr 1fr 1.2fr .8fr;padding:14px 0}.users-table-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table-row{border-bottom:1px solid #f3f4f6;transition:background .2s ease}.users-table-row:hover{background:#f9fafb}.users-table-row:last-child{border-bottom:none}.users-table-row .user-name{color:#111827;font-size:.9375rem;font-weight:500}.users-table-row .user-cnic{color:#1e293b;font-family:monospace;font-size:.875rem}.users-table-row .user-phone{color:#374151;font-size:.875rem}.users-table-row .user-txns{color:#111827;font-size:.875rem;font-weight:600}.users-table-row .user-volume{color:#059669;font-size:.875rem;font-weight:600}.view-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.view-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.users-table .empty-state{color:#9ca3af;padding:60px 20px;text-align:center}.users-table .empty-state svg{margin-bottom:16px}.users-table .empty-state h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:4px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:500}.modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;max-height:90vh;max-width:560px;overflow:auto;width:100%}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#111827;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h4{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:12px;text-transform:uppercase}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{background:#f9fafb;border-radius:8px;padding:12px}.info-item .label{color:#6b7280;display:block;font-size:.75rem;margin-bottom:4px}.info-item .value{color:#111827;font-size:.9375rem;font-weight:500}.cnic-images-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.cnic-image-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.cnic-image-label{align-items:center;background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:.8125rem;font-weight:600;gap:8px;padding:10px 12px}.cnic-image-container{align-items:center;aspect-ratio:16/10;background:#fff;display:flex;justify-content:center;position:relative}.cnic-image{cursor:pointer;height:100%;object-fit:cover;transition:transform .2s ease,opacity .2s ease;width:100%}.cnic-image:hover{opacity:.9;transform:scale(1.02)}.cnic-image-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:20px;text-align:center}.cnic-image-placeholder span{color:#9ca3af;font-size:.75rem}.cnic-zoom-hint{background:#0009;border-radius:6px;bottom:8px;color:#fff;opacity:0;padding:6px;pointer-events:none;position:absolute;right:8px;transition:opacity .2s ease}.cnic-image-container:hover .cnic-zoom-hint{opacity:1}.image-zoom-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.image-zoom-container{animation:zoomIn .3s ease-out;background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.image-zoom-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.image-zoom-header h3{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.image-zoom-close{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.image-zoom-close:hover{background:#f3f4f6;color:#111827}.image-zoom-content{align-items:center;display:flex;justify-content:center;overflow:auto;padding:20px}.image-zoom-content img{border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:70vh;max-width:100%;object-fit:contain}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.stat-box{align-items:center;background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;gap:12px;padding:12px}.stat-box.completed{background:#d1fae5;color:#059669}.stat-box.pending{background:#dbeafe;color:#1e40af}.stat-info{display:flex;flex-direction:column}.stat-info .stat-value{color:inherit;font-size:1.25rem;font-weight:700}.stat-info .stat-label{font-size:.6875rem;opacity:.8;text-transform:uppercase}.total-volume{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:12px}.total-volume .label{font-size:.875rem}.total-volume .value{font-size:1.125rem;font-weight:700}.no-accounts{color:#9ca3af;font-size:.875rem;padding:20px;text-align:center}.accounts-list-modal{display:flex;flex-direction:column;gap:10px}.account-item{align-items:center;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px}.account-item.approved{background:#f0fdf4;border-left-color:#10b981}.account-item.pending{background:#fffbeb;border-left-color:#f59e0b}.account-item.rejected{background:#fef2f2;border-left-color:#ef4444}.account-icon{align-items:center;background:#fff;border-radius:8px;color:#6b7280;display:flex;height:36px;justify-content:center;width:36px}.account-item.approved .account-icon{color:#10b981}.account-item.pending .account-icon{color:#f59e0b}.account-item.rejected .account-icon{color:#ef4444}.account-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.account-bank{color:#111827;font-size:.875rem;font-weight:500}.account-number{color:#6b7280;font-family:monospace;font-size:.8125rem}.rejection-reason{color:#dc2626;font-size:.75rem;font-style:italic}.account-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 10px}.account-status.approved{background:#d1fae5;color:#059669}.account-status.pending{background:#fef3c7;color:#d97706}.account-status.rejected{background:#fee2e2;color:#dc2626}.recent-transactions{display:flex;flex-direction:column;gap:8px}.transaction-row{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:12px}.txn-info{display:flex;flex:1 1;flex-direction:column}.txn-ref{color:#4f46e5;font-family:monospace;font-size:.875rem;font-weight:500}.txn-date{color:#9ca3af;font-size:.75rem}.txn-amount{color:#111827;font-size:.875rem;font-weight:600}.txn-status{border-radius:8px;font-size:.75rem;font-weight:500;padding:4px 8px}.txn-status.completed{background:#d1fae5;color:#059669}.txn-status.pending_review{background:#dbeafe;color:#1e40af}.no-transactions{color:#9ca3af;font-size:.875rem;padding:20px;text-align:center}.extraction-section{border-top:1px dashed #e5e7eb;margin-top:16px;padding-top:16px}.extract-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.extract-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f166;transform:translateY(-2px)}.extract-btn:active:not(:disabled){transform:translateY(0)}.extract-btn:disabled{cursor:not-allowed;opacity:.7}.extract-btn.extracting{background:linear-gradient(135deg,#818cf8,#a78bfa)}.extract-btn .sparkle{animation:sparkle 1.5s ease-in-out infinite;color:#fcd34d}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.ai-config-info{color:#6b7280;font-size:.75rem;margin-top:8px;text-align:center}.extraction-error{align-items:flex-start;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:10px;margin-top:12px;padding:12px}.extraction-error svg{flex-shrink:0;margin-top:2px}.extraction-result{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;margin-top:16px;overflow:hidden}.extraction-result-header{align-items:center;background:#dcfce7;color:#166534;display:flex;font-size:.875rem;font-weight:600;gap:10px;padding:12px 16px}.extracted-fields{display:flex;flex-direction:column;gap:12px;padding:16px}.extracted-field{display:flex;flex-direction:column;gap:4px}.extracted-field label{color:#166534;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.extracted-field span{background:#fff;border:1px solid #d1fae5;border-radius:6px;color:#1f2937;font-size:.9375rem;padding:8px 12px}.extraction-actions{background:#dcfce7;border-top:1px solid #86efac;display:flex;gap:10px;padding:12px 16px}.save-extracted-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.save-extracted-btn:hover{background:#16a34a}.cancel-extraction-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.cancel-extraction-btn:hover{background:#f9fafb;color:#374151}.extraction-progress{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;display:flex;gap:16px;margin-top:12px;padding:20px}.extraction-progress .spinning{color:#0284c7;flex-shrink:0}.progress-info{flex:1 1}.progress-message{color:#0369a1;display:block;font-size:.875rem;margin-bottom:8px}.progress-bar{background:#e0f2fe;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0284c7,#0ea5e9);border-radius:3px;height:100%;transition:width .3s ease}.confidence-badge{background:#166534;border-radius:20px;color:#fff;font-size:.75rem;font-weight:500;margin-left:auto;padding:4px 10px}.edit-input{border:2px solid #22c55e;border-radius:6px;font-size:.9375rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.edit-input:focus{border-color:#16a34a}.edit-extracted-btn{align-items:center;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.edit-extracted-btn:hover{background:#e2e8f0;color:#334155}.extracted-field.urdu label{color:#0369a1}.urdu-text{direction:rtl;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:1.125rem!important;text-align:right}.extracted-field .mono{font-family:SF Mono,Monaco,Consolas,monospace;letter-spacing:1px}.raw-text-details{background:#f8fafc;border-top:1px solid #e2e8f0;margin-top:12px;padding:12px 16px}.raw-text-details summary{color:#64748b;cursor:pointer;font-size:.8125rem;font-weight:500}.raw-text-details summary:hover{color:#475569}.raw-text{background:#1e293b;border-radius:6px;color:#e2e8f0;font-family:SF Mono,Monaco,monospace;font-size:.75rem;margin-top:10px;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-all}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width:1024px){.users-table-header,.users-table-row{grid-template-columns:1.5fr 1.5fr 1fr .8fr}.users-table-header span:nth-child(3),.users-table-header span:nth-child(5),.users-table-row .user-phone,.users-table-row .user-volume{display:none}}@media (max-width:640px){.page-header h1{font-size:1.5rem}.filters-row{align-items:stretch;flex-direction:column}.search-wrapper{min-width:100%}.broker-filter .select{width:100%}.users-table-header,.users-table-row{font-size:.8125rem;gap:8px;grid-template-columns:1fr 1fr .6fr}.users-table-header span:nth-child(4),.users-table-row .user-txns{display:none}.view-btn{font-size:.75rem;padding:6px 10px}.view-btn span{display:none}.modal{border-radius:16px 16px 0 0;bottom:0;margin:0;max-height:100vh;position:fixed}.cnic-images-grid,.info-grid,.modal .stats-grid{grid-template-columns:1fr}.transaction-row{flex-wrap:wrap}}.user-management .bank-logo-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.user-management .bank-logo{height:100%;object-fit:contain;padding:3px;width:100%}.user-management .bank-logo-fallback{color:#6b7280;height:100%;width:100%}.user-management .account-icon,.user-management .bank-logo-fallback{align-items:center;display:flex;justify-content:center}.user-management .account-icon .bank-logo-wrapper{background:#0000;border:none}.reports-page{animation:fadeIn .3s ease-out}.reports-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.reports-page .loading-container svg{color:#3b82f6}.reports-page .loading-container h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.reports-page .loading-container p{color:#64748b;font-size:.875rem;margin:0}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;position:relative;z-index:10}.page-header h1{color:#fff!important;font-size:1.75rem;font-weight:700;margin-bottom:4px}.page-header p{color:#fffc!important;font-size:.9375rem}.header-actions{gap:12px;z-index:100}.date-filter,.header-actions{align-items:center;display:flex;position:relative}.date-filter{background:#fff;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;font-size:.875rem;font-weight:500;gap:8px;height:40px;overflow:visible;padding:10px 16px;transition:all .2s ease}.date-filter:hover{background:#1e3a8a;color:#fff}.date-filter:hover svg{color:#fff}.date-filter .select,.date-filter svg{color:#1e3a5f;transition:all .2s ease}.date-filter .select{-webkit-appearance:menulist;appearance:menulist;background:#0000;border:none;cursor:pointer;font-size:.875rem;font-weight:500;min-width:100px;outline:none;padding-right:8px}.date-filter:hover .select{color:#fff}.date-filter .select option{background:#fff;color:#1e3a5f;padding:10px}.export-dropdown-wrapper{position:relative;z-index:100}.export-btn{align-items:center;background:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:40px;padding:10px 16px}.export-btn,.export-btn svg{color:#1e3a5f;transition:all .2s ease}.export-btn svg.rotate{transform:rotate(180deg)}.export-btn:hover{background:#1e3a8a;color:#fff}.export-btn:hover svg{color:#fff}.export-dropdown-portal{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 40px #00000040;min-width:220px;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-portal button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:10px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.export-dropdown-portal button:hover{background:#f3f4f6;color:#1e3a8a}.export-dropdown-portal button:hover svg{color:#1e3a8a}.export-dropdown-portal button svg{color:#6b7280;transition:all .15s ease}.export-dropdown-portal button:not(:last-child){border-bottom:1px solid #f3f4f6}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.metric-card{transition:transform .2s ease}.metric-card:hover{transform:translateY(-2px)}.metric-card .card-content{align-items:center;display:flex;gap:16px}.metric-icon{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.metric-content{display:flex;flex:1 1;flex-direction:column}.metric-value{color:#111827;font-size:1.5rem;font-weight:700}.metric-title{color:#6b7280;font-size:.8125rem}.metric-change{border-radius:8px;font-size:.75rem;font-weight:500;padding:4px 8px}.metric-change.positive{background:#d1fae5;color:#059669}.metric-change.warning{background:#fef3c7;color:#d97706}.metric-change.negative{background:#fee2e2;color:#dc2626}.reports-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.chart-card{min-height:300px}.status-breakdown{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.status-item{align-items:center;display:flex;gap:12px}.status-bar{background:#f3f4f6;border-radius:6px;flex:1 1;height:12px;overflow:hidden}.status-fill{border-radius:6px;height:100%;transition:width .5s ease}.status-fill.completed{background:linear-gradient(90deg,#10b981,#34d399)}.status-fill.pending{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.status-fill.rejected{background:linear-gradient(90deg,#ef4444,#f87171)}.status-info{display:flex;justify-content:space-between;min-width:100px}.status-label{color:#6b7280;font-size:.8125rem}.status-value{color:#111827;font-size:.9375rem;font-weight:600}.chart-legend{border-top:1px solid #f3f4f6;display:flex;gap:20px;justify-content:center;padding-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:6px}.legend-color{border-radius:3px;height:12px;width:12px}.legend-color.completed{background:#10b981}.legend-color.pending{background:#3b82f6}.legend-color.rejected{background:#ef4444}.verification-stats{align-items:center;display:flex;gap:40px;justify-content:center;padding:20px 0}.verification-circle{height:160px;position:relative;width:160px}.circular-chart{display:block;height:100%;width:100%}.circle-bg{fill:none;stroke:#f3f4f6;stroke-width:3}.circle{fill:none;stroke:#10b981;stroke-width:3;stroke-linecap:round;animation:progress 1s ease-out forwards;transform:rotate(-90deg);transform-origin:50% 50%}@keyframes progress{0%{stroke-dasharray:0 100}}.circle-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.circle-text .percentage{color:#111827;display:block;font-size:2rem;font-weight:700}.circle-text .label{color:#6b7280;font-size:.75rem}.verification-breakdown{display:flex;flex-direction:column;gap:16px}.breakdown-item{border-radius:12px;min-width:100px;padding:16px;text-align:center}.breakdown-item.matched{background:#d1fae5}.breakdown-item.mismatched{background:#fef3c7}.breakdown-value{color:#111827;display:block;font-size:1.5rem;font-weight:700}.breakdown-label{color:#6b7280;font-size:.75rem}.broker-performance-card{grid-column:span 2}.broker-table{overflow-x:auto}.broker-table .table-header,.broker-table .table-row{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:2fr 1fr 1.5fr 1fr;padding:12px 0}.broker-table .table-header{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase}.broker-table .table-row{border-bottom:1px solid #f3f4f6}.broker-name{align-items:center;color:#374151;display:flex;font-weight:500;gap:8px}.broker-txns{color:#6b7280;font-size:.875rem}.broker-volume{color:#111827;font-size:.9375rem;font-weight:600}.broker-status{border-radius:10px;font-size:.75rem;font-weight:500;padding:4px 10px;text-transform:capitalize}.broker-status.active{background:#d1fae5;color:#059669}.broker-status.inactive{background:#f3f4f6;color:#6b7280}.quick-stats-list{display:flex;flex-direction:column;gap:12px}.quick-stat{align-items:center;background:#f9fafb;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.quick-stat .stat-label{color:#6b7280;font-size:.875rem}.quick-stat .stat-value{color:#111827;font-size:.9375rem;font-weight:600}.export-card-top{margin-bottom:24px;position:relative;z-index:1}.export-card{margin-top:24px}.export-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.export-option{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;text-align:left;transition:all .2s ease}.export-option:hover{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.export-option svg{color:#4f46e5}.export-info{display:flex;flex-direction:column}.export-title{color:#111827;font-size:.9375rem;font-weight:500}.export-desc{color:#6b7280;font-size:.75rem}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.reports-grid{grid-template-columns:1fr}.broker-performance-card{grid-column:span 1}.export-options{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column}.header-actions{flex-direction:column;gap:10px;width:100%}.date-filter{justify-content:space-between;width:100%}.date-filter .select{flex:1 1;min-width:auto}.export-dropdown-wrapper{width:100%}.export-btn{justify-content:center;width:100%}.page-header h1{font-size:1.5rem}.metrics-grid{grid-template-columns:1fr}.metric-card .card-content{align-items:flex-start;flex-direction:column}.verification-stats{flex-direction:column;gap:24px}.verification-breakdown{flex-direction:row;width:100%}.breakdown-item{flex:1 1}.broker-table .table-header,.broker-table .table-row{font-size:.8125rem;grid-template-columns:1fr 1fr}.broker-table .table-header span:nth-child(2),.broker-table .table-row .broker-txns{display:none}.export-options{grid-template-columns:1fr}}.ai-settings{animation:fadeIn .3s ease-out}.ai-settings .loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.ai-settings .loading-container svg{color:#3b82f6}.ai-settings .loading-container h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.ai-settings .loading-container p{color:#ffffffb3;font-size:.875rem;margin:0}.ai-settings .page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.ai-settings .page-header h1{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 4px}.ai-settings .page-header p{color:#fffc;font-size:.95rem;margin:0}.ai-settings .page-header .btn-primary{align-items:center;background:#fff;border:none;border-radius:8px;color:#1e3a5f;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;height:40px;padding:10px 16px;transition:all .2s ease}.ai-settings .page-header .btn-primary svg{color:#1e3a5f;transition:all .2s ease}.ai-settings .page-header .btn-primary:hover{background:#1e3a8a;color:#fff}.ai-settings .page-header .btn-primary:hover svg{color:#fff}.quick-switch-card{background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#1e40af);border:none;margin-bottom:24px;overflow:hidden}.quick-switch-card .card-content{padding:20px 24px}.quick-switch-content{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.quick-switch-left{align-items:center;display:flex;gap:16px}.active-indicator-large{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 12px #22c55e66;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.quick-switch-info{display:flex;flex-direction:column;gap:2px}.quick-switch-label{color:#fff;font-size:1rem;font-weight:600}.quick-switch-hint{color:#fff9;font-size:.8125rem}.quick-switch-right{align-items:center;display:flex;gap:12px}.quick-switch-select{-webkit-appearance:none;appearance:none;background:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;max-width:160px!important;min-width:160px!important;overflow:hidden;padding:10px 40px 10px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap;width:160px!important}.quick-switch-select:hover{background-color:#ffffff26;border-color:#ffffff4d}.quick-switch-select:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;outline:none}.quick-switch-select option{background:#1e293b;color:#fff;padding:10px}.test-active-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.test-active-btn:hover{background:#fff3;border-color:#ffffff4d}.test-active-btn:disabled{cursor:not-allowed;opacity:.6}.active-config-details{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.active-config-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.active-config-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.config-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.config-action-btn:hover{background:#fff3}.config-action-btn.edit:hover{background:#6366f14d;border-color:#6366f180}.config-action-btn.delete:hover{background:#ef44444d;border-color:#ef444480}.provider-logo-medium{background:#fff;border-radius:8px;height:40px;object-fit:contain;padding:6px;width:40px}.active-config-meta{display:flex;flex:1 1;flex-direction:column;gap:2px}.active-provider-name{color:#fff;font-size:.9375rem;font-weight:600}.active-model-name{color:#fff9;font-family:monospace;font-size:.8125rem;max-width:200px;word-break:break-all}.active-status{align-items:center;border-radius:20px;display:flex;font-size:.8125rem;font-weight:500;gap:6px;padding:6px 12px}.active-status.success{background:#22c55e33;color:#4ade80}.active-status.error{background:#ef444433;color:#f87171}.active-status.testing{background:#eab30833;color:#fbbf24}@media (max-width:768px){.quick-switch-content{align-items:flex-start;flex-direction:column}.quick-switch-right{width:100%}.quick-switch-select{flex:1 1;min-width:auto}}.provider-logo-small{height:24px;object-fit:contain;width:24px}.config-name{font-weight:600}.config-model{color:#4ade80}.config-form-card{border:2px solid #e2e8f0;margin-bottom:24px}.form-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.form-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;padding:8px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#1e293b}.config-form{grid-gap:20px;display:grid;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:8px}.doc-link{align-items:center;color:#6366f1;display:inline-flex;font-size:12px;gap:4px;margin-left:auto;text-decoration:none}.doc-link:hover{text-decoration:underline}.select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.textarea{border:1px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,monospace;font-size:14px;padding:10px 12px;resize:vertical;transition:all .2s}.textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.api-key-input{align-items:center;display:flex;position:relative}.api-key-input .input-wrapper{flex:1 1}.toggle-visibility{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px}.toggle-visibility:hover{color:#1e293b}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:8px;padding-top:20px}.configs-section{margin-bottom:24px}.configs-section h2{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.configs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.config-card{border:2px solid #e2e8f0;transition:all .3s}.config-card:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #6366f11a}.config-card.active{background:linear-gradient(135deg,#fafffe,#f0fdf4);border-color:#22c55e}.config-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.provider-info{align-items:center;display:flex;gap:12px}.provider-logo{background:#f8fafc;border-radius:8px;height:40px;object-fit:contain;padding:4px;width:40px}.provider-logo-placeholder{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.provider-details h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 4px}.model-badge{background:#eef2ff;border-radius:4px;color:#6366f1;font-family:Monaco,Menlo,monospace;font-size:12px;padding:2px 8px}.active-indicator{align-items:center;background:#dcfce7;border-radius:16px;color:#22c55e;display:flex;font-size:13px;font-weight:600;gap:4px;padding:4px 10px}.config-key{margin-bottom:12px}.config-key label{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.key-display{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.key-display code{color:#475569;font-family:Monaco,Menlo,monospace;font-size:13px;word-break:break-all}.key-actions{display:flex;flex-shrink:0;gap:4px;margin-left:8px}.key-actions button{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:all .2s}.key-actions button:hover{background:#e2e8f0;color:#1e293b}.config-detail{margin-bottom:12px}.config-detail label{color:#64748b;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.config-detail span{color:#475569;font-size:13px;word-break:break-all}.test-result{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:8px;margin-bottom:12px;padding:10px 12px}.test-result.success{background:#dcfce7;border:1px solid #86efac;color:#166534}.test-result.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.test-result.testing{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.config-actions{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-top:12px}.icon-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-btn.edit{color:#6366f1}.icon-btn.edit:hover{background:#eef2ff;border-color:#c7d2fe}.icon-btn.delete{color:#ef4444}.icon-btn.delete:hover{background:#fee2e2;border-color:#fca5a5}.config-timestamp{color:#94a3b8;font-size:11px}.empty-state-card{border:2px dashed #e2e8f0}.empty-state{padding:60px 20px;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:20px}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 10px}.empty-state p{color:#64748b;font-size:15px;margin:0 auto 28px;max-width:400px}.empty-state .btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 14px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.empty-state .btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.empty-state .btn:active{transform:translateY(0)}.empty-state .btn svg{color:#fff;margin-bottom:0}.add-first-api-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f166;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease}.add-first-api-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 8px 25px #6366f180;transform:translateY(-3px)}.add-first-api-btn:active{box-shadow:0 4px 15px #6366f166;transform:translateY(-1px)}.add-first-api-btn svg{flex-shrink:0}.docs-section{margin-bottom:24px}.docs-section h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.docs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.doc-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:flex;gap:10px;padding:12px 16px;text-decoration:none;transition:all .2s}.doc-card:hover{background:#f1f5f9;border-color:#6366f1;color:#6366f1}.doc-card img{height:24px;object-fit:contain;width:24px}.doc-card span{flex:1 1;font-size:13px;font-weight:500}.instructions-card h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.instructions ol{margin:0;padding-left:20px}.instructions li{color:#475569;font-size:14px;line-height:1.6;margin-bottom:12px}.instructions li strong{color:#1e293b}@media (max-width:768px){.ai-settings{padding:12px}.ai-settings .page-header{align-items:stretch;flex-direction:column;gap:12px}.ai-settings .page-header .btn-primary{justify-content:center;width:100%}.quick-switch-card .card-content{padding:16px}.quick-switch-content{align-items:stretch;flex-direction:column;gap:16px}.quick-switch-left{align-items:flex-start;flex-direction:column;text-align:left}.quick-switch-right{flex-direction:column;gap:10px;width:100%}.quick-switch-select{max-width:100%!important;min-width:100%!important;width:100%!important}.test-active-btn{justify-content:center;width:100%}.active-config-details{margin-top:12px;padding-top:12px}.active-config-row{align-items:flex-start;flex-direction:column;gap:12px}.active-config-actions{justify-content:flex-start;margin-left:0;width:100%}.active-status{flex:1 1}.config-form-card .card-content{padding:16px}.config-form{gap:16px}.form-header{margin-bottom:16px;padding-bottom:12px}.form-header h3{font-size:16px}.api-key-input{flex-direction:column}.toggle-visibility{align-self:flex-end;margin-top:8px;position:relative;right:auto}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}.docs-section .card-content{padding:16px}.docs-grid{gap:10px;grid-template-columns:1fr}.doc-card{padding:12px}.instructions-card .card-content{padding:16px}.instructions ol{padding-left:16px}.instructions li{font-size:13px;margin-bottom:10px}}@media (max-width:480px){.ai-settings{padding:8px}.ai-settings .page-header h1{font-size:1.4rem}.ai-settings .page-header p{font-size:.85rem}.quick-switch-label{font-size:.9rem}.quick-switch-hint{font-size:.75rem}.active-indicator-large{height:40px;width:40px}.provider-logo-medium{height:32px;width:32px}.active-provider-name{font-size:.85rem}.active-model-name{font-size:.75rem;max-width:100%}.config-action-btn{height:32px;width:32px}.docs-section h3,.instructions-card h3{font-size:14px}}.progress-tracker-wrapper{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000f;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.progress-tracker-horizontal{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px}.tracker-step{flex-direction:column;flex-shrink:0;gap:6px}.tracker-dot,.tracker-step{align-items:center;display:flex}.tracker-dot{background:#fff;border:2px solid #d1d5db;border-radius:50%;color:#9ca3af;height:32px;justify-content:center;transition:all .3s ease;width:32px}.tracker-number{color:#9ca3af;font-size:13px;font-weight:700}.tracker-step.active .tracker-dot{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.tracker-step.active .tracker-number{color:#3b82f6}.tracker-step.completed .tracker-dot{background:#fff;border-color:#22c55e;color:#22c55e}.tracker-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.tracker-step.active .tracker-label{color:#3b82f6;font-weight:700}.tracker-step.completed .tracker-label{color:#22c55e}.tracker-connector{background:#e5e7eb;flex:1 1;height:2px;margin:0 8px 24px;max-width:40px;min-width:20px;transition:all .3s ease}.tracker-connector.completed{background:#22c55e}@media (max-width:768px){.progress-tracker-wrapper{padding:12px 8px}.tracker-dot{height:28px;width:28px}.tracker-number{font-size:11px}.tracker-dot svg{height:12px;width:12px}.tracker-label{font-size:9px}.tracker-connector{margin:0 4px 22px;max-width:25px;min-width:12px}}@media (max-width:400px){.progress-tracker-wrapper{padding:10px 6px}.tracker-dot{height:26px;width:26px}.tracker-number{font-size:10px}.tracker-dot svg{height:11px;width:11px}.tracker-label{font-size:8px}.tracker-connector{margin:0 3px 20px;max-width:18px;min-width:8px}.tracker-step{gap:4px}}.user-layout{background:linear-gradient(135deg,#1e3a8a,#3730a3);display:flex;flex-direction:column;min-height:100vh}.user-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:12px 16px}.header-container,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{color:#1e3a8a;height:40px;width:40px}.logo-text{display:flex;flex-direction:column}.logo-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.2}.logo-subtitle{color:#6b7280;font-size:.75rem}.header-badge .badge-secure{background:#dcfce7;border-radius:20px;color:#166534;font-size:.875rem;font-weight:500;padding:6px 12px}.user-main{flex:1 1;padding:24px 16px}.main-container{margin:0 auto;max-width:600px}.user-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:24px 16px}.footer-content{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px}.footer-section{flex:1 1;min-width:200px}.footer-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:12px}.contact-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:8px;margin-bottom:8px}.footer-note{color:#6b7280;font-size:.875rem;line-height:1.5}.footer-bottom{border-top:1px solid #e5e7eb;padding-top:16px;text-align:center}.footer-bottom p{color:#9ca3af;font-size:.75rem}@media (max-width:640px){.header-container{padding:10px 12px}.logo-icon{height:32px;width:32px}.logo-title{font-size:1rem}.logo-subtitle{font-size:.65rem}.header-badge .badge-secure{font-size:.75rem;padding:4px 8px}.user-main{padding:16px 12px}.footer-content{flex-direction:column;gap:16px}.footer-section{min-width:100%}}.admin-layout{background-color:#f3f4f6;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e3a5f 50%,#1e40af);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:200}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{justify-content:center;width:100%}.sidebar-logo-icon{color:#60a5fa;height:36px;width:36px}.sidebar-savexa-logo{background:#fff;border-radius:10px;height:60px;object-fit:contain;padding:8px;width:120px}.sidebar-logo-text{display:flex;flex-direction:column}.sidebar-logo-title{color:#fff;font-size:1.125rem;font-weight:700}.sidebar-logo-subtitle{color:#93c5fd;font-size:.75rem}.sidebar-close{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 12px}.nav-item{align-items:center;border-radius:8px;color:#bfdbfe;display:flex;font-size:.9375rem;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff;font-weight:500}.nav-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:.75rem;font-weight:600;margin-left:auto;min-width:20px;padding:2px 8px;text-align:center}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px 12px}.logout-btn{align-items:center;background:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;gap:12px;padding:12px 16px;width:100%}.logout-btn,.logout-btn svg{color:#1e3a5f;transition:all .2s ease}.logout-btn:hover{background:#1e3a8a;color:#fff}.logout-btn:hover svg{color:#fff}.admin-content{display:flex;flex:1 1;flex-direction:column;margin-left:260px}.admin-header{background:#fff;box-shadow:0 1px 3px #0000001a;justify-content:space-between;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.menu-toggle{background:none;border:none;color:#374151;cursor:pointer;display:none;padding:8px}.page-title{color:#000!important;font-size:1.5rem;font-weight:600}.header-right{align-items:center;display:flex;gap:16px}.notification-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;padding:8px;position:relative;transition:all .2s ease}.notification-btn:hover{background:#f3f4f6;color:#374151}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.625rem;font-weight:600;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.profile-menu-wrapper{position:relative}.profile-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s ease}.profile-btn:hover{background:#f9fafb}.profile-avatar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 50%,#1e40af);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.profile-avatar.large{font-size:1.125rem;height:48px;width:48px}.profile-name{color:#374151;font-size:.875rem;font-weight:500}.profile-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:300}.profile-info{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:16px}.profile-details{display:flex;flex-direction:column}.profile-email{color:#6b7280;font-size:.75rem}.profile-actions{padding:8px}.profile-actions button{align-items:center;background:none;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 12px;transition:all .2s ease;width:100%}.profile-actions button:hover{background:#fef2f2}.admin-main{flex:1 1;padding:24px}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:150}@media (max-width:1024px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.sidebar-close,.sidebar-overlay{display:block}.admin-content{margin-left:0}.menu-toggle{display:block}}@media (max-width:640px){.admin-header{padding:12px 16px}.page-title{font-size:1.25rem}.profile-name{display:none}.admin-main{padding:16px}}
/*# sourceMappingURL=main.68fb6731.css.map*/