*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f7f8fb;--surface: #ffffff;--surface-hover: #fafbfd;--border: #e2e6ef;--border-light: #eef1f6;--text: #1a1f36;--text-secondary: #6b7294;--text-muted: #9ca3c0;--primary: #1a56db;--primary-light: #e8eefb;--primary-dark: #1043af;--accent: #0ea5e9;--danger: #ef4444;--danger-bg: #fef2f2;--success: #10b981;--font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 10px 40px rgba(0,0,0,.08), 0 2px 8px rgba(0,0,0,.04)}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:68px}.logo{display:flex;align-items:center;gap:14px}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.logo h1{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.subtitle{font-size:12px;color:var(--text-muted);font-weight:500;letter-spacing:.3px;text-transform:uppercase}.header-stats{display:flex;align-items:center;gap:20px}.stat{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:18px;font-weight:700;color:var(--primary);font-family:var(--mono)}.stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-divider{width:1px;height:32px;background:var(--border)}.main{max-width:1400px;margin:0 auto;padding:28px 32px 60px}.upload-section.has-results{margin-bottom:8px}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);padding:48px 32px;text-align:center;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.has-results .drop-zone{padding:24px 32px}.drop-zone:hover{border-color:var(--primary);background:var(--primary-light)}.drop-zone.dragging{border-color:var(--primary);background:var(--primary-light);transform:scale(1.005);box-shadow:0 0 0 4px #1a56db1a}.drop-zone.processing{cursor:default;border-style:solid;border-color:var(--primary);background:var(--primary-light)}.upload-icon{color:var(--text-muted);margin-bottom:16px;transition:color .2s}.drop-zone:hover .upload-icon{color:var(--primary)}.upload-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:6px}.upload-hint{font-size:13px;color:var(--text-muted)}.processing-state{padding:12px 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px}.progress-bar{width:280px;height:6px;background:var(--border);border-radius:3px;margin:0 auto 10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .5s ease}.processing-sub{font-size:13px;color:var(--text-muted);font-family:var(--mono)}.errors-section{margin-bottom:20px}.error-banner{background:var(--danger-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);padding:16px 20px;display:flex;gap:12px;align-items:flex-start;color:var(--danger);font-size:14px}.error-banner ul{margin-top:4px;list-style:none}.error-banner li{font-weight:400;color:#991b1b;font-size:13px}.results-section{animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.results-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.toolbar-left{display:flex;align-items:baseline;gap:12px}.toolbar-left h2{font-size:18px;font-weight:700;letter-spacing:-.2px}.selected-count{font-size:13px;color:var(--text-muted);font-family:var(--mono)}.toolbar-right{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:none;border-radius:var(--radius-sm);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-ghost{background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--text-muted)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #1a56db4d}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 2px 8px #1a56db66;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.invoice-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s}.invoice-group:hover{box-shadow:var(--shadow)}.group-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.group-header:hover{background:var(--surface-hover)}.group-header-left{display:flex;align-items:center;gap:10px;min-width:0}.chevron{transition:transform .25s ease;color:var(--text-muted);flex-shrink:0}.chevron.open{transform:rotate(90deg)}.group-info{display:flex;flex-direction:column;min-width:0}.inv-number{font-family:var(--mono);font-size:14px;font-weight:600;color:var(--primary)}.inv-meta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.group-header-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.group-toggle{margin-left:2px}.delete-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.delete-btn:hover{background:var(--danger-bg);color:var(--danger)}.group-total{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text)}.group-lines{font-size:12px;color:var(--text-muted);background:var(--bg);padding:3px 10px;border-radius:20px;white-space:nowrap}.group-body{border-top:1px solid var(--border-light)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg);border-bottom:1px solid var(--border-light)}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr.deselected{opacity:.4}.data-table tbody td{padding:11px 16px;border-bottom:1px solid var(--border-light);vertical-align:top}.col-check{width:44px;text-align:center!important}.col-desc{font-weight:500;white-space:nowrap}.col-detail{color:var(--text-secondary);max-width:500px}.col-amount{text-align:right!important;font-family:var(--mono);font-weight:600;white-space:nowrap}.checkbox-wrap{display:inline-flex;align-items:center;cursor:pointer;position:relative}.checkbox-wrap input{position:absolute;opacity:0;width:0;height:0}.checkmark{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:var(--surface)}.checkbox-wrap input:checked+.checkmark{background:var(--primary);border-color:var(--primary)}.checkbox-wrap input:checked+.checkmark:after{content:"";width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.checkbox-wrap:hover .checkmark{border-color:var(--primary)}.slide-enter-active,.slide-leave-active{transition:all .3s ease;max-height:2000px;overflow:hidden}.slide-enter-from,.slide-leave-to{max-height:0;opacity:0}.empty-state{margin-top:24px}.empty-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.info-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.info-card-icon{font-size:32px;margin-bottom:12px}.info-card h3{font-size:15px;font-weight:700;margin-bottom:6px}.info-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}@media (max-width: 768px){.header{padding:0 16px}.header-inner{height:56px}.header-stats{display:none}.main{padding:16px}.empty-cards{grid-template-columns:1fr}.results-toolbar{flex-direction:column;align-items:flex-start}.toolbar-right{flex-wrap:wrap}.inv-meta{max-width:200px}.drop-zone{padding:32px 16px}.col-detail{max-width:200px}}