:root{color:var(--ink);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;--app-bg:oklch(94.5% .012 178);--app-band:oklch(91% .016 178);--ink:oklch(19% .027 165);--ink-2:oklch(31% .032 165);--muted:oklch(46% .026 170);--line:oklch(84% .017 170);--line-strong:oklch(73% .026 170);--surface:oklch(99.5% .003 170);--surface-soft:oklch(96.7% .008 170);--surface-green:oklch(93% .045 160);--field:oklch(98.5% .004 170);--primary:oklch(39% .102 160);--primary-dark:oklch(29% .084 160);--primary-ink:oklch(20% .057 160);--accent:oklch(74% .16 78);--danger:oklch(48% .17 28);--danger-dark:oklch(38% .15 28);--danger-soft:oklch(95.5% .033 24);--warning:oklch(54% .12 70);--warning-soft:oklch(96.5% .045 86);--info:oklch(43% .11 238);--info-soft:oklch(94% .035 238);--shadow:0 4px 10px color-mix(in oklch, var(--ink) 10%, transparent);--ring:0 0 0 3px color-mix(in oklch, var(--primary) 24%, transparent);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--app-bg)}body{background:var(--app-bg);-webkit-tap-highlight-color:transparent;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}h1,h2,p{margin:0}input,select{border:1px solid var(--line);background:var(--field);width:100%;min-height:48px;color:var(--ink);border-radius:10px;outline:none;padding:0 12px}input::placeholder{color:color-mix(in oklch, var(--muted) 86%, var(--ink))}input:focus,select:focus,button:focus-visible{border-color:var(--primary);box-shadow:var(--ring);outline:none}label{color:var(--muted);gap:8px;font-size:13px;font-weight:800;display:grid}.app-shell{grid-template-rows:auto auto 1fr auto;min-height:100vh;display:grid}.topbar{z-index:10;padding:14px max(16px, env(safe-area-inset-left)) 14px max(16px, env(safe-area-inset-left));border-bottom:1px solid color-mix(in oklch, var(--primary-dark) 64%, transparent);background:var(--primary-dark);color:#fff;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand-lockup,.topbar-actions,.status-pill,.tabs button,.primary-action,.ghost-action,.danger-action,.section-title,.workflow-step,.upload-control,.ok-line,.issue,.check-item,.amount-field span{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-logo{border-radius:10px;flex:0 0 46px;width:46px;height:46px;display:block;box-shadow:0 0 0 1px oklch(100% 5.96046e-8 none/.28)}.brand-copy{min-width:0}h1{color:#fff;letter-spacing:0;font-size:25px;line-height:1.05}.brand-copy p{max-width:46vw;color:color-mix(in oklch, white 78%, var(--accent));text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;font-weight:760;overflow:hidden}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-pill{color:#fff;white-space:nowrap;background:oklch(100% 5.96046e-8 none/.08);border:1px solid oklch(100% 5.96046e-8 none/.24);border-color:oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24);border-radius:10px;gap:7px;min-height:36px;padding:0 10px;font-size:12px;font-weight:850}.status-pill.online{color:oklch(94% .05 160);border-color:oklch(84% .12 160/.48)}.status-pill.offline,.status-pill.warning{color:oklch(93% .08 78);border-color:color-mix(in oklch, var(--accent) 58%, transparent)}.tabs{z-index:9;border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--app-band) 88%, white);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px clamp(14px,3vw,28px);display:grid;position:sticky;top:75px}.tabs button{min-width:0;min-height:48px;color:var(--ink-2);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;gap:8px;padding:0 10px;font-weight:850;transition:background .18s,border-color .18s,transform .18s}.tabs button.active{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow)}.tabs button:active,.primary-action:active,.ghost-action:active,.danger-action:active,.customer-option:active,.segmented:active{transform:translateY(1px)}.tabs button.danger-tab{color:var(--danger)}main{width:min(1240px,100%);margin:0 auto;padding:clamp(14px,3vw,28px)}.command-strip{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 16px;display:flex}.command-strip>div{min-width:0}.command-strip strong{overflow-wrap:anywhere;color:var(--ink);margin-top:3px;font-size:18px;display:block}.micro-label,.command-facts span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:850}.command-facts{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.command-facts span{background:var(--surface-soft);border-radius:999px;align-items:center;min-height:28px;padding:0 9px;display:inline-flex}.driver-layout,.close-layout,.sync-layout,.reviewer-layout{grid-template-columns:minmax(320px,450px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.work-column,.profile-surface,.day-command,.entry-surface,.close-command,.sync-command,.reviewer-command,.wide-surface,.ledger-surface{min-width:0}.work-column{gap:14px;display:grid}.surface{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;padding:16px}.section-title{gap:10px;min-width:0;margin-bottom:14px}.section-icon{width:38px;height:38px;color:var(--primary-dark);background:var(--surface-green);border-radius:10px;flex:0 0 38px;place-items:center;display:grid}.section-title h2{color:var(--ink);letter-spacing:0;text-wrap:balance;font-size:18px;line-height:1.18}.section-title p,.operator-note,.empty-state p{color:var(--muted);overflow-wrap:anywhere;margin-top:3px;font-size:13px;line-height:1.38}.profile-grid,.entry-form,.close-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.profile-surface,.entry-surface,.close-command,.sync-command,.reviewer-command{gap:14px;display:grid}.day-command{background:linear-gradient(135deg, color-mix(in oklch, var(--surface-green) 72%, white), var(--surface)), var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.day-command .section-title{margin-bottom:0}.day-stamp{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.day-stamp span,.day-stamp strong{border:1px solid var(--line);background:var(--surface);min-height:30px;color:var(--ink-2);text-transform:capitalize;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.workflow-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.workflow-step{border:1px solid var(--line);min-width:0;min-height:64px;color:var(--muted);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;padding:8px}.workflow-step span{background:var(--surface-soft);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.workflow-step strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.1;overflow:hidden}.workflow-step.done{color:var(--primary-dark);border-color:color-mix(in oklch, var(--primary) 34%, var(--line));background:var(--surface-green)}.primary-action,.ghost-action,.danger-action{border:1px solid #0000;border-radius:10px;justify-content:center;gap:8px;width:100%;min-height:52px;font-weight:900;transition:background .18s,border-color .18s,transform .18s}.action-lg{min-height:58px}.compact-action{width:auto;min-width:108px;padding:0 14px}.primary-action{color:#fff;background:var(--primary)}.primary-action:hover{background:var(--primary-dark)}.ghost-action{color:var(--ink);border-color:var(--line-strong);background:var(--surface)}.ghost-action:hover{border-color:var(--primary)}.danger-action{color:#fff;background:var(--danger)}.danger-action:hover{background:var(--danger-dark)}.customer-picker{gap:10px;display:grid}.search-input{border:1px solid var(--line);background:var(--field);min-height:52px;color:var(--muted);border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;padding:0 11px;display:grid}.search-input:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.search-input input{min-height:50px;box-shadow:none;background:0 0;border:0;padding:0}.customer-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;font-weight:800;display:flex}.customer-meta strong{color:var(--warning)}.customer-list{gap:8px;max-height:330px;padding-right:2px;display:grid;overflow:auto}.customer-option{border:1px solid var(--line);min-height:62px;color:var(--ink);background:var(--surface);text-align:left;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;transition:background .18s,border-color .18s,transform .18s;display:grid}.customer-option:hover{border-color:var(--line-strong);background:var(--surface-soft)}.customer-option.selected{border-color:color-mix(in oklch, var(--primary) 62%, var(--line));background:var(--surface-green)}.customer-option span{gap:2px;min-width:0;display:grid}.customer-option strong,.row-main strong,.report-item strong,.review-item strong{overflow-wrap:anywhere}.customer-option small,.row-main span,.row-money span,.row-qty span,.report-item span,.report-item small,.queue-item small,.review-item p,.review-item span{color:var(--muted)}.customer-option b{color:var(--primary-dark);white-space:nowrap}.quantity-field{color:var(--muted);gap:8px;font-size:13px;font-weight:850;display:grid}.quantity-field>div{border:1px solid var(--line);background:var(--field);border-radius:10px;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;min-height:52px;display:grid;overflow:hidden}.quantity-field button{width:46px;height:52px;color:var(--primary-dark);background:var(--surface-soft);border:0;place-items:center;display:grid}.quantity-field input{border:0;border-inline:1px solid var(--line);text-align:center;background:0 0;border-radius:0;min-height:52px;font-size:19px;font-weight:900}.payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented{border:1px solid var(--line);min-width:0;min-height:44px;color:var(--ink-2);background:var(--surface);border-radius:10px;padding:0 10px;font-weight:850;transition:background .18s,border-color .18s,transform .18s}.segmented.active{color:var(--primary-dark);border-color:color-mix(in oklch, var(--primary) 50%, var(--line));background:var(--surface-green)}.amount-field span{border:1px solid var(--line);background:var(--field);min-height:52px;color:var(--muted);border-radius:10px;gap:8px;padding:0 12px}.amount-field span:focus-within{border-color:var(--primary);box-shadow:var(--ring)}.amount-field input{min-height:50px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:18px;font-weight:900}.ledger-surface{max-height:calc(100vh - 176px);position:sticky;top:150px;overflow:auto}.compact-ledger{max-height:none;position:static}.ledger-head{color:var(--muted);text-transform:uppercase;grid-template-columns:44px minmax(0,1fr) minmax(74px,.42fr) minmax(88px,.48fr) 44px;gap:10px;padding:0 10px 8px;font-size:11px;font-weight:900;display:grid}.row-list,.issue-list,.queue-list,.review-list,.report-list,.close-checklist{gap:10px;display:grid}.entry-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;grid-template-columns:44px minmax(0,1fr) minmax(74px,.42fr) minmax(88px,.48fr) 44px;align-items:center;gap:10px;min-height:72px;padding:10px;display:grid}.row-index{width:34px;height:34px;color:var(--primary-dark);background:var(--surface-green);border-radius:9px;place-items:center;font-weight:950;display:grid}.row-main,.row-money,.row-qty,.report-item div,.review-item div{gap:4px;min-width:0;display:grid}.row-money,.row-qty{text-align:right}.row-money strong,.row-qty strong{white-space:nowrap}.icon-button{border:1px solid color-mix(in oklch, var(--danger) 30%, var(--line));width:42px;height:42px;color:var(--danger);background:var(--surface);border-radius:10px;place-items:center;display:grid}.icon-button:hover{background:var(--danger-soft)}.metric-tile{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-content:center;gap:4px;min-height:86px;padding:12px;display:grid}.metric-tile span{color:var(--primary-dark)}.metric-tile small,.sync-hero span,.release-state span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.metric-tile strong,.sync-hero strong,.release-state strong{color:var(--ink);font-size:24px;line-height:1.05}.upload-control{border:1px dashed var(--info);min-height:64px;color:var(--info);background:var(--info-soft);text-align:center;border-radius:12px;justify-content:center;gap:9px;padding:12px}.upload-control.attached{color:var(--primary-dark);border-color:var(--primary);background:var(--surface-green)}.upload-control input{opacity:0;pointer-events:none;position:absolute}.check-item{border:1px solid var(--line);min-height:42px;color:var(--warning);background:var(--warning-soft);border-radius:10px;gap:8px;padding:9px 10px;font-size:13px;font-weight:840}.check-item.ok{color:var(--primary-dark);background:var(--surface-green)}.issue,.ok-line{border-radius:10px;align-items:flex-start;gap:8px;padding:10px;font-size:13px;font-weight:750}.issue.blocker{color:var(--danger);border:1px solid color-mix(in oklch, var(--danger) 35%, var(--line));background:var(--danger-soft)}.issue.warning,.issue-note{color:var(--warning);border:1px solid color-mix(in oklch, var(--warning) 32%, var(--line));background:var(--warning-soft)}.issue-note{border-radius:10px;padding:9px 10px;font-size:13px;font-weight:850}.ok-line{color:var(--primary-dark);border:1px solid color-mix(in oklch, var(--primary) 36%, var(--line));background:var(--surface-green)}.cloud-diagnostic,.update-diagnostic{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.cloud-diagnostic.connected,.update-diagnostic.current{border-color:color-mix(in oklch, var(--primary) 42%, var(--line));background:var(--surface-green)}.cloud-diagnostic.offline,.cloud-diagnostic.error,.update-diagnostic.native_update,.update-diagnostic.web_update{border-color:color-mix(in oklch, var(--accent) 48%, var(--line));background:color-mix(in oklch, var(--accent) 12%, var(--surface))}.cloud-diagnostic div,.update-diagnostic div{gap:4px;min-width:0;display:grid}.cloud-diagnostic strong,.cloud-diagnostic span,.cloud-diagnostic small,.update-diagnostic strong,.update-diagnostic span,.update-diagnostic small{overflow-wrap:anywhere}.cloud-diagnostic span,.update-diagnostic span{color:var(--ink-2);font-size:13px;font-weight:780}.cloud-diagnostic small,.update-diagnostic small{color:var(--muted);font-size:12px;font-weight:820}.update-actions{flex-wrap:wrap;justify-content:flex-end;display:flex}.sync-hero,.release-state{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;align-content:center;justify-items:center;gap:4px;min-height:116px;display:grid}.sync-hero strong{font-size:54px}.queue-item,.review-item,.report-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;display:grid}.queue-item strong{text-transform:capitalize}.queue-item.done strong{color:var(--primary)}.queue-item.failed strong{color:var(--danger)}.queue-item.syncing strong{color:var(--info)}.reviewer-layout{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.wide-surface{grid-column:span 1}.review-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.review-actions button{border:1px solid var(--line);min-height:40px;color:var(--ink-2);background:var(--surface);border-radius:10px;padding:0 12px;font-weight:850}.review-actions button:hover{border-color:var(--primary)}.report-item{grid-template-columns:minmax(0,1fr) auto 20px;align-items:center}.empty-state{border:1px dashed var(--line-strong);min-height:96px;color:var(--muted);background:var(--surface-soft);text-align:center;border-radius:12px;place-items:center;gap:5px;padding:18px;display:grid}.empty-state span{width:36px;height:36px;color:var(--primary-dark);background:var(--surface-green);border-radius:10px;place-items:center;display:grid}.empty-state strong{color:var(--ink)}.statusbar{z-index:8;padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--muted);background:color-mix(in oklch, white 94%, var(--app-bg));justify-content:space-between;gap:12px;font-size:13px;font-weight:800;display:flex;position:sticky;bottom:0}.statusbar span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1020px){.driver-layout,.close-layout,.sync-layout,.reviewer-layout{grid-template-columns:1fr}.ledger-surface{max-height:none;position:static}}@media (width<=700px){.app-shell{grid-template-rows:auto 1fr auto auto}.topbar{padding:12px 12px 10px}.brand-logo{flex-basis:42px;width:42px;height:42px}h1{font-size:23px}.brand-copy p{max-width:56vw}.topbar-actions{display:none}.tabs{z-index:11;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in oklch, white 96%, var(--app-bg));border-bottom:0;gap:6px;position:fixed;inset:auto 0 38px}.tabs button{flex-direction:column;gap:4px;min-height:54px;padding:4px 2px;font-size:11px}main{padding:10px 10px 112px}.command-strip{gap:10px;margin-bottom:10px;padding:12px;display:grid}.command-facts{justify-content:flex-start}.surface{box-shadow:none;border-radius:12px;padding:14px}.profile-grid,.entry-form,.close-metrics,.payment-grid,.day-command{grid-template-columns:1fr}.compact-action{width:100%}.workflow-rail{grid-template-columns:repeat(2,minmax(0,1fr))}input,select{min-height:52px;font-size:16px}.customer-list{max-height:none}.ledger-head{display:none}.entry-row{grid-template-columns:36px minmax(0,1fr) 42px;align-items:start;gap:10px}.row-main{grid-column:2}.row-qty,.row-money{text-align:left;grid-column:2}.icon-button{grid-area:1/3/span 3}.review-item,.queue-item{grid-template-columns:1fr}.review-actions{justify-content:flex-start}.statusbar{min-height:38px;padding:8px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}