@font-face{font-family:Fraunces;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fraunces-600.woff2)format("woff2")}@font-face{font-family:Fraunces;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fraunces-700.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/work-sans-400.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/work-sans-600.woff2)format("woff2")}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/work-sans-700.woff2)format("woff2")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#fbf6ec;--color-surface:#fff;--color-surface-muted:#efe6d2;--color-border:#e6dcc6;--color-text:#1e2a22;--color-text-muted:#5c6b61;--color-primary:#1f5a3d;--color-primary-dark:#143d29;--color-accent:#d9a21b;--color-accent-soft:#f3d27a;--color-accent-bg:#f6e3ae;--color-badge-text:#6b4e00;--color-on-primary:#fff;--status-pending-text:#5c6b61;--status-pending-bg:#efe6d2;--status-transit-text:#6b4e00;--status-transit-bg:#f6e3ae;--status-delivered-text:#fff;--status-delivered-bg:#1f5a3d;--status-issue-text:#9b2c2c;--status-issue-bg:#fbe4e1;--font-display:"Fraunces", Georgia, serif;--font-body:"Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-title:32px;--font-size-section:20px;--font-size-body:16px;--font-size-small:14px;--font-size-meta:13px;--radius-card:16px;--radius-input:12px;--radius-tile:12px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--screen-padding:20px;--border-width:1px;--border-width-thick:2px;--shadow-sheet:0 12px 32px #14281e29;--touch-target:48px;--button-height:54px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.45}h1,h2,h3{font-family:var(--font-display);color:var(--color-text);margin:0;font-weight:600}.tabular-nums{font-variant-numeric:tabular-nums}.screen{flex-direction:column;min-height:100vh;display:flex}.screen-body{padding:var(--space-6) var(--screen-padding) var(--space-7);gap:var(--space-5);flex-direction:column;flex:1;width:100%;max-width:640px;margin:0 auto;display:flex}.screen-title{font-size:var(--font-size-title);font-family:var(--font-display);font-weight:600}.section-title{font-size:var(--font-size-section);font-family:var(--font-display);font-weight:600}.text-muted{color:var(--color-text-muted)}.text-meta{font-size:var(--font-size-meta);color:var(--color-text-muted)}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--screen-padding);background:var(--color-surface);border-bottom:4px solid var(--color-accent);display:flex}.app-header-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.logo-tile{border-radius:var(--radius-tile);background:var(--color-primary);width:40px;height:40px;color:var(--color-accent-soft);font-family:var(--font-display);flex:none;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.wordmark{font-family:var(--font-display);color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:18px;font-weight:600;overflow:hidden}.app-header-right{align-items:center;gap:var(--space-3);flex:none;display:flex}.app-nav{gap:var(--space-2);display:flex}.app-nav a{font-weight:600;font-size:var(--font-size-small);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);text-decoration:none}.app-nav a.active,.app-nav a:hover{color:var(--color-primary);background:var(--color-surface-muted)}@media (width<=480px){.app-header,.app-header-left{row-gap:var(--space-2);flex-wrap:wrap}.app-header-right{flex-basis:100%;justify-content:space-between}}.badge{align-items:center;gap:var(--space-1);font-size:var(--font-size-meta);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;font-weight:700;display:inline-flex}.badge-test-data,.badge-warning{background:var(--color-accent-bg);color:var(--color-badge-text)}.status-pill{font-size:var(--font-size-meta);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.status-pill--pending{color:var(--status-pending-text);background:var(--status-pending-bg)}.status-pill--transit{color:var(--status-transit-text);background:var(--status-transit-bg)}.status-pill--delivered{color:var(--status-delivered-text);background:var(--status-delivered-bg)}.status-pill--issue{color:var(--status-issue-text);background:var(--status-issue-bg)}button,.btn{font:inherit;cursor:pointer}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--button-height);min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-card);font-weight:600;font-size:var(--font-size-body);border:none;text-decoration:none;display:inline-flex}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:var(--border-width-thick) solid var(--color-primary)}.btn-destructive{color:var(--status-issue-text);height:auto;padding:var(--space-2) var(--space-3);background:0 0;font-weight:600}.btn:disabled{opacity:.55;cursor:not-allowed}.field{gap:var(--space-2);flex-direction:column;display:flex}.field label{font-size:var(--font-size-small);color:var(--color-text);font-weight:600}input,select,textarea{font:inherit;font-size:var(--font-size-body);background:var(--color-surface);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);min-height:var(--touch-target);width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-error{color:var(--status-issue-text);font-size:var(--font-size-small);margin:0}.form-error{color:var(--status-issue-text);background:var(--status-issue-bg);border-radius:var(--radius-input);padding:var(--space-3) var(--space-4);font-size:var(--font-size-small)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-5)}.list-card{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);text-align:left;width:100%;display:flex}.list-card-title{font-size:17px;font-weight:700}.list-card-meta{color:var(--color-text-muted);font-size:var(--font-size-small)}.list-stack{gap:var(--space-3);flex-direction:column;display:flex}.item-thumb{border-radius:var(--radius-tile);background:var(--color-surface-muted);width:64px;height:64px;color:var(--color-text-muted);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.item-thumb img{object-fit:cover;width:100%;height:100%}.item-thumb-count{font-size:var(--font-size-meta);color:var(--color-text);background:var(--color-accent-bg);border-radius:var(--radius-pill);padding:0 var(--space-2);font-weight:700;line-height:1.6;position:absolute;bottom:2px;right:2px}.photo-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.photo-tile{border-radius:var(--radius-tile);background:var(--color-surface-muted);border:var(--border-width) solid var(--color-border);width:72px;height:72px;display:block;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%;display:block}.photo-tile-status{text-align:center;padding:var(--space-1);color:#fff;font-size:var(--font-size-meta);background:#1e2a228c;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.photo-tile-status.photo-tile-error{background:#9b2c2cbf}.step-progress{gap:var(--space-2);flex-direction:column;display:flex}.step-progress-bars{gap:var(--space-2);display:flex}.step-progress-bar{border-radius:var(--radius-pill);background:var(--color-border);flex:1;height:6px}.step-progress-bar.done{background:var(--color-primary)}.terms-box{white-space:pre-wrap;max-height:220px;font-size:var(--font-size-small);color:var(--color-text-muted);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);padding:var(--space-4);background:var(--color-surface-muted);overflow-y:auto}.signature-pad-frame{border:var(--border-width-thick) solid var(--color-primary);border-radius:var(--radius-card);background:var(--color-surface);overflow:hidden}.signature-pad-canvas{touch-action:none;width:100%;height:200px;display:block}.scan-frame{border:var(--border-width-thick) solid var(--color-primary);border-radius:var(--radius-card);background:#000;overflow:hidden}.scan-video{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.item-highlight{border-radius:var(--radius-card);outline:var(--border-width-thick) solid var(--color-accent);outline-offset:2px;background:var(--color-accent-bg)}.sheet{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-sheet);padding:var(--space-5)}.centered-message{min-height:100vh;padding:var(--space-6);text-align:center;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.login-page{min-height:100vh;padding:var(--space-5);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);width:100%;max-width:380px;padding:var(--space-7) var(--space-6);border-radius:var(--radius-card);box-shadow:var(--shadow-sheet);gap:var(--space-2);flex-direction:column;display:flex}.login-brand{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.login-card h1{font-size:24px}.login-subtitle{margin:0 0 var(--space-4);color:var(--color-text-muted)}.login-card .btn{margin-top:var(--space-4)}.login-error{color:var(--status-issue-text);font-size:var(--font-size-small)}