:root{color:#2f3035;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#ed1b2f0a,#0000 32rem),#f5f5f6;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ed1b2f3d}.appShell{min-height:100vh}.appHeader{background:#fff;border-bottom:1px solid #e3e3e6;justify-content:space-between;align-items:center;gap:24px;min-height:82px;padding:16px clamp(20px,5vw,64px);display:flex}.appHeader span{color:#6d6e75;font-size:.875rem;font-weight:600}.brandLogo{width:178px;height:auto;display:block}.mainContent{width:min(100% - 40px,960px);margin:0 auto;padding:28px 0 24px}.emptyPreview p{color:#6d6e75;margin:0;line-height:1.55}.uploadPanel{background:#fff;border:1px dashed #ed1b2f8c;border-radius:15px;justify-content:space-between;align-items:center;gap:22px;min-height:96px;padding:20px;transition:border-color .14s,background-color .14s;display:flex}.uploadPanel.isDragging{background:#fff5f6;border-color:#ed1b2f}.fileSummary{align-items:center;gap:14px;min-width:0;display:flex}.fileIcon,.emptyPreviewIcon{color:#ed1b2f;background:#fff0f2;border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.fileIcon{width:46px;height:46px}.fileIcon svg,.emptyPreviewIcon svg,.primaryButton svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fileDetails{min-width:0}.fileDetails strong,.fileDetails span{display:block}.fileDetails strong{color:#2f3035;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:650;overflow:hidden}.fileDetails span{color:#6d6e75;margin-top:4px;font-size:.8rem;line-height:1.4}.secondaryButton,.primaryButton{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-size:.9rem;font-weight:650;transition:background-color .14s,border-color .14s,transform .1s;display:inline-flex}.secondaryButton{color:#2f3035;background:#fafafa;border:1px solid #dddddf;flex:none}.secondaryButton:hover:not(:disabled){background:#f0f0f2;border-color:#ceced2}.secondaryButton:disabled{cursor:wait;opacity:.62}.primaryButton{color:#fff;background:#d7192d;border:1px solid #d7192d;flex:none}.primaryButton:hover{background:#d91528;border-color:#d91528}.secondaryButton:active:not(:disabled),.primaryButton:active{transform:translateY(1px)}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.errorMessage{color:#8f1320;background:#fff0f2;border:1px solid #f3bcc2;border-radius:11px;flex-direction:column;gap:3px;margin-top:14px;padding:14px 16px;display:flex}.errorMessage strong{font-size:.9rem}.errorMessage span{font-size:.85rem;line-height:1.45}.previewPanel,.emptyPreview{background:#fff;border:1px solid #e1e1e4;border-radius:15px;margin-top:24px;box-shadow:0 8px 30px #19191e0a}.previewPanel{overflow:hidden}.previewHeader{border-bottom:1px solid #e3e3e6;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.previewHeader h2{color:#2f3035;margin:0;font-size:1.1rem;font-weight:650}.copyControls,.copyOption{align-items:center;display:flex}.copyControls{gap:14px}.copyOption{color:#5f6067;cursor:pointer;white-space:nowrap;gap:8px;font-size:.82rem}.copyOption input{accent-color:#d7192d;cursor:pointer;width:17px;height:17px;margin:0}.copyOption:focus-within{outline-offset:3px;border-radius:4px;outline:3px solid #ed1b2f3d}.emptyPreview h2{color:#2f3035;margin:0 0 5px;font-size:1.1rem;font-weight:650}.emptyPreview p{font-size:.85rem}.tableWrapper{overscroll-behavior:contain;scrollbar-gutter:stable;max-height:max(280px,100dvh - 432px);overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e7e7e9;padding:14px 18px}th{z-index:1;color:#62636a;background:#fafafa;font-size:.78rem;font-weight:650;position:sticky;top:0}td{color:#34353a;font-size:.84rem;line-height:1.5}tbody tr:last-child td{border-bottom:0}.chequeCell,.amountCell{font-variant-numeric:tabular-nums;white-space:nowrap}.chequeCell{width:110px;font-weight:700}.amountColumn,.amountCell{text-align:right;width:145px}.previewFooter{color:#6d6e75;background:#fafafa;border-top:1px solid #e3e3e6;padding:13px 18px;font-size:.8rem}.emptyPreview{text-align:center;flex-direction:column;align-items:center;padding:46px 24px;display:flex}.emptyPreviewIcon{width:48px;height:48px;margin-bottom:15px}.privacyNote{color:#77787f;text-align:center;margin:18px 0 0;font-size:.78rem}@media (width<=680px){.appHeader{min-height:72px;padding:13px 18px}.appHeader span{display:none}.brandLogo{width:158px}.mainContent{width:min(100% - 28px,960px);padding:20px 0 18px}.uploadPanel,.previewHeader,.copyControls{flex-direction:column;align-items:stretch}.copyOption{min-height:36px}.secondaryButton,.primaryButton{width:100%}table{min-width:650px}.tableWrapper{max-height:max(260px,100dvh - 500px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
