:root{color:#0f172a;background:radial-gradient(circle at top left,rgba(59,130,246,.16),transparent 28%),radial-gradient(circle at top right,rgba(14,165,233,.12),transparent 24%),linear-gradient(180deg,#eef4ff,#f8fafc 42%,#f4f7fb);font-family:IBM Plex Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{margin:0}.app-shell{max-width:960px;margin:0 auto;padding:24px}.app-shell--results{max-width:1280px}.banner{border-radius:12px;padding:12px 16px;margin-bottom:16px;font-weight:500}.banner-dry-run{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;color:#1e3a8a}.banner-mock{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24;color:#92400e}.hero h1{margin-bottom:8px;font-size:clamp(1.75rem,2vw,2.25rem);letter-spacing:-.03em}.hero p{color:#475569;font-size:1.05rem}.dropzone{border:2px dashed #94a3b8;border-radius:16px;padding:48px 24px;text-align:center;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 40px #0f172a14}.dropzone-active{border-color:#2563eb;background:#eff6ff}.file-picker input{display:none}.dropzone-hint{color:#64748b;font-size:.95rem;margin:8px 0 0}.file-picker{display:inline-block;margin-top:16px;padding:12px 18px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 10px 24px #2563eb47}.status-panel,.results-panel{background:#ffffffeb;border:1px solid rgba(148,163,184,.25);border-radius:20px;padding:0;overflow:hidden;box-shadow:0 24px 60px #0f172a1f,0 2px #ffffffa6 inset}.status-panel{padding:24px}.readiness-hero{padding:28px 28px 24px;color:#fff;position:relative;overflow:hidden}.readiness-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(255,255,255,.22),transparent 34%),radial-gradient(circle at bottom left,rgba(255,255,255,.12),transparent 28%);pointer-events:none}.readiness-hero--high{background:linear-gradient(135deg,#0f766e,#059669 42%,#2563eb)}.readiness-hero--medium{background:linear-gradient(135deg,#b45309,#d97706 42%,#ea580c)}.readiness-hero--low{background:linear-gradient(135deg,#991b1b,#dc2626 42%,#be123c)}.readiness-hero__content{position:relative;z-index:1}.readiness-hero__eyebrow{margin:0 0 18px;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.88}.readiness-hero__score-row{display:flex;align-items:center;gap:24px}.score-ring{position:relative;width:128px;height:128px;flex:0 0 128px}.score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.score-ring__track,.score-ring__progress{fill:none;stroke-width:10}.score-ring__track{stroke:#ffffff38}.score-ring__progress{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .8s ease}.score-ring__value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.75rem;font-weight:700;letter-spacing:-.04em}.readiness-hero__summary{min-width:0}.readiness-hero__title{margin:0 0 12px;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.15;letter-spacing:-.03em}.classification-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.88rem;font-weight:600;background:#ffffff2e;border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.readiness-hero__meta{margin:14px 0 0;color:#ffffffe0;font-size:.95rem}.results-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(340px,1.05fr);gap:0}.results-column{padding:24px}.results-column--preview{background:linear-gradient(180deg,#f8fafc,#fff);border-right:1px solid #e2e8f0}.results-column__header h3{margin:0 0 4px;font-size:1.1rem;letter-spacing:-.02em}.results-column__header p{margin:0 0 18px;color:#64748b;font-size:.92rem}.preview-frame{border-radius:16px;border:1px solid #dbeafe;background:linear-gradient(180deg,#fffffff2,#f8fafcf2),repeating-linear-gradient(45deg,rgba(148,163,184,.08) 0,rgba(148,163,184,.08) 8px,transparent 8px,transparent 16px);box-shadow:inset 0 1px #fffc;padding:16px;min-height:320px}.fields-table-wrap{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 24px #0f172a0d}.fields-table{width:100%;border-collapse:collapse}.fields-table th,.fields-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eef2f7}.fields-table th{background:#f8fafc;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.fields-table tbody tr:last-child td{border-bottom:none}.fields-table__label{width:34%;color:#334155;font-weight:600}.fields-table__value{color:#0f172a;word-break:break-word}.fields-table__row--missing{background:linear-gradient(90deg,#fef2f2f2,#fffffff2)}.fields-table__row--extracted:hover{background:#f8fbff}.field-status{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.field-status--extracted{color:#166534;background:#dcfce7;border:1px solid #86efac}.field-status--extracted:before{content:"✓"}.field-status--missing{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.field-status--missing:before{content:"!"}.error-text{color:#b42318}.error-panel{margin-bottom:16px}.results-footer{display:flex;justify-content:flex-end;padding:18px 24px 24px;border-top:1px solid #e2e8f0;background:#fafcff}.start-over-button{padding:12px 18px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;cursor:pointer;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.start-over-button:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.preview-placeholder,.pdf-preview,.image-preview{margin:0}.preview-placeholder{display:grid;place-items:center;min-height:240px;color:#64748b;font-weight:500}.pdf-preview{display:flex;justify-content:center}.pdf-preview canvas{max-width:100%;height:auto!important;border-radius:8px;box-shadow:0 12px 28px #0f172a1f}.image-preview{display:block;width:100%;max-width:100%;border-radius:8px;box-shadow:0 12px 28px #0f172a1f}.line-items-note{margin:16px 0 0;color:#64748b;font-size:.92rem}@media (max-width: 960px){.app-shell,.app-shell--results{max-width:100%;padding:16px}.readiness-hero__score-row{flex-direction:column;align-items:flex-start}.results-grid{grid-template-columns:1fr}.results-column--preview{border-right:none;border-bottom:1px solid #e2e8f0}.fields-table-wrap{overflow-x:auto}}