@import url('/fonts.css');
:root{--ink:#173e36;--muted:#6c7972;--paper:#f5f5ef;--line:#e3e7dd;--yellow:#edbd59;--white:#fff;--red:#a04436;--green:#28745a;--amber:#92651a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cf9b2e;outline-offset:3px}[hidden]{display:none!important}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#fbfcf8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:24px;letter-spacing:-1px}.brand b{font-weight:450}.sun{font-size:40px;color:#d7a442;line-height:1}.connection{font-size:12px;display:flex;align-items:center;gap:7px}.connection:before{content:"";width:7px;height:7px;background:var(--green);border-radius:100%}.connection.offline:before{background:var(--amber)}main{max-width:1240px;padding:24px 28px 30px;margin:auto}.mode-banner{background:#fff2ce;border:1px solid #e9d391;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5}.intro{display:flex;align-items:center;justify-content:space-between;padding:34px 0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1{font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:600;margin:12px 0}p{color:var(--muted);line-height:1.6;margin:8px 0;font-size:14px}h2{font-size:19px;font-weight:600;margin:7px 0;letter-spacing:-.4px}h3{font-size:17px;font-weight:550}.workspace-grid{display:grid;grid-template-columns:390px 1fr;gap:22px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 4px 14px #173e3603}.panel-heading{padding:24px 24px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.tag{font-size:11px;background:#edf2e9;padding:7px 10px;border-radius:20px;white-space:nowrap}.button{min-height:46px;padding:12px 17px;border-radius:9px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:13px;text-decoration:none}.primary{background:var(--ink);color:white}.primary:hover{background:#26554a}.secondary{background:#fff;border-color:#dce3d8;color:var(--ink)}.secondary:hover{background:#f4f7f0}.capture-empty{text-align:center;margin:4px 22px 16px;padding:40px 14px 24px;background:#fafbf7;border:1px dashed #d6dfd0;border-radius:12px;min-height:259px}.document-symbol{display:inline-block;font-size:60px;line-height:1;color:#aac0ac;transform:rotate(-8deg)}.capture-empty h3{margin:21px 0 7px}.capture-empty p{font-size:12px}.capture-actions{display:flex;gap:10px;padding:0 22px}.capture-actions .button{flex:1}.finish-row{padding:18px 22px 16px}.finish{background:var(--yellow);color:#243b2e;width:100%;justify-content:space-between;padding:15px 19px}.finish-row p{font-size:11px;text-align:center;margin:11px 0 0}.draft-pages{list-style:none;display:flex;flex-wrap:wrap;padding:0 22px;margin:0;gap:10px}.draft-pages li{width:calc(50% - 5px);border-radius:10px;position:relative;overflow:hidden;border:1px solid var(--line);background:#f4f5ef}.draft-pages img{height:145px;width:100%;object-fit:contain}.page-tools{display:flex;justify-content:space-around;padding:5px}.page-tools button{border:0;background:none;color:var(--ink);padding:5px;font-size:12px;min-height:30px}.page-tools span{font-size:10px;padding:9px 3px}.demo-options{padding:12px 22px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.demo-options label{display:block;margin-top:12px}.demo-options select{font-size:12px;margin-left:8px}.demo-options p{font-size:11px}.camera-view{position:relative;margin:0 22px 14px;background:#12221c;border-radius:12px;overflow:hidden}.camera-view video{width:100%;max-height:450px;object-fit:cover;display:block}.camera-guide{position:absolute;inset:12% 9% 17%;border:2px dashed #ffffff9e;border-radius:9px;pointer-events:none}.camera-view p{position:absolute;bottom:5px;text-align:center;color:#fff;width:100%;font-size:11px;text-shadow:0 1px 4px #000}.camera-close{position:absolute;right:6px;top:6px;background:#0005;color:white;min-height:36px;padding:6px 10px}.shutter{margin:14px 22px 0;width:calc(100% - 44px)}.history .panel-heading select{max-width:170px;font-size:11px;border:1px solid var(--line);padding:8px;border-radius:7px;background:white;color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 24px 24px;gap:10px}.stats div{display:flex;flex-direction:column;gap:5px}.stats strong{font-size:27px;font-weight:550}.stats span{font-size:10px;color:var(--muted)}.stats div:nth-child(3) strong{color:var(--green)}.stats div:nth-child(4) strong{color:var(--amber)}.batch-status{margin:0 24px 21px;background:#f1f4ec;border-radius:10px;padding:16px;display:flex;gap:12px;align-items:center}.batch-status>span{font-size:25px}.batch-status strong{font-size:12px}.batch-status p{font-size:11px;margin:4px 0 0}.batch-status.complete{background:#e7f4eb}.history-toolbar{padding:15px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:10px}.filters{display:flex;gap:5px}.filters button{background:none;border:0;font-size:11px;color:var(--muted);padding:7px 10px;border-radius:6px}.filters button.selected{background:#edf2e9;color:var(--ink);font-weight:600}#outbox-status{font-size:10px;color:var(--muted)}.history-list{min-height:230px;max-height:650px;overflow:auto}.history-empty{padding:55px 24px;text-align:center}.history-empty h3{font-size:14px;margin-bottom:7px}.history-empty p{font-size:12px}.history-row{width:100%;padding:15px 24px;display:flex;text-align:left;align-items:center;gap:13px;background:white;border:0;border-top:1px solid #edf0e8;color:var(--ink)}.history-row:hover{background:#fbfcf8}.history-row img,.thumb-placeholder{width:41px;height:53px;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:#edf2e9}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:12px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-copy p{font-size:10px;margin:5px 0 0;line-height:1.4}.row-time{font-size:9px;color:var(--muted);display:block;margin-top:4px}.status-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;font-size:14px;border-radius:50%;flex-shrink:0;background:#edf2e9;color:var(--muted)}.status-successful{background:#e5f2e9;color:var(--green)}.status-review{background:#fff0cb;color:var(--amber)}.status-failed{background:#fbe8e4;color:var(--red)}.status-processing,.status-queued{background:#e7eef6;color:#43637f}.history-footer{display:flex;align-items:center;gap:10px;padding:17px 24px;border-top:1px solid var(--line);background:#fcfdf9}.tiny-sun{font-size:24px;color:#bbcaaf}.history-footer p{font-size:10px;margin:0}.history-footer b{font-weight:400;color:#8b968a}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;color:#82907e;padding-top:25px}.toast{position:fixed;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 20px;border-radius:10px;font-size:13px;max-width:90vw;z-index:50;box-shadow:0 5px 22px #0002}dialog{border:1px solid var(--line);border-radius:15px;max-width:550px;width:calc(100% - 32px);padding:28px;color:var(--ink);max-height:85dvh;overflow:auto}dialog::backdrop{background:#132c2470;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:12px;border:0;background:#f1f4ec;border-radius:50%;width:32px;height:32px;color:var(--ink)}.dialog-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.detail-title{padding-right:25px;overflow-wrap:anywhere}.detail-meta{background:#f4f6ef;padding:14px;border-radius:9px;margin-top:16px}.detail-meta p{font-size:12px}.issues{background:#fff2d9;color:#825816;padding:12px 15px;border-radius:8px;font-size:12px;line-height:1.6}.issues ul{margin:5px 0;padding-left:17px}label{font-size:12px;display:flex;flex-direction:column;gap:7px;margin:14px 0}input,select{padding:11px;border:1px solid #d8e0d3;border-radius:7px;color:var(--ink);background:white;min-width:0}input{width:100%;font-size:16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fields .wide{grid-column:1/-1}.attempt{font-size:11px;padding:10px 0;border-bottom:1px solid var(--line);line-height:1.6}.danger{color:var(--red);border-color:#e4c9c4;background:white}.auth{max-width:600px;margin:60px auto;padding:35px}.auth .button{margin-top:15px}
@media(max-width:900px){.workspace-grid{grid-template-columns:330px 1fr}.panel-heading{padding:20px}.history-toolbar{padding:14px 20px;flex-wrap:wrap}.stats{padding:8px 20px 20px}.batch-status{margin:0 20px 20px}.history-row{padding:14px 20px}.history .panel-heading{flex-wrap:wrap}.history .panel-heading select{max-width:100%}.intro h1{font-size:29px}}
@media(max-width:700px){.header{height:72px;padding:0 20px;padding-top:env(safe-area-inset-top)}.brand{font-size:21px}.sun{font-size:34px}main{padding:16px 16px calc(25px + env(safe-area-inset-bottom))}.mode-banner{font-size:11px;padding:10px 12px}.intro{padding:25px 0;align-items:flex-start;gap:12px}.intro h1{font-size:26px}.intro p{font-size:12px}.intro .eyebrow{font-size:8px;letter-spacing:1.3px}.intro .button{padding:10px;min-height:40px;white-space:nowrap;font-size:10px;margin-top:5px}.workspace-grid{grid-template-columns:1fr;gap:18px}.capture-empty{min-height:190px;padding:24px 10px 17px}.document-symbol{font-size:45px}.capture-empty h3{margin-top:15px;font-size:15px}.capture-actions .button{font-size:13px;min-height:48px}.finish{min-height:52px}.stats strong{font-size:28px}.stats span{font-size:10px}.history-list{max-height:none;min-height:170px}.history-row{min-height:85px}.history-empty{padding:38px 20px}.footer{font-size:9px}.connection{font-size:10px}dialog{padding:24px}.fields{gap:0 10px}.history .panel-heading select{max-width:150px}.row-copy strong{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.status-processing{animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.45}}}
.review-entry{padding:0 24px 16px}.review-entry .button{width:100%}dialog.review-mode{max-width:1040px}.review-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.review-photo{min-width:0}.review-photo img{display:block;width:100%;max-height:65dvh;object-fit:contain;background:#edf2e9;border-radius:10px}.review-photo a{display:block}.review-photo p{font-size:12px}.review-page-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.review-page-controls span{font-size:12px}.review-page-controls .button{min-height:40px}.uncertain{background:#fff3d8;padding:10px;border-radius:8px;border:1px solid #dcb66d}.field-hint{font-size:11px;color:#825816;margin:0;line-height:1.5}.review-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.review-actions .primary{width:100%}#review-error{color:var(--red);font-size:13px}button:disabled{opacity:.55;cursor:default}#receipt-fields[hidden]{display:none}@media(max-width:700px){dialog.review-mode{padding:20px;max-height:92dvh}.review-layout{grid-template-columns:1fr;gap:20px}.review-photo img{max-height:40dvh}.review-entry{padding:0 20px 16px}}
dialog.review-mode .dialog-close{position:sticky;top:0;float:right;z-index:3}
.review-rotate{width:100%;margin-bottom:12px}
.camera-view{aspect-ratio:3/4}.camera-view video{width:100%;height:100%;max-height:none;object-fit:contain}