.statement-dropzone{position:relative;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;padding:28px!important;min-height:255px;display:flex;flex-direction:column;justify-content:center}
.statement-dropzone:hover,.statement-dropzone.dragging{border-color:#7f76e8!important;background:#f8f7ff!important;box-shadow:0 0 0 5px rgba(106,92,220,.06) inset}
.statement-dropzone.dragging{transform:translateY(-1px)}
.statement-dropzone.busy{cursor:wait;opacity:.82}
.statement-drop-main{text-align:center;max-width:760px;margin:0 auto}
.statement-drop-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:16px;display:grid;place-items:center;background:#f1f0ff;color:#655bd8;font-size:25px;font-weight:800}
.statement-drop-main h4{font-size:18px;margin:0 0 7px}
.statement-drop-main p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.statement-drop-formats{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin:13px 0}
.statement-drop-formats span{font-size:10px;color:#6f7580;background:#f4f5f7;border:1px solid #e9ebef;border-radius:999px;padding:5px 8px;font-weight:700}
.statement-drop-actions{display:flex;justify-content:center;gap:8px;margin-top:5px}
.statement-drop-actions .btn{min-width:140px}
.statement-drop-note{font-size:10px!important;margin-top:10px!important;color:#969ca6!important}
.statement-drop-status{margin:14px auto 0;max-width:720px;min-height:18px;text-align:center;font-size:11px;font-weight:750;color:#7c828d}
.statement-drop-status.loading{color:#655bd8}.statement-drop-status.good{color:#26765e}.statement-drop-status.warn{color:#9a6812}.statement-drop-status.bad{color:#b74853}
.statement-dropzone .recon-stat{justify-content:center;margin-top:18px}
@media(max-width:680px){.statement-dropzone{padding:20px 14px!important;min-height:240px}.statement-drop-main h4{font-size:16px}.statement-drop-formats span:nth-child(n+6){display:none}.statement-drop-actions{width:100%}.statement-drop-actions .btn{width:100%}}

.statement-preview-overlay{position:fixed;inset:0;z-index:100120;background:rgba(18,20,26,.48);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;transition:opacity .16s}
.statement-preview-overlay.show{opacity:1}.statement-preview-dialog{width:min(760px,100%);background:#fff;border:1px solid #e7e9ee;border-radius:24px;box-shadow:0 28px 90px rgba(16,18,25,.24);padding:24px;color:#17181d;transform:translateY(8px);transition:transform .16s}.statement-preview-overlay.show .statement-preview-dialog{transform:translateY(0)}
.statement-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.statement-preview-head small{display:block;color:#9aa0aa;font-size:9px;font-weight:850;letter-spacing:.14em}.statement-preview-head h3{font-size:25px;margin:5px 0 4px}.statement-preview-head p{margin:0;color:#8b919b;font-size:11px}.statement-preview-head button{width:38px;height:38px;border:1px solid #e5e7eb;background:#f8f9fa;border-radius:12px;font-size:22px;cursor:pointer}
.statement-preview-total{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;padding:13px 15px;border:1px solid #eceef2;border-radius:15px;background:#fafbfc}.statement-preview-total span{font-size:11px;color:#777e88}.statement-preview-total b{font-size:15px}
.statement-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.statement-preview-card{border:1px solid #e7e9ed;border-radius:17px;padding:15px;background:#fafbfc}.statement-preview-card small,.statement-preview-card span{display:block}.statement-preview-card small{font-size:10px;font-weight:850;color:#747b85}.statement-preview-card b{display:inline-block;font-size:22px;margin:8px 8px 5px 0}.statement-preview-card strong{font-size:13px}.statement-preview-card span{font-size:9px;color:#9197a0;line-height:1.5}.statement-preview-card.auto{background:#eef8f4;border-color:#d9eee6}.statement-preview-card.review{background:#fff7e8;border-color:#f3e3be}.statement-preview-card.unmatched{background:#fff2f3;border-color:#f1dfe1}.statement-preview-card.duplicate{background:#f5f6f8}
.statement-preview-warning{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff2f3;color:#aa4d56;font-size:10px;font-weight:700}.statement-preview-rule{margin-top:12px;padding:13px 14px;border-radius:14px;background:#f7f6ff;border:1px solid #e9e6ff}.statement-preview-rule b{display:block;font-size:11px;color:#6259ac;margin-bottom:4px}.statement-preview-rule span{display:block;font-size:10px;color:#777d8b;line-height:1.6}.statement-preview-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.statement-preview-actions button{height:42px;border-radius:12px;padding:0 16px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.statement-preview-actions button:first-child{border:1px solid #dfe2e8;background:#fff;color:#555c66}.statement-preview-actions button:last-child{border:0;background:#17181d;color:#fff;min-width:150px}
@media(max-width:620px){.statement-preview-dialog{padding:18px;border-radius:20px}.statement-preview-grid{grid-template-columns:1fr}.statement-preview-actions button{flex:1}.statement-preview-head h3{font-size:22px}}