:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17322c;background:#f5f2e9;font-synthesis:none;--ink: #17322c;--green: #173f35;--green-light: #dfe9e2;--paper: #fffdf8;--orange: #df6b3d;--muted: #6e7d77;--line: #dcd9ce;--danger: #ac3e32}*{box-sizing:border-box}html{min-height:100%;background:#f5f2e9}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid rgba(223,107,61,.35);outline-offset:2px}h1,h2,p{margin-top:0}h1,h2{font-family:ui-rounded,SF Pro Rounded,Inter,system-ui,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(2rem,6vw,4.25rem);line-height:1.03;margin-bottom:1.25rem}h2{font-size:1.3rem}.eyebrow{color:var(--orange);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.7rem}.button{border:0;border-radius:999px;background:var(--orange);color:#fff;min-height:48px;padding:.8rem 1.25rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 8px 22px #bb4d262e}.button:hover{filter:brightness(.96);transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.secondary{background:transparent;color:var(--green);border:1px solid #b7c4bd;box-shadow:none}.button.small{min-height:36px;padding:.5rem .9rem;font-size:.8rem}.button.wide{width:100%}.text-button{border:0;background:none;padding:.4rem;font-weight:700;cursor:pointer;color:var(--green)}.text-button.danger{color:var(--danger)}.icon-button{width:40px;height:40px;border:0;border-radius:50%;background:#ece9df;font-size:1.45rem;cursor:pointer}.app-header{height:72px;padding:0 max(1.25rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,50,44,.1);background:#f5f2e9e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.wordmark{border:0;background:none;display:flex;gap:.65rem;align-items:center;font-family:ui-rounded,system-ui;font-weight:700;font-size:1.05rem;cursor:pointer}.mini-mark,.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff7e8;border-radius:12px}.mini-mark{width:36px;height:36px;font-size:1.4rem}.brand-mark{width:64px;height:64px;font-size:2.4rem;margin-bottom:1.5rem}.page{max-width:1180px;margin:0 auto;padding:2.5rem 1.25rem 8rem}.hero{min-height:330px;border-radius:32px;padding:clamp(2rem,6vw,4rem);background:var(--green);color:#f7f0df;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:430px;height:430px;right:-150px;top:-220px;border:80px solid rgba(255,255,255,.05);border-radius:50%}.hero h1{margin-bottom:1rem}.hero p:not(.eyebrow){color:#cbd8d0;max-width:500px;margin-bottom:0}.hero-button{z-index:1;min-width:185px}.hero-button span{font-size:1.25rem}.jobs-section,.receipts-section{margin-top:3rem}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.section-heading h2{margin:0}.section-heading>span{color:var(--muted);font-size:.88rem}.empty-state{min-height:220px;border:1px dashed #b9beb6;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);padding:2rem}.empty-state strong{color:var(--ink);margin-bottom:.4rem}.empty-state p{margin:0}.empty-icon{font-size:2.5rem;color:var(--orange);margin-bottom:.5rem}.job-list{display:grid;gap:.75rem}.job-row{border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:1rem 1.15rem;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1rem;text-align:left;cursor:pointer}.job-row:hover{border-color:#9aa9a1}.status-dot{width:10px;height:10px;border-radius:50%;background:#aaa}.status-dot.ready{background:#328166}.status-dot.processing,.status-dot.queued{background:#df9b3d}.status-dot.failed{background:var(--danger)}.job-main{display:flex;flex-direction:column;min-width:0}.job-main small{color:var(--muted);margin-top:.25rem}.status-pill,.receipt-state{border-radius:999px;padding:.35rem .65rem;font-weight:700;font-size:.7rem;background:#eceae3}.status-pill.ready,.receipt-state.ready{color:#22634f;background:#dcece5}.status-pill.processing,.status-pill.queued,.receipt-state.analyzing,.receipt-state.uploading{color:#8a5812;background:#f7e8cc}.status-pill.failed,.receipt-state.failed{color:#8b3028;background:#f5deda}.delete-inline{font-size:.8rem;color:var(--danger);padding:.4rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 1.25rem;background:radial-gradient(circle at 80% 10%,#d7e5da 0,transparent 34%),#f5f2e9}.login-card{width:min(100%,460px);background:var(--paper);border-radius:30px;padding:clamp(2rem,7vw,3.5rem);box-shadow:0 28px 80px #1d38301f}.login-card h1{font-size:clamp(2.25rem,9vw,3.5rem)}.login-copy{color:var(--muted);line-height:1.6;margin-bottom:2rem}label{display:grid;gap:.45rem;font-size:.82rem;font-weight:700;margin:1rem 0}input{min-height:50px;border:1px solid #c9ccc5;background:#faf9f4;border-radius:13px;padding:.7rem .9rem;font-size:1rem}.error-message{color:var(--danger);font-size:.88rem;background:#fae8e4;border-radius:10px;padding:.75rem .9rem}.panel-error{margin:1.25rem 0}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;font-family:ui-rounded,system-ui;font-weight:700}.back-button{border:0;background:none;color:var(--muted);font-weight:700;padding:.5rem 0;cursor:pointer;margin-bottom:1.5rem}.editor-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;border-bottom:1px solid var(--line);padding-bottom:2rem}.editor-heading h1{font-size:clamp(2rem,6vw,3.7rem);margin-bottom:.7rem;overflow-wrap:anywhere}.editor-heading p:last-child{margin:0;color:var(--muted)}.add-buttons{display:flex;gap:.7rem;flex-shrink:0}.offline-banner{margin-top:1rem;padding:.8rem 1rem;border-radius:12px;background:#f7e8cc;color:#704d1c}.upload-panel,.processing-card{margin-top:1.5rem;padding:1.25rem;border-radius:18px;background:var(--paper);border:1px solid var(--line)}.upload-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,2fr);align-items:center;gap:1rem;margin:.7rem 0}.upload-row>div:first-child{display:flex;flex-direction:column;min-width:0}.upload-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-row small,.processing-card small{color:var(--muted)}.progress-track{height:7px;border-radius:99px;background:#e6e6df;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--orange);border-radius:inherit;transition:width .25s}.progress-track.large{height:10px;margin:.8rem 0}.processing-top{display:flex;justify-content:space-between}.receipt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.receipt-card{border:1px solid var(--line);background:var(--paper);border-radius:18px;overflow:hidden;min-width:0}.receipt-card.needs_review{border:2px solid #df9b3d}.receipt-preview{height:230px;background:#e7e4dc;display:grid;place-items:center;position:relative;overflow:hidden}.receipt-preview img{width:100%;height:100%;object-fit:contain}.preview-loading{font-size:2.2rem;color:#9ba29d;animation:pulse 1.2s infinite}.receipt-state{position:absolute;left:.7rem;top:.7rem}.receipt-state.needs_review{color:#7a4b06;background:#ffdfa5}.receipt-info{padding:1rem;display:flex;justify-content:space-between;gap:1rem}.receipt-info>div:first-child{min-width:0;display:flex;flex-direction:column}.receipt-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-info small{color:var(--muted);margin-top:.3rem}.receipt-info .error-text{color:var(--danger);white-space:normal}.card-actions{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.empty-upload{width:100%;min-height:220px;border:2px dashed #b6bdb7;border-radius:24px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.empty-upload span{font-size:2.3rem;color:var(--orange)}.empty-upload small{margin-top:.35rem;color:var(--muted)}.bottom-action{position:fixed;left:50%;transform:translate(-50%);bottom:max(1rem,env(safe-area-inset-bottom));z-index:15;width:min(calc(100% - 2rem),900px);border:1px solid rgba(23,50,44,.12);background:#fffdf8f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 55px #19312a2e;border-radius:20px;padding:.9rem 1rem .9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.bottom-action>div{display:flex;flex-direction:column}.bottom-action small{color:var(--muted);margin-top:.2rem}.bottom-action .bottom-buttons{flex-direction:row;gap:.65rem}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0b1b17b8;display:grid;place-items:center;padding:1rem}.crop-modal{width:min(100%,720px);max-height:calc(100vh - 2rem);overflow-y:auto;background:var(--paper);border-radius:24px;padding:1.25rem}.modal-title{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.modal-title h2{margin-bottom:.8rem}.crop-canvas{position:relative;width:fit-content;max-width:100%;margin:0 auto;background:#222;line-height:0;touch-action:none}.crop-canvas img{display:block;width:auto;max-width:100%;max-height:65vh;-webkit-user-select:none;user-select:none}.crop-canvas svg{position:absolute;inset:0;width:100%;height:100%}.crop-canvas polygon{fill:#df6b3d2e;stroke:#ff7847;stroke-width:.006;vector-effect:non-scaling-stroke}.crop-canvas circle{fill:#fff;stroke:#df6b3d;stroke-width:.009;vector-effect:non-scaling-stroke;cursor:grab}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.update-toast{position:fixed;z-index:200;right:1rem;bottom:1rem;background:var(--green);color:#fff;border-radius:16px;padding:.7rem .8rem .7rem 1rem;display:flex;align-items:center;gap:.7rem;box-shadow:0 16px 45px #0003}.update-toast .icon-button{background:#ffffff1f;color:#fff}@keyframes pulse{50%{opacity:.35}}@media(max-width:820px){.hero{flex-direction:column;align-items:stretch;justify-content:flex-end}.hero-button{align-self:flex-start}.receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-heading{flex-direction:column;align-items:stretch}.add-buttons .button{flex:1}}@media(max-width:560px){.page{padding:1.5rem .9rem 9rem}.app-header{height:62px;padding-inline:.9rem}.hero{min-height:390px;border-radius:24px;padding:1.7rem}.hero h1{font-size:2.5rem}.hero-button{width:100%}.job-row{grid-template-columns:auto 1fr auto;gap:.7rem}.job-row .status-pill{display:none}.delete-inline{grid-column:3}.receipt-grid{grid-template-columns:1fr}.receipt-preview{height:280px}.add-buttons{flex-direction:column}.bottom-action{width:calc(100% - 1rem);bottom:max(.5rem,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;border-radius:17px}.bottom-action .button{width:100%}.bottom-action>div{display:none}.bottom-action .bottom-buttons{display:flex;width:100%}.upload-row{grid-template-columns:1fr;gap:.5rem}.modal-backdrop{padding:0;align-items:end}.crop-modal{border-radius:24px 24px 0 0;max-height:95vh;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}