@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";@property --fui-spinner-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.fui-spinner[data-v-b805c741]{--fui-spinner-thickness:14.7%;--fui-spinner-mask-thickness:29.4%;--fui-spinner-inset:7.5%;--fui-spinner-paint-size:calc(100% - 2 * var(--fui-spinner-inset));--fui-spinner-track-color:transparent;background-image:radial-gradient(calc(var(--fui-spinner-thickness) / 2) calc(var(--fui-spinner-thickness) / 2) at calc(50% + (50% - var(--fui-spinner-thickness) / 2) * sin(var(--fui-spinner-angle))) calc(50% - (50% - var(--fui-spinner-thickness) / 2) * cos(var(--fui-spinner-angle))), currentColor 92%, transparent), conic-gradient(from var(--fui-spinner-angle), transparent 32%, currentColor 92%, currentColor 100%), linear-gradient(var(--fui-spinner-track-color), var(--fui-spinner-track-color));background-size:var(--fui-spinner-paint-size) var(--fui-spinner-paint-size);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - .5px), transparent 100%) center / var(--fui-spinner-paint-size) var(--fui-spinner-paint-size) no-repeat;-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - .5px), transparent 100%) center / var(--fui-spinner-paint-size) var(--fui-spinner-paint-size) no-repeat;mask:radial-gradient(farthest-side, transparent calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - var(--fui-spinner-mask-thickness)), #000 calc(100% - .5px), transparent 100%) center / var(--fui-spinner-paint-size) var(--fui-spinner-paint-size) no-repeat;background-position:50%;background-repeat:no-repeat;animation:.7s linear infinite fui-spinner-rotate-b805c741}.fui-spinner--track[data-v-b805c741]{--fui-spinner-track-color:color-mix(in srgb, currentColor 15%, transparent)}@keyframes fui-spinner-rotate-b805c741{to{--fui-spinner-angle:360deg}}@media (prefers-reduced-motion:reduce){.fui-spinner[data-v-b805c741]{animation-duration:1.6s}}.product-picker[data-v-3d90367e]{min-width:160px;position:relative}.product-picker-input[data-v-3d90367e]{background:#fcfdfe;border:1px solid #dce3e9;border-radius:8px;align-items:center;display:flex;position:relative}.product-picker-input input[data-v-3d90367e]{color:#41596a;border-radius:8px;width:100%;min-height:45px;padding:10px;font-size:.875rem;background:0 0!important;border:0!important;padding-right:25px!important}.product-picker-input svg[data-v-3d90367e]{color:#99a8b1;pointer-events:none;position:absolute;right:9px}.product-picker-input.invalid[data-v-3d90367e]{border-color:#d3a378}.product-picker-options[data-v-3d90367e]{z-index:300;background:#fff;border:1px solid #dce3e9;border-radius:8px;max-height:270px;padding:4px;position:fixed;overflow:auto;box-shadow:0 8px 25px #17374b15}.product-picker-options button[data-v-3d90367e]{text-align:left;background:#fff;border:0;border-radius:5px;width:100%;padding:10px;display:block}.product-picker-options button[data-v-3d90367e]:hover,.product-picker-options button.active[data-v-3d90367e]{background:#f1f5f7}.product-picker-options strong[data-v-3d90367e]{color:#466578;font-size:.875rem;font-weight:550;line-height:1.5;display:block}.product-picker-options small[data-v-3d90367e]{color:#96a4ae;margin-top:3px;font-size:.875rem;display:block}.product-picker-options>span[data-v-3d90367e]{color:#a58b72;padding:12px;font-size:.875rem;line-height:1.6;display:block}:root{color:#253444;font-synthesis:none;--navy:#17374b;--navy-deep:#102b3d;--orange:#d57432;--orange-soft:#fbede3;--line:#e3e8ed;--muted:#75818d;--green:#287858;--red:#aa3838;--radius:16px;background:#f5f6f8;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #dc9b64}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #c47a44}button svg{flex-shrink:0}a{color:var(--navy)}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.app-rail{border-right:1px solid var(--line);z-index:20;background:#fff;flex-direction:column;width:232px;padding:30px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:var(--navy);align-items:center;gap:11px;margin-bottom:42px;padding:0 12px;display:flex}.brand-mark{background:var(--navy);color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand-name{letter-spacing:-.8px;font-family:Manrope,sans-serif;font-size:1.125rem;font-weight:800}.brand-caption{color:var(--muted);letter-spacing:.1px;margin-top:1px;font-size:.875rem}.rail-label{color:#9aa4ad;text-transform:uppercase;letter-spacing:1.5px;margin:10px 0;padding:0 15px;font-size:.875rem;font-weight:700}.rail-nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#657583;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;min-height:47px;padding:13px 15px;font-size:.875rem;font-weight:550;display:flex}.nav-item:hover{color:var(--navy);background:#f5f7f9}.nav-item.active{background:var(--navy);color:#fff;box-shadow:0 4px 12px #17374b15}.nav-item .nav-dot{color:#fff;background:#d57432;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;font-size:.875rem;display:grid}.rail-divider{background:var(--line);height:1px;margin:24px 13px 15px}.rail-foot{margin-top:auto;padding:20px 12px 0}.store-tag{color:var(--muted);align-items:center;gap:8px;font-size:.875rem;display:flex}.store-tag strong{color:var(--navy);font-weight:600}.user-chip{align-items:center;gap:10px;margin-top:20px;display:flex}.avatar{width:34px;height:34px;color:var(--navy);background:#edf1f4;border-radius:50%;place-items:center;font-size:.875rem;font-weight:700;display:grid}.user-name{font-size:.875rem;font-weight:600}.user-role{color:var(--muted);margin-top:3px;font-size:.875rem}.app-main{grid-column:2;min-width:0}.top-bar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;height:83px;padding:0 44px;display:flex}.breadcrumb{color:#8b97a2;align-items:center;gap:11px;font-size:.875rem;display:flex}.breadcrumb strong{color:var(--navy);font-weight:550}.status-actions{align-items:center;gap:20px;display:flex}.connection-status{color:var(--green);align-items:center;gap:7px;font-size:.875rem;display:flex}.connection-status.offline{color:#b1712b}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status-sync{color:var(--muted);text-align:right;margin-top:3px;font-size:.875rem}.sync-button{color:var(--navy);background:#f1f4f6;border:0;border-radius:8px;padding:9px;display:flex}.main-content{max-width:1510px;margin:0 auto;padding:34px 44px 50px}.demo-banner{color:#966441;background:#fff7ef;border:1px solid #e6d9cc;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;padding:10px 14px;font-size:.875rem;display:flex}.demo-banner>div{align-items:center;gap:7px;display:flex}.demo-banner strong{color:#835730;font-weight:650}.demo-banner button{color:#835730;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:27px;display:flex}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:1.8px;margin:0 0 9px;font-size:.875rem;font-weight:700}.page-header h1{letter-spacing:-1px;color:var(--navy-deep);margin:0;font-family:Manrope,sans-serif;font-size:1.8125rem;font-weight:800;line-height:1.3}.page-header p{color:var(--muted);margin:9px 0 0;font-size:.875rem;line-height:1.5}.date-chip{color:#7c8790;align-items:center;gap:8px;padding:12px 0;font-size:.875rem;display:flex}.task-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.task-primary{gap:20px;min-width:0;display:grid}.task-card,.info-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 3px 9px #14374f03}.task-card{padding:26px}.card-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.card-heading h2{color:var(--navy);letter-spacing:-.3px;margin:0;font-family:Manrope,sans-serif;font-size:1rem;font-weight:750}.card-heading p{color:var(--muted);margin:5px 0 0;font-size:.875rem}.card-heading .pill{white-space:nowrap}.scan-field>label,.field>label{color:#4e6170;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.scan-input-wrap{color:#8b99a5;background:#fcfdfe;border:1px solid #dce3e9;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding-left:13px;display:flex}.scan-input-wrap:focus-within{border-color:var(--orange);box-shadow:0 0 0 3px #d574320b}.scan-input-wrap input{width:80px;min-width:0;color:var(--navy);background:0 0;border:0;flex:1;padding:14px 0;font-size:.875rem;outline:0!important}.scan-input-wrap input::placeholder{color:#9aa5ad}.scan-trigger{background:var(--navy);color:#fff;border:0;border-radius:7px;align-items:center;gap:7px;min-height:38px;margin:4px;padding:8px 12px;font-size:.875rem;font-weight:600;display:flex}.scan-field-large .scan-input-wrap{min-height:60px;padding-left:16px}.scan-field-large .scan-input-wrap input{font-size:.875rem}.scan-field-large .scan-trigger{min-height:48px;padding:12px 16px;font-size:.875rem}.field-hint{color:#8c98a3;margin:8px 0 0;font-size:.875rem;line-height:1.5}.sample-shortcuts{flex-wrap:wrap;align-items:center;gap:7px;margin-top:12px;display:flex}.sample-shortcuts>span{color:#9aa4ad;font-size:.875rem}.sample-shortcuts button{color:#657782;background:#f3f5f7;border:0;border-radius:5px;padding:5px 8px;font-size:.875rem}.sample-shortcuts button:hover{background:#e6edf1}.segmented{background:#f0f3f5;border-radius:9px;align-items:center;gap:4px;padding:4px;display:flex}.segmented button{color:#7f8d98;background:0 0;border:0;border-radius:6px;flex:1;padding:9px 13px;font-size:.875rem;font-weight:550}.segmented button.active{color:var(--navy);background:#fff;box-shadow:0 2px 6px #17374b0b}.section-tabs{width:fit-content;margin-bottom:20px}.info-stack{gap:19px;display:grid}.info-card{padding:22px}.info-card h3{color:var(--navy);align-items:center;gap:8px;margin:0 0 14px;font-family:Manrope,sans-serif;font-size:.875rem;font-weight:750;display:flex}.info-card p{color:#8b98a2;font-size:.875rem;line-height:1.7}.info-card .text-button{font-size:.875rem}.info-card.highlight{background:var(--navy);border-color:var(--navy);color:#fff}.info-card.highlight h3{color:#fff}.info-card.highlight p{color:#b7cad6}.info-card.highlight .text-button{color:#f6b481}.stat-grid{grid-template-columns:1fr 1fr;gap:20px 10px;display:grid}.stat-label{color:#8b98a2;margin-bottom:6px;font-size:.875rem}.stat-value{letter-spacing:-.9px;color:var(--navy);font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:750}.stat-value.warning{color:#b87935}.stat-footnote{border-top:1px solid var(--line);color:#9aa4ad;margin-top:20px;padding-top:13px;font-size:.875rem}.results-toolbar{justify-content:space-between;align-items:center;padding:24px 0 14px;display:flex}.results-toolbar h3{color:#516677;margin:0;font-size:.875rem;font-weight:600}.results-toolbar>span{color:#8c99a4;font-size:.875rem}.product-result{border:1px solid var(--line);border-radius:11px;margin-bottom:13px;overflow:hidden}.product-head{background:#fff;align-items:center;gap:12px;padding:16px;display:flex}.product-thumb{color:#627e8f;background:#eef3f5;border-radius:9px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.product-title{color:#354e60;font-size:.875rem;font-weight:600;line-height:1.45}.product-meta{color:#96a1aa;margin-top:3px;font-size:.875rem}.product-total{text-align:right;flex-shrink:0;margin-left:auto}.product-total strong{color:var(--navy);font-size:.875rem;font-weight:700;display:block}.product-total span{color:#9aa4ad;font-size:.875rem}.stock-result{background:#fcfdfe;border-top:1px solid #edf0f3;grid-template-columns:minmax(0,1fr) 95px 130px 34px;align-items:center;gap:15px;padding:15px 16px;display:grid}.stock-result.recommended{background:#f8fbf9}.location-title{color:#405e70;align-items:center;gap:6px;font-size:.875rem;font-weight:650;display:flex}.location-sub{color:#9aa6af;margin-top:5px;font-size:.875rem}.stock-amount{color:#4b6170;font-size:.875rem;font-weight:600}.stock-amount small{color:#9aa6af;margin-top:4px;font-size:.875rem;font-weight:400;display:block}.stock-date{color:#7d8e9a;font-size:.875rem}.stock-date strong{margin-top:4px;font-size:.875rem;font-weight:500;display:block}.icon-button{width:32px;height:32px;color:var(--navy);background:#edf2f4;border:0;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-button:hover{background:#dce9e6}.pill{color:#7e8c97;background:#f0f3f6;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:.875rem;font-weight:600;display:inline-flex}.pill.green{color:#388461;background:#e9f4ec}.pill.orange{color:#ac722d;background:#fff0dd}.pill.red{color:#a94444;background:#fceaea}.pill.blue{color:#426981;background:#eaf1f7}.bin-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.bin-row label{color:#8b98a2;font-size:.875rem}.bin-row strong{color:#506c7b;margin-left:5px;font-size:.875rem}.bin-row .text-button{font-size:.875rem}.button{background:var(--navy);color:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-size:.875rem;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.button:hover{background:#24506b}.button.primary{background:var(--orange)}.button.primary:hover{background:#c3662b}.button.secondary{color:#617785;border-color:var(--line);background:#fff}.button.secondary:hover{background:#f4f7f9}.button.small{border-radius:7px;min-height:34px;padding:7px 11px;font-size:.875rem}.button.full{width:100%}.text-button{color:var(--navy);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:.875rem;font-weight:550;display:inline-flex}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field input,.field select,.field textarea{color:#41596a;background:#fcfdfe;border:1px solid #dce3e9;border-radius:9px;width:100%;min-height:46px;padding:11px 12px;font-size:.875rem;display:block}.field textarea{resize:vertical;min-height:83px}.field.span-2{grid-column:1/-1}.form-separator{border-top:1px solid var(--line);margin:21px 0}.submit-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:25px;padding-top:21px;display:flex}.submit-row p{color:#91a0aa;max-width:280px;margin:0;font-size:.875rem;line-height:1.6}.quantity-entry{background:#fcfdfe;border:1px solid #dce3e9;border-radius:9px;align-items:center;display:flex;overflow:hidden}.quantity-entry input{border:0;border-right:1px solid var(--line);background:0 0;border-radius:0;flex:1;min-width:0}.quantity-entry select{background:0 0;border:0;border-radius:0;width:110px}.summary-strip{color:#7f98a6;background:#f3f7f8;border:1px solid #e2ebef;border-radius:10px;align-items:center;gap:13px;margin-top:20px;padding:16px;display:flex}.summary-strip strong{color:#3b5d71;font-size:.875rem;display:block}.summary-strip span{color:#94a1aa;margin-top:4px;font-size:.875rem;display:block}.summary-strip .pill{margin-left:auto}.inline-notice{color:#9b7946;background:#fffbf3;border:1px solid #eadecc;border-radius:9px;align-items:flex-start;gap:9px;margin-top:17px;padding:12px 14px;font-size:.875rem;line-height:1.6;display:flex}.inline-notice svg{flex-shrink:0;margin-top:1px}.inline-notice.error{color:#a44545;background:#fff7f7;border-color:#edcccc}.inline-notice.success{color:#40815b;background:#f2f8f4;border-color:#d3e5d9}.field-stack{gap:20px;display:grid}.photo-drop{text-align:center;background:#f8fafb;border:1px dashed #ccd8df;border-radius:13px;margin-bottom:24px;padding:30px 18px}.photo-drop-icon{color:#657f90;background:#edf2f6;border-radius:12px;place-items:center;width:49px;height:49px;margin:0 auto 13px;display:grid}.photo-drop h3{color:#466376;margin:0 0 7px;font-size:.875rem;font-weight:600}.photo-drop p{color:#94a1aa;margin:0 0 18px;font-size:.875rem}.photo-actions{justify-content:center;gap:10px;display:flex}.photos-strip{flex-wrap:wrap;gap:9px;margin:15px 0;display:flex}.photo-thumb{border:1px solid var(--line);object-fit:cover;border-radius:6px;width:72px;height:90px}.photo-filename{color:#81949f;font-size:.875rem}.receive-table-wrap{border:1px solid var(--line);border-radius:9px;margin-top:17px;overflow:auto}.receive-table{border-collapse:collapse;width:100%;min-width:710px}.receive-table th{color:#8d9aa4;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#f7f9fa;padding:12px 10px;font-size:.875rem;font-weight:550}.receive-table td{border-bottom:1px solid #edf1f3;padding:10px 8px}.receive-table tr:last-child td{border-bottom:0}.receive-table input,.receive-table select{color:#536c7b;background:#fff;border:1px solid #e4e9ed;border-radius:5px;width:100%;min-height:34px;padding:6px;font-size:.875rem}.receive-table .small-quantity{width:65px}.receive-table .small-unit{width:90px}.receive-table .small-date{width:121px}.receive-table .skid-entry{width:90px}.receive-table .line-note{color:#b38c51;margin-top:4px;font-size:.875rem;display:block}.received-status{color:#3c8460;align-items:center;gap:6px;font-size:.875rem;display:flex}.empty-state{text-align:center;color:#8da0ad;padding:39px 18px}.empty-state>svg{margin-bottom:9px}.empty-state h3{color:#577486;margin:5px 0 7px;font-size:.875rem;font-weight:600}.empty-state p{max-width:315px;margin:0 auto;font-size:.875rem;line-height:1.8}.activity-row{border-bottom:1px solid #edf1f3;align-items:flex-start;gap:10px;padding:13px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{color:#7992a2;background:#f0f4f6;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.activity-title{color:#526d7d;font-size:.875rem;font-weight:500;line-height:1.5}.activity-meta{color:#9ca8b1;margin-top:3px;font-size:.875rem}.activity-row .pill{white-space:nowrap;margin-left:auto}.expiry-list{gap:13px;display:grid}.expiry-row{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:14px;padding:17px;display:flex}.expiry-row .product-thumb{color:#b48d65;background:#fff3e8}.expiry-content{flex:1}.expiry-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.review-card{background:#fffcf7;border:1px solid #e9ddd1;border-radius:10px;margin-top:13px;padding:19px}.review-card h3{color:#866441;margin:0 0 6px;font-size:.875rem}.review-card p{color:#9e8a74;margin:0;font-size:.875rem;line-height:1.6}.review-card .button{margin-top:13px}.manager-tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:23px;display:flex;overflow:auto}.manager-tabs button{color:#8b9aa5;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 0 14px;font-size:.875rem}.manager-tabs button.active{color:var(--navy);border-bottom-color:var(--orange);font-weight:600}.inventory-grid{min-width:0}.grid-toolbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.compact-search{border:1px solid var(--line);color:#9ba8b1;background:#fbfcfd;border-radius:7px;align-items:center;gap:8px;min-width:100px;padding:8px 10px;display:flex}.compact-search input{color:#537185;background:0 0;border:0;outline:none;width:190px;min-width:0;font-size:.875rem}.grid-actions{flex-shrink:0;gap:7px;display:flex}.grid-scroll{border:1px solid var(--line);border-radius:9px;outline:none;max-height:535px;overflow:auto}.grid-scroll:focus-visible{border-color:#9cb7c8}.grid-scroll table{border-collapse:separate;border-spacing:0;-webkit-user-select:none;user-select:none;width:100%;font-size:.875rem}.grid-scroll th{z-index:1;text-align:left;white-space:nowrap;color:#7c909e;background:#f5f8fa;border-bottom:1px solid #dfe6eb;padding:13px 12px;font-size:.875rem;font-weight:550;position:sticky;top:0}.grid-scroll td{color:#5b7384;white-space:nowrap;border-bottom:1px solid #edf1f4;border-right:1px solid #edf1f4;padding:12px}.grid-scroll tr:last-child td{border-bottom:0}.grid-scroll td:last-child{border-right:0}.grid-scroll .row-number{color:#a0aeb7;text-align:center;background:#fafbfc;width:35px;padding:12px 8px;font-size:.875rem}.grid-scroll .numeric{text-align:right;font-variant-numeric:tabular-nums}.grid-scroll td.selected-cell{color:#335970;background:#e9f2f7;box-shadow:inset 0 0 0 1px #8cb2c9}.grid-scroll td.empty-table{text-align:center;padding:30px}.grid-footer{color:#9aa7b1;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:.875rem;display:flex}.grid-footer>div{align-items:center;gap:13px;display:flex}.grid-footer .text-button{font-size:.875rem}.toast{z-index:100;color:#fff;background:#17374b;border-radius:10px;align-items:center;gap:9px;max-width:85vw;padding:15px 20px;font-size:.875rem;display:flex;position:fixed;bottom:28px;left:calc(50% + 116px);transform:translate(-50%);box-shadow:0 8px 35px #17374b25}.toast.error{background:#a64747}.loading-screen{text-align:center;color:#839aa9;place-items:center;min-height:70vh;display:grid}.loading-screen strong{color:var(--navy);margin:16px 0 6px;font-family:Manrope,sans-serif;font-size:1.125rem;display:block}.loading-screen p{font-size:.875rem}.spinner{border:2px solid #d9e3e9;border-top-color:var(--orange);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102b3d80;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:500px;max-width:100%;max-height:90vh;padding:27px;overflow:auto;box-shadow:0 25px 100px #102b3d40}.modal.wide{width:650px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{color:var(--navy);letter-spacing:-.5px;margin:0;font-family:Manrope,sans-serif;font-size:1.25rem}.modal p{color:#8598a5;font-size:.875rem;line-height:1.7}.scanner-video{object-fit:cover;background:#102b3d;border-radius:10px;width:100%;height:300px}.scanner-frame{margin-bottom:18px;position:relative}.scanner-reticle{pointer-events:none;border:2px solid #fff9;border-radius:8px;position:absolute;inset:60px 35px;box-shadow:0 0 0 34px #102b3d30}.mode-option{text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;margin-bottom:10px;padding:17px;display:block}.mode-option strong{color:var(--navy);font-size:.875rem}.mode-option span{color:#899ba7;margin-top:5px;font-size:.875rem;line-height:1.7;display:block}.mode-option.active{background:#f8fbfc;border-color:#b4c7d1}.mobile-wordmark,.hide{display:none}@media (width>=1550px){.task-layout{grid-template-columns:minmax(0,1fr) 330px}}@media (width<=1180px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.app-rail{width:205px;padding-left:13px;padding-right:13px}.brand{gap:9px;padding-left:9px}.brand-name{font-size:1rem}.top-bar{padding:0 28px}.main-content{padding:28px}.task-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.task-card{padding:23px}.info-card{padding:20px}.stock-result{grid-template-columns:minmax(0,1fr) 70px 100px 30px;gap:10px}.toast{left:calc(50% + 102px)}}@media (width<=1000px){.task-layout{grid-template-columns:1fr}.info-stack{grid-template-columns:1fr 1fr;display:grid}.info-stack .info-card:nth-child(3){display:none}.top-bar{height:73px}.main-content{padding:26px}.page-header h1{font-size:1.6875rem}.date-chip{display:none}}@media (width<=760px){.app-shell{display:block}.app-rail{border-right:0;border-bottom:1px solid var(--line);background:#fff;width:100%;height:auto;padding:0;position:sticky;top:0}.brand,.rail-label,.rail-divider,.rail-foot{display:none}.rail-nav{scrollbar-width:none;flex-direction:row;gap:5px;padding:8px 12px;overflow-x:auto}.rail-nav::-webkit-scrollbar{display:none}.nav-item{flex:none;gap:7px;min-height:41px;padding:10px 12px;font-size:.875rem}.nav-item svg{width:16px;height:16px}.nav-item .nav-dot{width:15px;height:15px;font-size:.875rem}.top-bar{gap:12px;height:60px;padding:0 18px}.breadcrumb{display:none}.mobile-wordmark{color:var(--navy);letter-spacing:-.6px;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:.9375rem;font-weight:800;display:flex}.status-actions{gap:12px;margin-left:auto}.connection-status,.status-sync{font-size:.875rem}.sync-button{padding:7px}.main-content{padding:20px 16px 36px}.demo-banner{margin-bottom:21px;padding:9px 11px;font-size:.875rem}.demo-banner>div{flex-wrap:wrap;gap:4px}.demo-banner .demo-extra{display:none}.demo-banner button{white-space:nowrap;font-size:.875rem}.page-header{margin-bottom:22px}.page-header h1{font-size:1.5625rem}.page-header p{max-width:330px;font-size:.875rem}.eyebrow{margin-bottom:7px;font-size:.875rem}.task-card{border-radius:13px;padding:20px}.info-stack{grid-template-columns:1fr}.info-stack .info-card:nth-child(n+2){display:none}.info-stack .stat-grid{grid-template-columns:repeat(4,1fr);gap:12px}.info-stack .stat-value{font-size:1.25rem}.info-card{border-radius:13px}.info-stack .stat-footnote{margin-top:16px}.card-heading{margin-bottom:18px}.card-heading h2{font-size:.9375rem}.card-heading p,.scan-field-large .scan-input-wrap input{font-size:.875rem}.scan-trigger span{display:none}.scan-trigger{min-height:39px}.scan-field-large .scan-trigger{padding:12px}.sample-shortcuts{gap:6px}.sample-shortcuts button{padding:6px 7px;font-size:.875rem}.sample-shortcuts>span{font-size:.875rem}.product-head{gap:9px;padding:13px}.product-thumb{width:38px;height:38px}.product-title,.product-total strong,.product-total span{font-size:.875rem}.stock-result{grid-template-columns:minmax(0,1fr) 61px 85px 28px;gap:7px;padding:13px}.location-title,.location-sub,.stock-amount,.stock-amount small,.stock-date,.stock-date strong{font-size:.875rem}.stock-result .pill{padding:3px 5px;font-size:.875rem}.icon-button{width:28px;height:29px}.bin-row{flex-wrap:wrap;padding:12px 13px}.form-grid{gap:16px}.field.span-2{grid-column:1/-1}.field input,.field select,.field textarea{min-height:47px;font-size:.875rem}.submit-row{flex-direction:column-reverse;align-items:stretch;gap:12px;margin-top:22px}.submit-row p{text-align:center;max-width:none}.submit-row .button{width:100%;min-height:48px}.grid-toolbar{flex-wrap:wrap;gap:10px}.compact-search,.compact-search input{width:100%}.grid-actions{justify-content:flex-end;width:100%}.grid-footer{align-items:flex-start;font-size:.875rem}.grid-footer>span{max-width:155px;line-height:1.5}.grid-footer>div{gap:9px}.toast{min-width:80vw;bottom:20px;left:50%}.modal-overlay{padding:14px}.modal{border-radius:15px;padding:22px}.modal-head h2{font-size:1.125rem}.scanner-video{height:280px}.expiry-row{gap:10px;padding:14px}.expiry-row .product-thumb{width:34px;height:34px}.photo-drop{padding:26px 12px}.photo-actions{flex-wrap:wrap}.field-hint,.button{font-size:.875rem}.summary-strip{padding:13px}}@media (width<=390px){.stock-result{grid-template-columns:minmax(0,1fr) 57px 73px 25px;gap:5px;padding:11px}.stock-date,.location-title{font-size:.875rem}.task-card{padding:16px}.main-content{padding-left:12px;padding-right:12px}.form-grid{grid-template-columns:1fr}.field.span-2{grid-column:1}.info-stack .stat-grid{grid-template-columns:1fr 1fr}.product-total span{display:none}}.manager-layout{grid-template-columns:minmax(0,1fr)}.manager-layout .info-card:first-child .stat-grid{grid-template-columns:repeat(4,1fr);gap:9px}.manager-layout .info-card:first-child .stat-value{font-size:1.1875rem}.manager-layout .info-card.highlight{display:none}.manager-layout .info-stack{grid-template-columns:1fr 1fr}.receive-table .product-picker-input input{min-height:34px;font-size:.875rem}.receive-table .product-picker-input{border-radius:5px}.spinning{animation:1s linear infinite spin}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%,10px)}body.barcode-scanning-active,body.barcode-scanning-active #app,body.barcode-scanning-active .app-shell{background:0 0!important}body.barcode-scanning-active{visibility:hidden}body.barcode-scanning-active .scanner-overlay{visibility:visible}body.barcode-scanning-active .app-shell>:not(.scanner-overlay){visibility:hidden}body.barcode-scanning-active .scanner-overlay{-webkit-backdrop-filter:none;padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom));background:0 0!important}body.barcode-scanning-active .scanner-overlay .modal{box-shadow:none;color:#fff;padding:0;overflow:visible;background:0 0!important}body.barcode-scanning-active .scanner-video{display:none}body.barcode-scanning-active .scanner-frame{height:clamp(220px,42vh,360px);background:0 0!important}body.barcode-scanning-active .scanner-overlay .modal-head,body.barcode-scanning-active .scanner-overlay p{background:#102b3de8;border-radius:12px;padding:14px 16px}body.barcode-scanning-active .scanner-overlay h2,body.barcode-scanning-active .scanner-overlay p{color:#fff}body.barcode-scanning-active .scanner-overlay .icon-button{color:#fff;background:#ffffff24;width:38px;height:38px}@media (width<=760px){.manager-layout .info-stack{grid-template-columns:1fr}.manager-layout .info-stack .info-card:nth-child(n+2){display:none}.manager-layout .info-card:first-child .stat-grid{grid-template-columns:repeat(4,1fr)}}.check-field{color:#627b8d;align-items:center;gap:9px;font-size:.875rem;display:flex}.check-field input{accent-color:var(--orange);width:17px;height:17px}.mobile-receipt-lines{display:none}.receipt-line-card{border:1px solid var(--line);border-radius:10px;gap:15px;margin-top:14px;padding:15px;display:grid}.receipt-line-heading{color:#96a4ae;justify-content:space-between;align-items:center;gap:10px;font-size:.875rem;display:flex}.receipt-line-heading>div{align-items:center;gap:12px;display:flex}.receipt-line-heading .text-button{font-size:.875rem}.receipt-line-heading .icon-button{background:0 0}.receipt-line-card .form-grid{gap:13px}.receipt-line-card .field>label{font-size:.875rem}.receipt-line-card .field input,.receipt-line-card .field select{min-height:42px;font-size:.875rem}.receipt-line-card .field.span-2 label .text-button{font-size:.875rem}@media (width<=760px){.desktop-receipt{display:none}.mobile-receipt-lines{display:block}.receipt-line-card .form-grid{grid-template-columns:1fr 1fr}.receipt-line-card .field.span-2{grid-column:1/-1}}html.barcode-scanning-active{background:0 0!important}html:has(body.barcode-scanning-active){background:0 0!important}@media (width<=760px){.stock-result{grid-template-columns:minmax(0,1fr) 61px 80px 40px}.stock-result .icon-button{width:40px;height:44px}.stock-result.undated{grid-template-columns:minmax(0,1fr) 75px 40px}.stock-result.undated .stock-date{display:none}.stock-result.undated .location-title{flex-wrap:wrap;font-size:.875rem}.stock-result.undated .stock-amount{font-size:.875rem}.stock-result.undated .pill{white-space:nowrap}}.task-card,.info-card{min-width:0}.grid-scroll{width:100%;max-width:100%}.main-content,.task-layout{min-width:0}.small-check{gap:5px;margin-top:7px;font-size:.875rem}.receive-table .small-check input{width:13px;height:13px;min-height:13px;margin:0;padding:0}.mobile-job-bar{display:none}@media (width<=760px){.mobile-job-bar{z-index:70;padding:9px 18px calc(13px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #dfe6eb;gap:7px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -5px 20px #17374b07}.mobile-job-bar>span{color:#93a1ad;text-align:center;font-size:.875rem}.mobile-job-bar .button{min-height:46px}body:has(.mobile-job-bar) .main-content{padding-bottom:120px}body:has(.mobile-job-bar) .submit-row>.button{display:none}body:has(.mobile-job-bar) .toast{bottom:110px}.receipt-line-card .check-field input{width:15px;height:15px;min-height:15px;margin:0;padding:0;display:inline-block}.photo-actions .button{min-height:44px}.app-rail{padding-top:env(safe-area-inset-top)}.modal-overlay{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}}.receipt-editor{border:0;min-width:0;margin:0;padding:0}.receipt-editor:disabled input,.receipt-editor:disabled select,.receipt-editor:disabled button{cursor:default}:root{font-size:16px;line-height:1.5}.app-controls,.entry-controls,.dialog-actions,.text-size-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-controls{margin-bottom:12px}.settings-button{margin-left:auto}.jobs-button{display:none}.entry-controls{margin:0 0 20px}.entry-controls .button{padding:9px 12px}.demo-history-bar{background:#f0f6f3;border:1px solid #d7e5dc;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:12px;font-size:.875rem;display:flex}.demo-banner{margin-bottom:14px}.page-header{margin-bottom:18px}.page-header h1{letter-spacing:-.4px;font-size:1.5rem}.page-header p{margin-top:5px}button,.button,.button.small,.text-button,.icon-button,.scan-trigger,.sync-button{min-height:44px}.icon-button,.sync-button{min-width:44px}.button{white-space:normal;overflow-wrap:anywhere}.scan-input-wrap input,.field input,.field select,.field textarea,.product-picker-input input,.receipt-line-card .field input,.receipt-line-card .field select,.receive-table input,.receive-table select,.compact-search input{font-size:1rem!important}.text-size-settings{border:0;min-width:0;margin:0;padding:0}.text-size-settings legend,.settings-section h3{color:var(--navy);margin-bottom:10px;font-size:1rem;font-weight:650}.text-size-settings p,.settings-section p{color:#627785;font-size:.875rem;line-height:1.6}.text-size-options .button{flex:1}.text-size-options .selected{background:var(--navy);color:#fff;border-color:var(--navy)}.settings-section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.settings-section .button.full+.button.full{margin-top:10px}.settings-section summary{cursor:pointer;min-height:44px;color:var(--navy);font-weight:600}.settings-modal>a{margin-top:18px}.job-menu{gap:8px;display:grid}.job-menu .button{text-align:left;justify-content:flex-start;padding:12px}.dialog-actions{justify-content:flex-end}.modal{max-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.modal-head{align-items:flex-start}.modal-head h2,.modal p{overflow-wrap:anywhere}.check-field{min-height:44px}.product-picker{min-width:0!important}.stock-result>div,.product-head>div,.expiry-content{min-width:0}.location-title,.card-heading,.summary-strip,.results-toolbar{flex-wrap:wrap}.bin-row>div{min-width:0}.bin-row strong{overflow-wrap:anywhere}.stock-fill-button{min-width:6rem;padding:9px 10px}.stock-result{grid-template-columns:minmax(0,1fr) 95px 130px 6rem}.home-shell{grid-template-columns:minmax(0,1fr)}.home-shell .app-main{grid-column:1}.home-shell .main-content{width:100%;max-width:640px;margin:0 auto;padding-top:20px}.home-shell .breadcrumb{display:none}.home-shell .mobile-wordmark{color:var(--navy);align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:1rem;font-weight:800;display:flex}.home-shell .status-actions,.home-shell .demo-extra{display:none}.home-shell .top-bar{justify-content:center}.home-shell .toast{left:50%}.home-jobs{gap:16px;display:grid}.common-jobs{gap:12px;display:grid}.home-job{width:100%;min-height:88px;color:var(--navy);text-align:left;background:#fff;border:1px solid #d3dfe6;border-radius:14px;align-items:center;gap:16px;padding:20px;font-size:1.1875rem;font-weight:650;display:flex;box-shadow:0 2px 7px #17374b04}.home-job span{overflow-wrap:anywhere;flex:1;min-width:0}.home-job>svg:first-child{color:var(--orange)}.home-job>svg:last-child{color:#8397a4}.home-job:hover{background:#f8fbfc;border-color:#a8bfcd}.more-jobs-button{justify-content:center;width:100%}.home-jobs>.job-menu{margin-top:-4px}@media (width<=760px){.app-rail{display:none}.top-bar{height:auto;min-height:68px;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;align-items:flex-start}.mobile-wordmark{padding-top:5px}.status-actions{gap:6px;min-width:0}.status-actions>div{min-width:0}.connection-status{text-align:right;justify-content:flex-end}.status-dot{flex-shrink:0}.status-sync{font-size:.875rem}.sync-button{flex-shrink:0}.jobs-button{display:inline-flex}.app-controls .button{padding:8px 10px}.home-button{display:inline-flex}.main-content{padding-top:12px}.task-card{padding:16px}.page-header h1{font-size:1.5rem}.info-stack{display:none}.home-shell .top-bar{justify-content:flex-start}.home-shell .main-content{padding-top:12px}.home-job{gap:13px;min-height:80px;padding:17px}.demo-history-bar{align-items:stretch}.demo-history-bar .button{width:100%}.demo-history-bar span{overflow-wrap:anywhere}.stock-result,.stock-result.undated{grid-template-columns:minmax(0,1fr) 6rem;gap:10px}.stock-result>div:first-child{grid-area:1/1/auto/-1}.stock-result .stock-fill-button{grid-area:2/2}.stock-amount{grid-area:2/1}.stock-result .stock-date{grid-area:3/1/auto/-1}.stock-result .pill{white-space:normal!important}.location-title{font-size:.9375rem}.product-head{flex-wrap:wrap}.product-head>div:nth-child(2){flex:1}.product-total{text-align:left;width:100%;margin-left:47px}.product-title,.product-total strong{font-size:1rem}.form-grid,.receipt-line-card .form-grid{grid-template-columns:minmax(0,1fr)}.field.span-2,.receipt-line-card .field.span-2{grid-column:1}.section-tabs{width:100%}.segmented{flex-wrap:wrap}.segmented button{flex:100px;min-width:0}.photo-actions{flex-direction:column}.photo-actions .button{width:100%}.summary-strip .pill{margin-left:0}.field label>button{margin-left:8px}.modal-overlay{padding-left:12px;padding-right:12px}.modal{padding:18px}.text-size-options{flex-direction:column;align-items:stretch}.dialog-actions{flex-direction:column-reverse;align-items:stretch}.dialog-actions .button{width:100%}.grid-actions,.grid-footer,.grid-footer>div{flex-wrap:wrap}.grid-actions{flex-shrink:1;justify-content:flex-start}.grid-footer>span{max-width:none}.manager-tabs{gap:14px}body:has(.mobile-job-bar) .main-content{padding-bottom:calc(10rem + env(safe-area-inset-bottom))}body:has(.mobile-job-bar) .toast{bottom:calc(10rem + env(safe-area-inset-bottom))}.mobile-job-bar>span{font-size:.875rem}.mobile-job-bar .button{font-size:1rem}}