:root{--bg: #f1f5f9;--surface: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--brand: #0f172a;--accent: #2563eb}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.icon{width:1em;height:1em;vertical-align:-.125em}.app{max-width:480px;margin:0 auto;min-height:100%}.app__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 16px) 16px 16px;background:var(--brand);color:#fff}.app__headtitle{flex:1;min-width:0}.app__title{margin:0;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app__subtitle{margin:2px 0 0;font-size:13px;color:#cbd5e1}.app__back{flex-shrink:0;width:36px;height:36px;border:none;border-radius:10px;background:#ffffff1f;color:#fff;font-size:20px;line-height:1;cursor:pointer}.app__back:active{background:#ffffff3d}.app__admin-link{flex-shrink:0;border:none;border-radius:999px;padding:5px 10px;background:#ffffff1f;color:#fff;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.app__admin-link:active{background:#ffffff3d}.pill{flex-shrink:0;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.pill--online{background:#22c55e2e;color:#86efac}.pill--offline{background:#f871712e;color:#fca5a5}.list{display:flex;flex-direction:column;gap:12px;padding:16px}.card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.card:active{transform:scale(.99);box-shadow:0 1px 6px #0f172a1a}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card__code{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted)}.card__title{margin:0 0 4px;font-size:16px;font-weight:600;line-height:1.3}.card__customer{margin:0;font-size:14px;font-weight:500}.card__address{margin:2px 0 0;font-size:13px;color:var(--muted)}.card__meta{margin:10px 0 0;font-size:12px;color:var(--muted)}.badge{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.badge--pending{background:#fef3c7;color:#92400e}.badge--in_progress{background:#dbeafe;color:#1e40af}.badge--done{background:#dcfce7;color:#166534}.detail{padding:16px}.detail__meta{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:16px}.detail__title{margin:0 0 4px;font-size:18px;font-weight:700;line-height:1.3}.detail__progress{margin:14px 0 8px;font-size:13px;font-weight:600;color:var(--muted)}.progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.progress__bar{height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.tasklist__title{margin:0 0 10px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.task{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.task--done{opacity:.85}.task__row{display:flex;align-items:center;gap:12px}.task__icon{flex-shrink:0;font-size:20px;line-height:1}.task__body{flex:1;min-width:0}.task__label{margin:0;font-size:14px;font-weight:500;line-height:1.3}.task__kind{font-size:12px;color:var(--muted)}.task__capture{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .1s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff}.btn--primary:active:not(:disabled){opacity:.85}.btn--ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.capture-trigger{width:100%;text-align:center}.capture-trigger.is-busy{opacity:.7}.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}.capture-inline{display:flex;gap:8px}.capture-input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink);background:var(--surface)}.capture-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.capture-checkbox{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.capture-checkbox input{width:18px;height:18px}.signature-pad{display:flex;flex-direction:column;gap:10px}.signature-pad__canvas{width:100%;height:140px;touch-action:none;background:var(--surface);border:1px dashed var(--line);border-radius:10px}.signature-pad__actions{display:flex;gap:8px}.signature-pad__actions .btn{flex:1}.capture-summary{display:flex;align-items:center;gap:10px}.capture-thumb{width:72px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--bg)}.capture-thumb--signature{object-fit:contain;background:#fff}.capture-summary__caption{font-size:12px;color:var(--muted)}.capture-summary__text{margin:0;font-size:14px;color:var(--ink)}.capture-summary__mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.list__sync{padding:0 16px;margin-top:12px}.sync-bar{display:flex;flex-wrap:wrap;gap:6px}.sync-chip{padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.sync-chip--inline{display:inline-block;margin-top:6px}.sync-chip--pending{background:#fef3c7;color:#92400e}.sync-chip--syncing{background:#dbeafe;color:#1e40af;animation:sync-pulse 1.1s ease-in-out infinite}.sync-chip--synced{background:#dcfce7;color:#166534}.sync-chip--failed{background:#fee2e2;color:#991b1b}.sync-bar__retry{border:none;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;color:#fff;background:var(--accent);cursor:pointer}.sync-bar__retry:active{opacity:.85}@keyframes sync-pulse{0%,to{opacity:1}50%{opacity:.55}}.admin{padding:16px}.admin__actions{margin-bottom:16px}.admin__empty{margin:24px 0;text-align:center;font-size:14px;color:var(--muted)}.admin-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.admin-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.admin-row__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.admin-row__synced{font-size:11px;font-weight:700;color:#166534;background:#dcfce7;border-radius:999px;padding:3px 8px;white-space:nowrap}.admin-row__title{margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.3}.admin-row__meta{margin:8px 0 0;font-size:12px;color:var(--muted)}.capture-error{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#fee2e2;color:#991b1b;font-size:13px;font-weight:500}.capture-error__dismiss{flex-shrink:0;width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer}.capture-error__dismiss:active{background:#991b1b1f}