.app-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-area-bottom));background:color-mix(in oklch,var(--color-bg-card) 90%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;justify-content:space-around;align-items:center;padding-bottom:var(--safe-area-bottom);border-top:1px solid var(--color-border);z-index:1000}@media(min-width:640px){.app-nav{left:50%;right:auto;transform:translate(-50%);width:600px;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--color-text-muted);font-size:.75rem;font-weight:600;padding:8px 16px;min-height:44px;border-radius:var(--radius-sm, 6px);transition:color .15s ease}.nav-item:hover{color:var(--color-text-main)}.nav-item svg{width:22px;height:22px;display:block}.nav-item.active{color:var(--color-accent)}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-2)}.task-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) var(--space-4) var(--space-6)}.task-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);cursor:pointer;transition:background .12s}.task-card:hover{background:var(--color-bg-hover, color-mix(in oklch, var(--color-bg-card) 90%, var(--color-accent)))}.task-card-header{display:flex;justify-content:space-between;align-items:center}.task-card-meta{font-size:.8rem}.task-card-action{align-self:flex-end}.scan-area{padding:var(--space-4);margin:var(--space-3) var(--space-4)}.scan-field-row{display:flex;gap:var(--space-2)}.scan-input{flex:1}.qty-input{width:5rem}.extra-input{margin-top:var(--space-2)}.count-lines{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3)}.count-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3)}.count-line-info{display:flex;flex-direction:column;gap:2px}.count-line-qty{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.qty-badge{font-size:1.2rem;font-weight:700;color:var(--color-accent)}.submit-bar{position:sticky;bottom:calc(64px + var(--safe-area-bottom) + var(--space-2));padding:var(--space-2) var(--space-3);background:var(--color-bg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.diff-section,.recount-section{padding:var(--space-3)}.warning-card{border-color:var(--color-warn, #f59e0b)}.diff-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:var(--space-2) 0}.diff-table th,.diff-table td{text-align:left;padding:var(--space-1);border-bottom:1px solid var(--color-border)}.success-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);margin:var(--space-3);text-align:center}.success-icon{display:flex;justify-content:center;color:var(--color-success)}.success-icon svg{width:48px;height:48px}.error-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);margin:var(--space-3)}.error-msg{color:var(--color-error, #ef4444)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal{width:min(90vw,380px);padding:var(--space-4)}.modal-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.info-card{display:flex;flex-direction:column;gap:4px;padding:var(--space-3);margin:0 var(--space-3) var(--space-2)}.active-inv-notice{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) var(--space-4) 0;padding:var(--space-3) var(--space-4);background:#ffefdc;background:oklch(96% .04 72deg);border:1px solid oklch(80% .09 72deg);border-radius:var(--radius-md);color:#482c00;color:oklch(32% .1 72deg)}.active-inv-icon{flex-shrink:0;display:flex;align-items:center}.active-inv-body{flex:1;display:flex;flex-direction:column;gap:2px}.active-inv-title{font-weight:700;font-size:.9rem;margin:0}.active-inv-sub{font-size:.8rem;margin:0}@media(prefers-color-scheme:dark){.active-inv-notice{background:#281600;background:oklch(22% .06 72deg);border-color:#563500;border-color:oklch(36% .1 72deg);color:#edba7a}}.inv-category-list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0}.inv-category-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);overflow:hidden;transition:box-shadow .15s}.inv-category-card.is-open{box-shadow:0 2px 16px #0000001a}.inv-category-header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text)}.inv-category-header:hover{background:var(--color-bg-hover, color-mix(in oklch, var(--color-bg-card) 90%, var(--color-accent)))}.inv-category-icon{width:22px;height:22px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.inv-category-icon svg{width:22px;height:22px}.inv-category-text{flex:1;display:flex;flex-direction:column;gap:2px}.inv-category-text strong{font-size:1rem}.inv-category-text .text-muted{font-size:.8rem}.inv-category-chevron{color:var(--color-text-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.inv-category-chevron svg{width:16px;height:16px;transition:transform .2s ease-out}.inv-category-card.is-open .inv-category-chevron svg{transform:rotate(180deg)}.inv-category-body{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.inv-mode-btn{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.75rem + var(--space-3));border:none;border-bottom:1px solid var(--color-border);background:none;cursor:pointer;text-align:left;color:var(--color-text);transition:background .12s}.inv-mode-btn:last-child{border-bottom:none}.inv-mode-btn:hover{background:color-mix(in oklch,var(--color-bg-card) 85%,var(--color-accent))}.inv-mode-icon{width:20px;height:20px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.inv-mode-icon svg{width:20px;height:20px}.inv-mode-btn div{display:flex;flex-direction:column;gap:2px}.inv-mode-btn strong{font-size:.9rem}.inv-mode-btn .text-muted{font-size:.78rem}.session-history{padding:var(--space-4);margin-top:var(--space-2)}.session-history .section-label{margin-top:0}.session-history .session-grid{padding:0}.setup-link{display:flex;align-items:center;justify-content:center;line-height:1;text-decoration:none;opacity:.55;transition:opacity .15s;padding:var(--space-2);margin:calc(-1 * var(--space-2));border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;color:var(--color-text)}.setup-link svg{width:20px;height:20px}.setup-link:hover{opacity:1}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.count-line{background:transparent;border:none;border-radius:0;border-bottom:1px solid var(--color-border);box-shadow:none}.count-line:last-child{border-bottom:none}.count-lines{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-2) var(--space-4)}.badge-info{background:var(--color-accent-faint);color:#003c79;color:oklch(36% .18 255deg)}.badge-warn{background:#ffebd3;background:oklch(95% .06 72deg);color:#563500;color:oklch(36% .11 72deg)}@media(prefers-color-scheme:dark){.badge-info{background:var(--color-accent-faint);color:#85baff;color:oklch(78% .15 255deg)}.badge-warn{background:#281600;background:oklch(22% .06 72deg);color:#e4a249}}.spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .75s linear infinite;flex-shrink:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--space-3));padding:0 var(--space-3)}.location-hint{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-top:var(--space-2);animation:fadeIn .2s ease-out}.warning-heading,.info-heading{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3)}.warning-heading svg,.info-heading svg{flex-shrink:0;width:22px;height:22px}.warning-heading{color:var(--color-warning)}.recount-note{margin-top:var(--space-3);font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}:root{--color-accent: oklch(56% .2 255deg);--color-accent-hover: oklch(49% .22 255deg);--color-accent-faint: oklch(95% .04 255deg);--color-accent-dark: oklch(49% .22 255deg);--color-success: oklch(59% .17 158deg);--color-warning: oklch(72% .16 72deg);--color-danger: oklch(54% .21 27deg);--color-bg-base: oklch(97.5% .005 255deg);--color-bg-card: oklch(99.5% .003 255deg);--color-bg-subtle: oklch(94.5% .008 255deg);--color-bg-input: oklch(99.5% .003 255deg);--color-text-main: oklch(16% .016 255deg);--color-text-muted: oklch(52% .018 255deg);--color-text-on-dark: oklch(98% .004 255deg);--color-border: oklch(88% .012 255deg);--color-border-strong: oklch(77% .016 255deg);--color-primary: var(--color-text-main);--color-primary-light: oklch(24% .018 255deg);--space-1: 4px;--spacing-xs: 4px;--space-2: 8px;--spacing-sm: 8px;--space-3: 12px;--space-4: 16px;--spacing-md: 16px;--space-6: 24px;--spacing-lg: 24px;--space-8: 32px;--spacing-xl: 32px;--space-12: 48px;--radius-sm: 6px;--border-radius-sm: 6px;--radius-md: 10px;--border-radius-md: 10px;--radius-lg: 16px;--border-radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgb(15 23 42 / 6%);--shadow-md: 0 4px 16px rgb(15 23 42 / 9%);--shadow-lg: 0 -6px 32px rgb(15 23 42 / 12%);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--font-main: -apple-system, "BlinkMacSystemFont", "SF Pro Text", "Segoe UI", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--color-bg-base: oklch(17% .012 255deg);--color-bg-card: oklch(21% .014 255deg);--color-bg-subtle: oklch(25% .014 255deg);--color-bg-input: oklch(21% .014 255deg);--color-text-main: oklch(93% .007 255deg);--color-text-muted: oklch(62% .014 255deg);--color-border: oklch(31% .016 255deg);--color-border-strong: oklch(40% .016 255deg);--color-accent-faint: oklch(25% .05 255deg);--color-primary-light: oklch(30% .018 255deg)}}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-main);background:var(--color-bg-base);color:var(--color-text-main);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:600px;margin:0 auto;padding:0 0 calc(80px + var(--safe-area-bottom));min-height:100vh}.page--narrow{max-width:480px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);position:sticky;top:0;background:color-mix(in oklch,var(--color-bg-base) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border)}.page-header h1{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.page-header--stacked{flex-direction:column;align-items:flex-start;gap:var(--space-1);padding-bottom:var(--space-3)}.page-header__nav{display:flex;align-items:center;margin-bottom:2px}.page-header__title{display:flex;align-items:center;gap:var(--space-2);width:100%;min-width:0}.page-header__title h1{flex:1}.section{padding:var(--space-4)}.section h2{margin:0 0 var(--space-2);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.section h3{margin:0 0 var(--space-2);font-size:.95rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;cursor:pointer;transition:background-color .15s ease,opacity .15s ease,transform .1s ease;-webkit-tap-highlight-color:transparent;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:active{transform:scale(.97)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;filter:grayscale(.3)}.btn:disabled:active,.btn[disabled]:active{transform:none}.btn-primary{background:var(--color-text-main);color:var(--color-bg-base)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-accent{background:var(--color-accent);color:var(--color-text-on-dark)}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.btn-ghost{background:transparent;color:var(--color-text-main)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle)}.btn-danger{background:var(--color-bg-card);color:var(--color-danger);border:1px solid var(--color-border)}.btn-danger:hover:not(:disabled){background:#fff2f0;background:oklch(97% .02 27deg)}@media(prefers-color-scheme:dark){.btn-secondary{border-color:var(--color-border-strong)}.btn-danger:hover:not(:disabled){background:#2b1310}}.btn-large{width:100%;min-height:52px;font-size:1rem}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:.85rem}.btn-icon{padding:0;min-width:44px;width:44px;height:44px}.btn-back{padding:0 var(--space-2) 0 0;font-size:.8rem;font-weight:600;color:var(--color-accent);white-space:nowrap;min-height:36px;gap:var(--space-1);background:none;border:none}.btn-icon-only{padding:0;min-width:44px;width:44px;height:44px;border-radius:50%}.btn-scan{width:100%;min-height:64px;font-size:1.1rem;border-radius:var(--radius-lg);background:var(--color-text-main);color:var(--color-bg-base);box-shadow:var(--shadow-md)}.btn-scan:disabled{opacity:.5;filter:none}.btn-scan:hover:not(:disabled){background:var(--color-primary-light)}.btn-qty{width:44px;height:44px;min-height:44px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-main);border:1px solid var(--color-border);font-size:1.5rem;padding:0}.btn-qty:hover:not(:disabled){background:var(--color-border)}.form{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-group label,.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}input[type=text],input[type=number],input[type=date],textarea,select{width:100%;min-height:44px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.95rem;background:var(--color-bg-input);color:var(--color-text-main);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;appearance:none;-webkit-appearance:none}textarea{min-height:unset;padding:var(--space-3);resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f62e}.form-hint{font-size:.8rem;color:var(--color-text-muted);line-height:1.5;margin:var(--space-1) 0 0}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-blue{background:var(--color-accent-faint);color:#003c79;color:oklch(36% .18 255deg)}.badge-green{background:#cbf8dc;color:#003820;color:oklch(30% .12 158deg)}.badge-yellow{background:#ffebd3;background:oklch(95% .06 72deg);color:#563500;color:oklch(36% .11 72deg)}.badge-red{background:#ffe2de;background:oklch(94% .05 27deg);color:#6f0006;color:oklch(34% .16 27deg)}.badge-gray{background:var(--color-bg-subtle);color:var(--color-text-muted)}.badge-locked{background:var(--color-bg-subtle);color:var(--color-text-muted);opacity:.9}@media(prefers-color-scheme:dark){.badge-blue{background:var(--color-accent-faint);color:#85baff;color:oklch(78% .15 255deg)}.badge-green{background:#002111;background:oklch(22% .07 158deg);color:#45bf82}.badge-yellow{background:#281600;background:oklch(22% .06 72deg);color:#e4a249}.badge-red{background:#310d0a;color:#ef7f74}}.session-card-locked{cursor:default}.locked-notice{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin:0 var(--space-4) var(--space-4);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;color:var(--color-text-muted)}.locked-notice:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);flex-shrink:0;opacity:.5}.premium-card{background:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .15s ease}.premium-card:active{transform:scale(.99)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) 0;color:var(--color-text-muted)}.spinner{width:32px;height:32px;border:2.5px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .75s linear infinite}.spinner--large{width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.session-grid{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.session-card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,transform .1s ease;text-align:left;width:100%;font-size:inherit;font-family:inherit}.session-card:hover{background:var(--color-bg-subtle)}.session-card:active{transform:scale(.99)}.session-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.session-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.session-card__name{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.015em}.session-card-locked .session-card__name{color:var(--color-text-muted);font-weight:600}.session-card__meta{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--space-1)}.session-card__progress{margin:var(--space-3) 0}.session-card__footer{font-size:.75rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-2);margin:0}.progress-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.progress-bar--large{height:8px;background:var(--color-border);margin:0 var(--space-4) var(--space-3);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--color-accent);transition:width .4s ease;border-radius:var(--radius-full)}.progress-text{font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3);padding:var(--space-4)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px var(--space-3);text-align:center}.stat-card--warn{background:#ffefdc;background:oklch(96% .05 72deg);border-color:#f3c080}.stat-card__value{margin:0 0 var(--space-1);font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-main)}.stat-card--warn .stat-card__value{color:#5d3a00;color:oklch(38% .12 72deg)}.stat-card__label{margin:0;font-size:.72rem;color:var(--color-text-muted);line-height:1.3}@media(prefers-color-scheme:dark){.stat-card--warn{background:#281600;background:oklch(22% .06 72deg);border-color:#4f3100;border-color:oklch(34% .1 72deg)}.stat-card--warn .stat-card__value{color:#e7a13c}}.counters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.85rem;color:var(--color-text-muted)}.counter-chip{background:var(--color-accent-faint);color:#003c79;color:oklch(36% .18 255deg);border-radius:var(--radius-full);padding:2px var(--space-3);font-size:.8rem;font-weight:600}@media(prefers-color-scheme:dark){.counter-chip{color:#85baff;color:oklch(78% .15 255deg)}}.actions-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4)}.tabs{display:flex;border-bottom:1px solid var(--color-border);padding:0 var(--space-4)}.tab{padding:var(--space-3);min-height:44px;font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;font-family:inherit;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--color-text-main)}.tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.tab--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);vertical-align:top}.data-table small{color:var(--color-text-muted);font-size:.8em}.data-table tbody tr:hover{background:var(--color-bg-subtle)}.info-table{width:100%;font-size:.9rem;border-collapse:collapse}.info-table th{text-align:left;padding:var(--space-2);font-weight:500;color:var(--color-text-muted);width:140px;vertical-align:top}.info-table td{padding:var(--space-2);color:var(--color-text-main)}.variance--warn{color:#643f00;color:oklch(40% .12 72deg);font-weight:600}.variance--critical{color:var(--color-danger);font-weight:700}@media(prefers-color-scheme:dark){.variance--warn{color:#dd9314}}.status-bar{display:flex;align-items:center;padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:600;color:var(--color-text-on-dark);z-index:500}.status-bar--offline{background:var(--color-danger)}.status-bar--syncing{background:var(--color-accent)}.success-banner,.error-banner{margin:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;line-height:1.5}.success-banner{background:#cbf8dc;color:#00321c;color:oklch(28% .1 158deg);border:1px solid oklch(82% .1 158deg)}.error-banner{background:#ffedeb;background:oklch(96% .04 27deg);color:#6a0005;color:oklch(33% .14 27deg);border:1px solid oklch(87% .07 27deg)}@media(prefers-color-scheme:dark){.success-banner{background:#002111;background:oklch(22% .07 158deg);color:#65d097;border-color:#003e24;border-color:oklch(32% .1 158deg)}.error-banner{background:#2c0806;color:#ff968a;color:oklch(78% .14 27deg);border-color:#55110f}}.success-flash{background:var(--color-success);color:var(--color-text-on-dark);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;animation:slide-up .25s ease-out}.empty-state{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-muted)}.empty-state p{margin:0 0 var(--space-6)}.scan-screen{display:flex;flex-direction:column;height:100dvh;max-width:600px;margin:0 auto;background:var(--color-bg-base);overflow:hidden}.scan-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);gap:var(--space-2);background:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:200;flex-shrink:0}.scan-header__center{flex:1;text-align:center}.session-name{font-weight:700;font-size:.95rem;letter-spacing:-.01em}.location-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);cursor:pointer;flex-shrink:0;transition:background-color .12s ease}.location-bar:hover{background:var(--color-border)}.location-bar:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.location-bar--empty{background:var(--color-accent-faint);border-bottom-color:#79b1f9;border-top:1px solid oklch(75% .12 255deg)}.location-bar--empty .location-bar__empty{color:var(--color-accent);font-weight:600}.location-bar--empty .location-bar__icon{color:var(--color-accent)}.location-bar__icon{flex-shrink:0;display:flex;align-items:center;color:var(--color-text-muted)}.location-bar__action{margin-left:auto;flex-shrink:0;display:flex;align-items:center;color:var(--color-text-muted);font-size:.8rem;gap:var(--space-1)}.location-bar__chevron{transition:transform .2s ease-out}.location-bar--open .location-bar__chevron{transform:rotate(180deg)}.location-list-inline{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);max-height:38dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.location-bar__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap}.location-bar__code{font-weight:600;font-size:.95rem;color:var(--color-text-main)}.location-bar__empty{color:var(--color-text-muted);font-size:.9rem}.location-picker-overlay{position:fixed;inset:0;background:#0000007f;z-index:500;display:flex;align-items:flex-end}.location-picker{background:var(--color-bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-6) var(--space-4) calc(var(--space-6) + var(--safe-area-bottom));width:100%;max-height:70dvh;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-lg)}.location-picker h3{margin:0;font-size:1rem;font-weight:700}.location-list{overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1);flex:1}.location-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:none;cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:.9rem;min-height:52px;transition:background-color .12s ease,border-color .12s ease}.location-item:hover{background:var(--color-accent-faint);border-color:#79b1f9}.location-item--active{background:var(--color-accent-faint);border-color:var(--color-accent)}.location-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.location-item__code{color:var(--color-text-main);font-weight:700}.location-item__name{color:var(--color-text-muted);font-size:.85rem}.scan-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.scan-ready{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-8) var(--space-4)}.manual-entry{display:flex;gap:var(--space-2);width:100%;max-width:360px}.manual-entry input{flex:1}.camera-view{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000}.camera-feed{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.scan-frame{width:240px;height:160px;border:2px solid rgb(255 255 255 / 80%);border-radius:var(--radius-md);box-shadow:0 0 0 9999px #00000073;position:relative;overflow:hidden}.scan-frame:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#60a5fae5;box-shadow:0 0 10px #60a5fa7f;animation:scanline 2s ease-in-out infinite}@keyframes scanline{0%{transform:translateY(0)}50%{transform:translateY(156px)}to{transform:translateY(0)}}.btn-cancel{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);background:#ffffff2e;color:#fff;border:1px solid rgb(255 255 255 / 35%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:var(--radius-full);min-height:44px;padding:0 var(--space-6)}.btn-cancel:hover{background:#ffffff47}.qty-entry{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);align-items:center}.item-card,.item-card-mini{text-align:center;width:100%;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.item-card__name{margin:0;font-weight:700;font-size:1.1rem;letter-spacing:-.015em}.item-card__number{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.85rem;font-weight:600}.item-card__barcode{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:.8rem}.item-card__image{width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.item-card__text{flex:1}.item-card-mini:has(.item-card__image){display:flex;align-items:center;gap:var(--space-3);text-align:left}.item-card-mini:has(.item-card__image) .item-card__image{flex-shrink:0;margin-bottom:0}.qty-input-group{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.qty-input{width:110px;height:80px;min-height:unset;font-size:3rem;font-weight:700;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-main);padding:0;font-family:inherit}.qty-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f62e}.qty-unit{color:var(--color-text-muted);font-size:.9rem;margin:0}.saving-state,.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center}.error-message{color:var(--color-danger);font-size:1rem}.modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:600;display:flex;align-items:flex-end}.modal{background:var(--color-bg-card);width:100%;max-height:88dvh;display:flex;flex-direction:column;overflow:hidden}.modal--full-screen{border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);overflow-y:auto}.modal__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.modal__body{padding:var(--space-4) var(--space-6) calc(var(--space-6) + var(--safe-area-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.item-summary{text-align:center;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--color-border)}.item-summary__name{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.item-summary__number{margin:var(--space-1) 0 0;font-size:.85rem;color:var(--color-text-muted);font-weight:600}.duplicate-info{font-size:.9rem;line-height:1.5}.duplicate-info p{margin:0 0 var(--space-3)}.existing-lines{display:flex;flex-direction:column;gap:var(--space-2)}.label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0 0 var(--space-2);display:block}.existing-line{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md)}.existing-line__location{font-weight:600;font-size:.9rem}.existing-line__qty{font-size:.9rem;color:var(--color-text-muted)}.existing-total{margin:var(--space-2) 0 0;font-size:.9rem;color:var(--color-text-muted)}.duplicate-choices{display:flex;flex-direction:column;gap:var(--space-2)}.choice-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);cursor:pointer;text-align:left;width:100%;font-family:inherit;min-height:64px;transition:background-color .12s ease,border-color .12s ease}.choice-card:hover{background:var(--color-bg-subtle)}.choice-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.choice-card--primary{background:var(--color-accent-faint);border-color:#79b1f9}.choice-card--primary:hover{background:#d4e6ff;background:oklch(92% .06 255deg)}.choice-card--ghost{border-color:transparent;background:transparent;color:var(--color-text-muted)}.choice-card--ghost:hover{background:var(--color-bg-subtle);border-color:var(--color-border);color:var(--color-text-main)}.choice-card__icon{font-size:1.25rem;flex-shrink:0;line-height:1;margin-top:2px}.choice-card__content{flex:1}.choice-card__content strong{display:block;font-size:.95rem;font-weight:700;margin-bottom:var(--space-1)}.choice-card__content p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.45}@media(prefers-color-scheme:dark){.choice-card--primary{background:#102239;border-color:#0e4786}.choice-card--primary:hover{background:#0e294a}}.approval-summary{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.approval-form{display:flex;flex-direction:column;gap:var(--space-4)}.legal-ack{padding:var(--space-4);background:#ffefdc;background:oklch(96% .05 72deg);border:1px solid oklch(82% .1 72deg);border-radius:var(--radius-md)}.checkbox-label{display:flex;gap:var(--space-3);font-size:.9rem;line-height:1.55;cursor:pointer;align-items:flex-start}.checkbox-label input[type=checkbox]{flex-shrink:0;margin-top:3px;width:18px;height:18px;min-height:unset;cursor:pointer;accent-color:var(--color-accent)}.approval-actions{display:flex;flex-direction:column;gap:var(--space-3)}.return-form{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.return-form label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.sync-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.sync-section h3{margin:0;font-size:.95rem;font-weight:700}.sync-section p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.5}.sync-confirm{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#ffedeb;background:oklch(96% .04 27deg);border:1px solid oklch(82% .08 27deg);border-radius:var(--radius-md)}.sync-confirm__warning{margin:0;font-size:.9rem;font-weight:600;color:#76080c;line-height:1.5}.sync-confirm__actions{display:flex;gap:var(--space-3)}@media(prefers-color-scheme:dark){.sync-confirm{background:#2c0806;border-color:#55110f}.sync-confirm__warning{color:#ff968a;color:oklch(78% .14 27deg)}}@media(prefers-color-scheme:dark){.legal-ack{background:#281600;background:oklch(22% .06 72deg);border-color:#4f3100;border-color:oklch(34% .1 72deg)}}.header-group{display:flex;flex-direction:column;gap:2px}.header-pre{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.user-avatar{width:40px;height:40px;background:var(--color-primary-light);color:var(--color-text-on-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;letter-spacing:.02em}.btn-grid{display:flex;flex-direction:column;gap:var(--space-3)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:.9rem}.info-row:last-child{border-bottom:none}.info-value{font-weight:700}.text-body-muted{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;margin:0}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation:slide-up .3s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}