:root{--bg: #f5f6f8;--surface: #ffffff;--border: #d9dde3;--text: #1c2430;--muted: #6b7480;--primary: #2563eb;--primary-press: #1d4ed8;--warn: #b45309;--warn-bg: #fef3c7;--danger: #dc2626;--flag: #d97706;--flag-bg: #fffbeb;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.45}h1,h2{margin:0 0 12px}.muted{color:var(--muted)}.screen{min-height:100%;display:flex;flex-direction:column}.centered-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.content{flex:1;width:100%;max-width:720px;margin:0 auto;padding:20px 16px 48px}.brand{font-size:28px;font-weight:700;margin-bottom:4px}.brand-sm{font-weight:700}.brand-logo{display:block;width:160px;max-width:70%;height:auto;margin:0 auto 12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.login-card{width:100%;max-width:360px}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius);padding:12px 18px;font-size:16px;font-weight:600;cursor:pointer;background:#e8ebef;color:var(--text);min-height:48px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):active{background:var(--primary-press)}.btn-warn{background:var(--warn-bg);color:var(--warn)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:var(--border)}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.btn-block{width:100%;margin-top:16px}.text-input{width:100%;padding:12px 14px;font-size:16px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text)}.text-input:focus{outline:2px solid var(--primary);outline-offset:1px}.pin-input{margin-top:12px;letter-spacing:4px;text-align:center}.hidden-input{display:none}.list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.list-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.list-item-title{font-weight:600;font-size:17px;display:flex;align-items:center;gap:8px}.list-item-static{cursor:default}.topbar-actions{display:flex;align-items:center;gap:8px}.badge{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);background:var(--bg)}.badge-ready{color:#166534;background:#dcfce7;border-color:#bbf7d0}.badge-flagged{color:var(--flag);background:var(--flag-bg);border-color:#fde68a}.badge-exported{color:var(--primary);background:#dbeafe;border-color:#bfdbfe}.topbar-spacer{width:64px}.dup-group{margin-bottom:20px}.dup-group-key{font-weight:600;margin-bottom:8px}.export-bar{display:flex;flex-direction:column;gap:10px}.export-format{display:flex;align-items:center;gap:10px}.export-format select{flex:1}.capture-dropzone{width:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:17px;cursor:pointer}.capture-icon{color:var(--primary)}.capture-preview{display:flex;flex-direction:column;gap:14px}.preview-img{width:100%;border-radius:var(--radius);border:1px solid var(--border);background:#fff;object-fit:contain;max-height:60vh}.capture-actions{display:flex;gap:12px}.capture-actions .btn{flex:1}.review-layout{display:grid;grid-template-columns:1fr;gap:20px}.review-image{position:sticky;top:64px}.review-fields{display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:8px}.field-flagged .text-input{border-color:var(--flag);background:var(--flag-bg)}.field-badge{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--flag);background:var(--flag-bg);border:1px solid var(--flag);border-radius:999px;padding:1px 8px}.hint{color:var(--muted);margin:0 0 6px}.hint-warn{color:var(--warn)}.review-actions{display:flex;gap:10px;margin-top:12px;position:sticky;bottom:0;background:var(--bg);padding:12px 0}.review-actions .btn{flex:1}@media(min-width:860px){.review-layout{grid-template-columns:1fr 1fr;align-items:start}.review-image{align-self:start}}.toast-host{position:fixed;left:0;right:0;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:50;pointer-events:none;padding:0 16px}.toast{pointer-events:auto;max-width:480px;width:100%;padding:12px 16px;border-radius:10px;color:#fff;background:#334155;box-shadow:0 6px 20px #0000002e;font-weight:500}.toast-success{background:#15803d}.toast-error{background:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:60}.modal{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius);padding:22px}.modal-title{margin:0 0 8px;font-size:19px}.modal-message{margin:0 0 14px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}