:root{--bg: #0f172a;--bg-grad: radial-gradient(1200px 600px at 10% -10%, #1e293b, #0f172a);--panel: #ffffff;--panel-2: #f8fafc;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--brand: #4f46e5;--brand-ink: #ffffff;--warn-bg: #fffbeb;--warn-line: #fde68a;--warn-ink: #92400e;--err-bg: #fef2f2;--err-line: #fecaca;--err-ink: #991b1b;--miss: #f59e0b;--radius: 14px;--shadow: 0 10px 30px rgba(2, 6, 23, .08)}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg-grad);min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:24px 20px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:18px 22px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;gap:14px;align-items:center}.logo{font-size:30px}.brand h1{margin:0;font-size:20px;color:#fff}.brand p{margin:2px 0 0;font-size:13px;color:#cbd5e1}.steps{display:flex;gap:8px;list-style:none;margin:0;padding:0}.steps li{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid transparent}.steps li.active{color:#fff;background:#4f46e540;border-color:#818cf899}.steps li.done{color:#a7f3d0}.step-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#94a3b84d;font-size:12px}.steps li.active .step-n{background:var(--brand);color:#fff}.stage{margin-top:22px}.stage-center{display:grid;place-items:center;min-height:55vh}.stage-split{display:grid;grid-template-columns:minmax(320px,42%) 1fr;gap:20px;align-items:start}@media (max-width: 940px){.stage-split{grid-template-columns:1fr}}.pane{min-width:0}.pane-preview{position:sticky;top:16px}.dropzone{width:min(680px,92vw);background:var(--panel);border:2px dashed #cbd5e1;border-radius:20px;padding:56px 28px;text-align:center;cursor:pointer;transition:border-color .15s,transform .1s,box-shadow .15s;box-shadow:var(--shadow)}.dropzone:hover{border-color:var(--brand)}.dropzone.over{border-color:var(--brand);transform:scale(1.01);box-shadow:0 20px 50px #4f46e540}.dropzone.busy{cursor:progress;opacity:.85}.dropzone-icon{font-size:48px}.dropzone-title{font-size:20px;font-weight:700;margin-top:10px}.dropzone-sub{color:var(--muted);margin-top:8px;font-size:14px}.preview{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.preview-head{padding:12px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-body{background:#f1f5f9}.preview-frame{width:100%;height:78vh;border:0;display:block}.preview-img{width:100%;height:auto;display:block}.preview-fallback{padding:30px;color:var(--muted);text-align:center}.review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--panel);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);margin-bottom:14px}.review-head h2{margin:0 0 4px;font-size:18px}.muted{color:var(--muted);font-size:13px;margin:0}.inline-badge{background:#fef3c7;color:var(--warn-ink);padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600}.card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:14px}.card-missing{outline:2px solid var(--miss);outline-offset:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head h3{margin:0;font-size:15px;display:flex;align-items:center;gap:8px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:#334155;display:flex;align-items:center;justify-content:space-between;gap:8px}.field input,.field select,.field textarea,.lines input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:var(--panel-2);transition:border-color .12s,box-shadow .12s;font-family:inherit}.field textarea{resize:vertical;min-height:40px}.field input:focus,.field select:focus,.field textarea:focus,.lines input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #4f46e526;background:#fff}.field-missing input,.field-missing select,.field-missing textarea{border-color:var(--miss);background:#fffdf5}.field-wide{grid-column:1 / -1}.field-hint{font-size:11px;color:var(--muted)}.badge{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.badge-missing{background:#fef3c7;color:var(--warn-ink)}.table-wrap{overflow-x:auto}.lines{width:100%;border-collapse:collapse;font-size:13px}.lines th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);padding:6px 8px}.lines td{padding:4px 6px;vertical-align:middle}.lines input.num{text-align:right}.lines tfoot .foot-label{text-align:right;color:var(--muted);font-weight:600;padding-right:12px}.lines tfoot .foot-total{text-align:right;font-weight:700;padding-right:10px}.empty-hint{color:var(--muted);font-size:13px;margin:0}.btn{border:1px solid transparent;border-radius:10px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:filter .12s,background .12s,transform .05s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--brand-ink)}.btn-primary:hover{filter:brightness(1.07)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-lg{padding:13px 22px;font-size:15px}.btn-ghost{background:#f1f5f9;color:#334155}.btn-ghost:hover{background:#e2e8f0}.btn-link{background:transparent;color:var(--brand);padding:8px}.btn-mini{font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:7px;border:1px solid var(--line);background:var(--panel-2);color:#475569;cursor:pointer}.btn-mini:hover{background:#eef2ff;border-color:#c7d2fe;color:var(--brand)}.totals-tools{display:flex;gap:6px;flex-wrap:wrap}.btn-icon{border:none;background:transparent;color:#94a3b8;cursor:pointer;font-size:14px;padding:6px;border-radius:6px}.btn-icon:hover{background:#fee2e2;color:#b91c1c}.actions{display:flex;justify-content:flex-end;margin-top:6px}.banner{border-radius:12px;padding:12px 16px;font-size:14px;margin:14px 0}.banner-warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn-ink)}.banner-error{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-ink)}.done-card{background:var(--panel);border-radius:20px;box-shadow:var(--shadow);padding:44px 40px;text-align:center;max-width:560px}.done-icon{font-size:54px}.done-card h2{margin:8px 0 6px}.done-card code{background:#f1f5f9;padding:1px 6px;border-radius:5px;font-size:13px}.done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 8px}.footer{text-align:center;color:#94a3b8;font-size:12px;margin-top:28px}