:root{color-scheme:light;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--bg: #f6f7f9;--surface: #ffffff;--surface-raised: rgba(255, 255, 255, .9);--text: #111318;--muted: #667085;--line: #d9dee8;--primary: #1769e0;--primary-pressed: #0d55bf;--success: #14843b;--warning: #a15c00;--danger: #c32828;--info: #2668a8;--shadow-sm: 0 1px 2px rgba(18, 25, 38, .08);--shadow-md: 0 12px 32px rgba(18, 25, 38, .12);--radius-sm: 6px;--radius-md: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0c0d10;--surface: #17191f;--surface-raised: rgba(25, 27, 34, .88);--text: #f5f7fb;--muted: #a6afbd;--line: #303643;--primary: #6aa7ff;--primary-pressed: #8bbcfe;--success: #54d17d;--warning: #f2b45c;--danger: #ff6b6b;--info: #7db7ef;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 16px 38px rgba(0, 0, 0, .32)}}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);-webkit-text-size-adjust:100%}body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font);letter-spacing:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}img,video{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 55%,transparent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-4))}.top-nav{position:sticky;top:var(--safe-top);z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:0 auto var(--space-5);padding:var(--space-2);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav>button{min-height:44px;padding:0 var(--space-3);color:var(--text);background:transparent;border:0;font-weight:750}.top-nav>div{display:flex;gap:var(--space-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.button,.icon-button,.row-link{min-height:44px;border:0;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:740;color:#fff;background:var(--primary);transition:transform .16s ease,background .16s ease,opacity .16s ease}.button:hover{background:var(--primary-pressed)}.button:active{transform:scale(.98)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.52}.button-secondary{color:var(--text);background:color-mix(in srgb,var(--surface) 82%,var(--line));border:1px solid var(--line)}.button-secondary:hover{background:color-mix(in srgb,var(--surface) 70%,var(--line))}.button-ghost{color:var(--primary);background:transparent}.button-danger{color:#fff;background:var(--danger)}.button-full{width:100%}.icon-button{display:inline-grid;place-items:center;width:44px;min-width:44px;border-radius:var(--radius-pill);color:var(--text);background:color-mix(in srgb,var(--surface) 84%,var(--line));border:1px solid var(--line)}.field{display:grid;gap:var(--space-2)}.field span{color:var(--muted);font-size:.85rem;font-weight:680}.field input,.field select,.field textarea{min-height:46px;width:100%;padding:0 var(--space-3);color:var(--text);background:color-mix(in srgb,var(--surface) 88%,var(--bg));border:1px solid var(--line);border-radius:var(--radius-md)}.field textarea{min-height:86px;padding-top:var(--space-3);padding-bottom:var(--space-3);resize:vertical}.stack{display:grid;gap:var(--space-3)}.welcome-screen{min-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 32px);display:grid;place-items:center}.welcome-card{width:min(100%,430px);display:grid;gap:var(--space-5);text-align:center;box-shadow:var(--shadow-md)}.welcome-card h1,.screen-header h1{margin:0;font-size:clamp(2rem,5vw,3rem);line-height:1.04;letter-spacing:0}.welcome-card p,.screen-header p,.review-title p{margin:0;color:var(--muted);line-height:1.45}.app-mark{width:72px;height:72px;display:grid;place-items:center;margin:0 auto;border-radius:22px;color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line))}.screen-header,.crop-screen,.processing-screen,.list-screen,.detail-screen,.settings-screen,.ai-debug-screen{max-width:1120px;margin:0 auto}.screen-header{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.row-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.crop-layout,.review-screen,.detail-grid{display:grid;gap:var(--space-5)}.crop-layout{grid-template-columns:minmax(0,1fr)}.crop-canvas{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:#0c0d10;border:1px solid var(--line);box-shadow:var(--shadow-md)}.crop-image-stage{position:relative;width:fit-content;max-width:100%;line-height:0;touch-action:none}.crop-image-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:68vh;object-fit:contain}.crop-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.crop-lines polygon{fill:#1769e024;stroke:#ffffffeb;stroke-width:.6;vector-effect:non-scaling-stroke}.corner-handle{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;appearance:none;padding:0;background:transparent;border:6px solid var(--primary);box-shadow:0 3px 12px #0000004d;touch-action:none}.corner-handle:after{content:"";position:absolute;inset:-22px;border-radius:50%}.corner-handle.active{border-color:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 22%,transparent),0 5px 16px #00000052}.corner-handle:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 36%,transparent);outline-offset:6px}.bottom-actions{position:sticky;bottom:calc(var(--safe-bottom) + var(--space-3));display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-5);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.inline-actions{position:static}.review-screen{max-width:1240px;margin:0 auto;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start}.review-media{position:sticky;top:calc(var(--safe-top) + 88px)}.review-fields{display:grid;gap:var(--space-4)}.review-title{display:flex;justify-content:space-between;gap:var(--space-4);align-items:start}.review-title h1,.field-group h2,.line-items-editor h2,.detail-screen h2,.summary-card h2{margin:0;font-size:1.15rem;letter-spacing:0}.field-group,.line-items-editor{display:grid;gap:var(--space-4)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.line-item-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,150px);gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.line-item-description{grid-column:1 / -1}.line-items-summary{display:grid;gap:var(--space-3)}.line-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line)}.line-summary-row div{display:grid;gap:var(--space-1);min-width:0}.line-summary-row span,.line-summary-row p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.35}.line-summary-row strong,.line-summary-row b{overflow-wrap:anywhere}.receipt-preview{display:grid;gap:var(--space-3);margin:0}.receipt-preview figcaption{color:var(--muted);font-size:.9rem;font-weight:720}.receipt-preview img{width:100%;max-height:74vh;object-fit:contain;border-radius:var(--radius-md);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md)}.warning-banner{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--line);line-height:1.45}.warning-warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,var(--surface))}.warning-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.warning-success{color:var(--success);background:color-mix(in srgb,var(--success) 10%,var(--surface))}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:.82rem;font-weight:760;white-space:nowrap}.status-uploaded,.status-image_processed,.status-extracted{color:var(--info);background:color-mix(in srgb,var(--info) 12%,var(--surface))}.status-needs_review{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,var(--surface))}.status-verified{color:var(--success);background:color-mix(in srgb,var(--success) 13%,var(--surface))}.status-failed{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface))}.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,180px);gap:var(--space-3);margin-bottom:var(--space-5)}.processing-screen{min-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 48px);display:grid;place-items:center}.processing-card{width:min(100%,680px);display:grid;gap:var(--space-5)}.processing-header{display:flex;align-items:center;gap:var(--space-4)}.processing-mark{margin:0;flex:0 0 auto}.processing-header h1{margin:0 0 var(--space-1);font-size:2rem;letter-spacing:0}.processing-header p{margin:0;color:var(--muted)}.processing-steps{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.processing-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface) 86%,var(--bg))}.processing-step>span{width:38px;height:38px;display:grid;place-items:center;color:var(--muted);background:color-mix(in srgb,var(--line) 38%,transparent);border-radius:50%;font-weight:780}.processing-step div{display:grid;gap:var(--space-1)}.processing-step small{color:var(--muted)}.processing-step.done>span,.processing-step.active>span{color:#fff;background:var(--primary)}.processing-step.done{border-color:color-mix(in srgb,var(--success) 26%,var(--line))}.processing-step.done>span{background:var(--success)}.processing-step.active{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 8%,transparent)}.processing-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.receipt-list{display:grid;gap:var(--space-3)}.receipt-list-item{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:var(--space-3);align-items:center}.receipt-list-item.has-resume{grid-template-columns:minmax(0,1fr) repeat(2,46px)}.row-link{width:100%;display:flex;justify-content:space-between;gap:var(--space-3);padding:0;color:inherit;background:transparent;text-align:left}.receipt-row{flex:1;display:flex;justify-content:space-between;gap:var(--space-4);align-items:center}.receipt-row>div{display:grid;gap:var(--space-2);min-width:0}.receipt-progress{display:grid;gap:var(--space-1);min-width:min(260px,100%)}.receipt-progress span,.receipt-ai-state{width:fit-content;color:var(--muted);font-size:.82rem;font-weight:720}.receipt-ai-state.done{color:var(--success)}.receipt-ai-state.failed{color:var(--danger)}.receipt-progress progress{width:min(260px,100%);height:7px;overflow:hidden;border:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--line) 58%,transparent)}.receipt-progress progress::-webkit-progress-bar{background:color-mix(in srgb,var(--line) 58%,transparent)}.receipt-progress progress::-webkit-progress-value{background:var(--primary);border-radius:var(--radius-pill)}.receipt-progress progress::-moz-progress-bar{background:var(--primary);border-radius:var(--radius-pill)}.receipt-action-button,.receipt-delete-button{min-height:46px;width:46px;display:inline-grid;place-items:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));border-radius:var(--radius-pill)}.receipt-action-button:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.receipt-delete-button{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 22%,var(--line))}.receipt-delete-button:hover{background:color-mix(in srgb,var(--danger) 16%,var(--surface))}.receipt-row span,.muted{color:var(--muted)}.floating-scan{position:fixed;right:calc(var(--safe-right) + var(--space-5));bottom:calc(var(--safe-bottom) + var(--space-5));width:58px;height:58px;display:grid;place-items:center;color:#fff;background:var(--primary);border:0;border-radius:50%;box-shadow:var(--shadow-md)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:var(--space-5)}.detail-screen{display:grid;gap:var(--space-4)}.detail-actions{display:flex;gap:var(--space-2);align-items:center;justify-content:flex-end;flex-wrap:wrap}.pdf-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:0 var(--space-5);color:#fff;background:var(--primary);border-radius:var(--radius-pill);text-decoration:none;font-weight:740}.secondary-link{color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 22%,var(--line))}.summary-card{display:grid;gap:var(--space-4)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.summary-tile{display:grid;gap:var(--space-1);min-width:0;padding:var(--space-3);background:color-mix(in srgb,var(--surface) 76%,var(--bg));border:1px solid var(--line);border-radius:var(--radius-md)}.summary-tile span{color:var(--muted);font-size:.78rem;font-weight:720}.summary-tile strong{min-width:0;overflow-wrap:anywhere}.json-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.json-panel summary{min-height:48px;display:flex;align-items:center;padding:0 var(--space-4);cursor:pointer;color:var(--text);font-weight:760;border-bottom:1px solid transparent}.json-panel[open] summary{border-bottom-color:var(--line)}.json-panel pre{max-height:min(52vh,560px);border-radius:0;background:color-mix(in srgb,var(--surface) 72%,var(--bg))}.ai-debug-screen{display:grid;gap:var(--space-5)}.debug-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:var(--space-5);align-items:start}.debug-upload-card,.debug-result-stack{display:grid;gap:var(--space-4)}.debug-upload-card{position:sticky;top:calc(var(--safe-top) + 86px)}.debug-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.debug-file{display:grid;gap:var(--space-1);min-width:0;padding:var(--space-3);color:var(--text);background:color-mix(in srgb,var(--primary) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:var(--radius-md)}.debug-file span{color:var(--muted);font-size:.86rem}.debug-result{min-width:0}pre{max-width:100%;overflow:auto;margin:0;padding:var(--space-3);color:var(--text);background:color-mix(in srgb,var(--surface) 74%,var(--bg));border-radius:var(--radius-sm);font-size:.82rem;line-height:1.45}.audit-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--line)}.empty-state{min-height:280px;display:grid;place-items:center;align-content:center;gap:var(--space-3);text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius-md);padding:var(--space-8)}.empty-state h2{margin:0;color:var(--text)}.empty-state p{margin:0}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + var(--space-5));z-index:60;transform:translate(-50%);width:min(calc(100vw - 32px),420px);padding:var(--space-3) var(--space-4);color:#fff;background:var(--success);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);text-align:center;font-weight:720}.toast-danger{background:var(--danger)}.background-jobs{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 92px);z-index:58;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-2);max-width:min(calc(100vw - 32px),360px);padding:7px 12px;color:var(--muted);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border:1px solid var(--line);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.78rem;font-weight:720}.background-jobs:before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}.background-jobs small{overflow:hidden;color:var(--primary);font:inherit;text-overflow:ellipsis;white-space:nowrap}.skeleton-loader{min-height:240px;border-radius:var(--radius-md);background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 70%,var(--line)),color-mix(in srgb,var(--surface) 92%,var(--line)),color-mix(in srgb,var(--surface) 70%,var(--line)));background-size:220% 100%;animation:shimmer 1.8s ease-in-out infinite}.sheet-backdrop{position:fixed;inset:0;display:grid;align-items:end;z-index:50;background:#0000005c}.sheet{max-height:calc(100vh - var(--safe-top) - 24px);padding:var(--space-5) var(--space-5) calc(var(--safe-bottom) + var(--space-5));overflow:auto;background:var(--surface);border-radius:20px 20px 0 0}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sheet-header h2{margin:0}.sheet-header button{width:44px;height:44px;border-radius:50%;border:0;color:var(--text);background:color-mix(in srgb,var(--surface) 72%,var(--line));font-size:1.5rem}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(max-width:760px){.app-shell{padding-inline:calc(var(--safe-left) + var(--space-3)) calc(var(--safe-right) + var(--space-3))}.welcome-card h1,.screen-header h1{font-size:2.15rem}.review-screen{grid-template-columns:1fr}.review-media{position:static}.review-media .receipt-preview img{max-height:42vh}.row-header{align-items:stretch;flex-direction:column}.row-header>.icon-button{align-self:flex-end}.detail-actions{justify-content:flex-start}.filters,.detail-grid,.line-item-row,.debug-layout{grid-template-columns:1fr}.debug-upload-card{position:static}.receipt-row{align-items:flex-start}.receipt-list-item{grid-template-columns:minmax(0,1fr) 44px;gap:var(--space-2)}.receipt-list-item.has-resume{grid-template-columns:minmax(0,1fr) repeat(2,44px)}.receipt-action-button,.receipt-delete-button{min-height:44px;width:44px}.bottom-actions{justify-content:stretch}.bottom-actions .button{flex:1 1 148px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}