.app-shell{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;padding:40px 24px 72px}.app-hero{background:radial-gradient(circle at 0 0,#0d94882e,#0000 38%),radial-gradient(circle at 100% 0,#f59e0b2e,#0000 30%),linear-gradient(145deg,#fffffff0,#f4f7fbfa);border:1px solid #2430421a;border-radius:32px;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px;display:flex;box-shadow:0 24px 60px #0f172a14}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;margin:0 0 10px;font-size:.8rem;font-weight:700}.hero-copy,.muted-text,.status-text{color:#526072}.hero-copy{max-width:640px;font-size:1.02rem}.hero-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.meta-pill{color:#0f172a;background:#ffffffb3;border:1px solid #0f766e24;border-radius:999px;align-items:center;padding:10px 14px;font-size:.92rem;display:inline-flex}.meta-pill-strong{color:#fff;background:#0f766e;border-color:#0000}.app-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.app-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #94a3b840;border-radius:24px;grid-column:span 12;padding:24px;box-shadow:0 18px 44px #0f172a12}.app-grid>.app-card:first-child,.app-grid>.app-card:nth-child(2),.app-grid>.app-card:nth-child(3){grid-column:span 4}.jobs-card{grid-column:span 7}.app-grid>.app-card:nth-child(5){grid-column:span 5}.app-grid>.app-card:nth-child(6),.app-grid>.app-card:nth-child(7){grid-column:span 6}.callback-card,.auth-card{max-width:760px;margin:56px auto 0}.section-row,.button-row,.upload-controls,.job-meta{align-items:center;gap:12px;display:flex}.section-row{justify-content:space-between}.button-row{margin-top:18px}.upload-controls{flex-wrap:wrap;margin-top:12px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.info-grid p{background:linear-gradient(#f0f9ffe6,#f8fafcf2);border:1px solid #94a3b838;border-radius:16px;flex-direction:column;gap:6px;margin:0;padding:14px 16px;display:flex}.info-grid strong{color:#0f172a}.primary-button,.ghost-button,.danger-button,.job-link,.workspace-select,.file-input{font:inherit}.primary-button,.ghost-button,.danger-button,.job-link{cursor:pointer;border:0;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{color:#fff;background:linear-gradient(135deg,#0f766e,#0ea5a4);border-radius:14px;padding:12px 18px;box-shadow:0 14px 30px #0f766e38}.primary-button:hover,.ghost-button:hover,.danger-button:hover,.job-link:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.ghost-button{color:#0f172a;background:#e2e8f0b3;border-radius:14px;padding:11px 16px}.danger-button{color:#fff;background:linear-gradient(135deg,#b91c1c,#ef4444);border-radius:14px;padding:11px 16px;box-shadow:0 14px 30px #b91c1c38}.file-input,.workspace-select{color:#0f172a;box-sizing:border-box;background:#ffffffe6;border:1px solid #94a3b859;border-radius:14px;width:100%;padding:12px 14px}.workspace-select{margin-top:12px}.status-text{min-height:1.5em;margin-top:14px}.job-list{gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.job-item{background:linear-gradient(#f8fafcf2,#f1f5f9f2);border:1px solid #94a3b82e;border-radius:18px;padding:16px}.job-link{color:#0f172a;text-align:left;background:0 0;padding:0;font-weight:700}.job-meta{flex-wrap:wrap;margin-top:8px}.job-badge,.job-stage{border-radius:999px;padding:6px 10px;font-size:.82rem;display:inline-flex}.job-badge{color:#0f766e;background:#0d94881f}.job-stage{color:#1d4ed8;background:#3b82f61a}.job-date{color:#64748b;margin-top:10px;display:block}.job-detail-panel{background:#ffffffc7;border:1px solid #94a3b840;border-radius:18px;margin-top:16px;padding:18px}.job-detail-title{margin:0}.review-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-summary-card{background:linear-gradient(#f8fafcf5,#f1f5f9eb);border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.review-summary-card strong{color:#0f172a}.review-summary-card span{color:#526072;overflow-wrap:anywhere}.ocr-review-panel{border-top:1px solid #94a3b840;margin-top:18px;padding-top:18px}.ocr-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.compare-card{background:#f1f5f9cc;border:1px solid #94a3b833;border-radius:18px;padding:16px}.compare-card h4{color:#0f172a;margin:0 0 10px}.compare-text{white-space:pre-wrap;word-break:break-word;color:#0f172a;background:#ffffffeb;border:1px solid #94a3b838;border-radius:14px;min-height:220px;max-height:360px;margin:0;padding:14px;overflow:auto}.ocr-editor{color:#0f172a;box-sizing:border-box;resize:vertical;background:#fffffff5;border:1px solid #94a3b847;border-radius:18px;width:100%;min-height:300px;margin-top:16px;padding:16px;font:.95rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.history-card{background:#f8fafceb;border:1px solid #94a3b838;border-radius:18px;padding:16px}.history-card h3{margin:0 0 12px}.history-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-list li{background:#ffffffe6;border:1px solid #94a3b829;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.history-list strong{color:#0f172a}.history-list span{color:#526072;overflow-wrap:anywhere}.history-reason{color:#b91c1c!important}.alert-card,.results-card{border-radius:18px;margin-top:18px;padding:18px}.alert-card{background:#fef2f2eb;border:1px solid #dc26262e}.results-card{background:#f0fdfaeb;border:1px solid #0ea5a429}.results-card a{color:#0f766e;font-weight:700;text-decoration:none}.results-card a:hover{text-decoration:underline}.code-panel{color:#dbeafe;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:18px;margin-top:14px;padding:16px;overflow:auto;box-shadow:inset 0 1px #ffffff0d}.error-panel{color:#fecaca;background:#3b0d12}@media (width<=980px){.app-shell{padding:24px 16px 48px}.app-hero{flex-direction:column;align-items:flex-start}.hero-meta{justify-content:flex-start}.app-grid>.app-card,.jobs-card,.app-grid>.app-card:first-child,.app-grid>.app-card:nth-child(2),.app-grid>.app-card:nth-child(3),.app-grid>.app-card:nth-child(5),.app-grid>.app-card:nth-child(6),.app-grid>.app-card:nth-child(7){grid-column:span 12}.info-grid,.review-summary-grid,.compact-grid,.compare-grid,.history-grid{grid-template-columns:1fr}.section-row{flex-direction:column;align-items:flex-start}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}
