:root{color:#13231f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#13231f;--muted:#66756f;--line:#dce6e1;--surface:#fff;--surface-soft:#f7faf8;--teal:#0f766e;--teal-dark:#0b5d57;--teal-soft:#e3f4f1;--navy:#112a2a;--blue:#2563eb;--blue-soft:#eaf0ff;--amber:#b45309;--amber-soft:#fff5df;--red:#b42318;--red-soft:#fff0ef;--shadow:0 12px 32px #13231f14;--radius:18px;background:#f2f6f4;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#f2f6f4;min-height:100%}body{background:#f2f6f4;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}h1,h2,h3,p{margin-top:0}svg{flex:none}.modal-open{overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.primary-button,.secondary-button,.danger-button,.text-button{border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-weight:720;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{background:var(--teal);color:#fff;box-shadow:0 7px 16px #0f766e38}.primary-button:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-1px)}.primary-button--large{min-height:52px;padding-inline:22px}.secondary-button{color:#183b35;background:#edf3f0;border:1px solid #d8e5df}.secondary-button:hover:not(:disabled){background:#e4eeea}.secondary-button--full{width:100%}.danger-button{color:var(--red);background:var(--red-soft);border:1px solid #f5cfca}.text-button{color:var(--teal);background:0 0;min-height:36px;padding:0 4px}.text-button:hover{color:var(--teal-dark)}.primary-button svg,.secondary-button svg,.danger-button svg,.text-button svg{width:18px;height:18px}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field>span{color:#3b4f49;font-size:13px;font-weight:720}.field>span b{color:var(--red)}.field>span small{color:#84918c;margin-left:5px;font-weight:500}.field input,.field select,.field textarea,.search-box input{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #cfdcd6;border-radius:10px;outline:none;padding:0 13px;transition:border .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:70px;padding:11px 13px}.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{border-color:#3a9c92;box-shadow:0 0 0 3px #0f766e1f}.field input::placeholder{color:#9ca8a3}.field>small{color:var(--red);line-height:1.4}.field .field-warning{color:var(--amber)}.field--error input,.field--error select,.field--error textarea{background:snow;border-color:#e49b92}.field--wide{grid-column:1/-1}.input-with-icon{position:relative}.input-with-icon>svg{color:#779089;z-index:1;width:18px;height:18px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-with-icon input{padding-left:41px}.input-with-icon--large input{min-height:54px;font-size:17px}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-weight:850;margin-bottom:8px!important;font-size:11px!important}.panel{background:var(--surface);border-radius:var(--radius);border:1px solid #cfdcd6e6;box-shadow:0 3px 12px #13231f06}.page-stack{flex-direction:column;gap:22px;display:flex}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.page-heading h1{letter-spacing:-.035em;margin-bottom:7px;font-size:clamp(26px,3vw,36px)}.page-heading p{color:var(--muted);margin-bottom:0;font-size:14px}.page-heading--actions{align-items:center}.section-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.section-heading h2{margin-bottom:4px;font-size:18px}.section-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.app-shell{grid-template-columns:246px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;z-index:40;flex-direction:column;width:246px;padding:25px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 7px 24px;display:flex}.brand-mark{color:#062f2b;background:#40b5a8;border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:900;display:grid;box-shadow:inset 0 0 0 1px #ffffff40}.brand strong,.brand span{display:block}.brand strong{letter-spacing:-.01em;font-size:17px}.brand span{color:#9ab3ad;margin-top:2px;font-size:11px}.sidebar-close{color:#fff;background:0 0;border:0;margin-left:auto;padding:7px;display:none}.primary-nav{flex-direction:column;gap:6px;display:flex}.primary-nav button{color:#b8c9c5;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:47px;padding:0 13px;font-weight:650;display:flex}.primary-nav button:hover{color:#fff;background:#ffffff0f}.primary-nav button.is-active{color:#0b5d57;background:#e7f5f2}.primary-nav svg{width:20px;height:20px}.sidebar-foot{border-top:1px solid #ffffff14;flex-direction:column;gap:10px;margin-top:auto;padding:16px 8px 0;display:flex}.connection-state{color:#92d4c9;align-items:center;gap:8px;font-size:11px;display:flex}.connection-state.is-offline{color:#ffd38b}.connection-state svg{width:15px;height:15px}.sidebar-foot small{color:#6f8d86;font-size:10px}.main-area{grid-column:2;min-width:0;min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:25;background:#fafcfbeb;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.menu-button{background:0 0;border:0;padding:9px;display:none}.store-context{align-items:center;gap:11px;display:flex}.store-context>svg{width:20px;color:var(--teal)}.store-context label{flex-direction:column;display:flex}.store-context label span{color:#7b8984;font-size:10px;font-weight:700}.store-context select{color:var(--ink);background:0 0;border:0;max-width:260px;padding:2px 26px 2px 0;font-weight:780}.topbar-status{color:#337269;background:#e5f4f1;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:inline-flex}.topbar-status.is-offline{color:#8f5406;background:#fff0d7}.topbar-status svg{width:14px;height:14px}.page-content{max-width:1500px;margin:0 auto;padding:31px 34px 52px}.bottom-nav,.scrim{display:none}.dashboard-hero{color:#fff;background:linear-gradient(125deg,#0b4e49 0%,#0f766e 68%,#22968a 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:25px;min-height:184px;padding:30px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 32px #0f5e5730}.dashboard-hero:after{content:"";border:50px solid #fff1;border-radius:50%;width:310px;height:310px;position:absolute;top:-140px;right:-80px}.dashboard-hero .eyebrow{color:#a5e8dd}.dashboard-hero h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(30px,4vw,43px)}.dashboard-hero p{color:#c8e6e1;margin-bottom:0}.scan-hero-button{z-index:1;color:#fff;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff38;border-radius:15px;align-items:center;gap:13px;min-width:245px;padding:15px 17px;display:flex;position:relative}.scan-hero-button:hover{background:#fff3}.scan-hero-button>svg:first-child{width:26px;height:26px}.scan-hero-button>svg:last-child{width:18px;margin-left:auto}.scan-hero-button span{flex-direction:column;gap:2px;display:flex}.scan-hero-button strong{font-size:15px}.scan-hero-button small{color:#cbe7e2;font-size:11px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:20px;display:flex}.metric-card>div:last-child{flex:1;grid-template-columns:auto auto;align-items:baseline;display:grid}.metric-card span{color:var(--muted);grid-column:1;font-size:12px;font-weight:650}.metric-card strong{letter-spacing:-.04em;grid-area:1/2/span 2;justify-self:end;font-size:28px}.metric-card small{color:#82908b;margin-top:5px;font-size:11px}.metric-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.metric-icon svg{width:20px}.metric-icon--teal{background:var(--teal-soft);color:var(--teal)}.metric-icon--amber{background:var(--amber-soft);color:var(--amber)}.metric-icon--blue{background:var(--blue-soft);color:var(--blue)}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.7fr);align-items:start;gap:18px;display:grid}.recent-panel,.safety-card{padding:22px}.recent-list{flex-direction:column;margin-top:14px;display:flex}.recent-list button{text-align:left;background:0 0;border:0;border-top:1px solid #edf1ef;align-items:center;gap:12px;min-height:67px;padding:10px 5px;display:flex}.recent-list button:first-child{border-top:0}.recent-list button:hover{background:#fafcfb}.recent-icon{color:#497068;background:#edf4f1;border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.recent-icon svg{width:18px}.recent-list button>span:nth-child(2){flex:1;min-width:0}.recent-list strong,.recent-list small{display:block}.recent-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.recent-list small{color:var(--muted);margin-top:3px;font-size:11px}.recent-price{text-align:right}.recent-list button>svg{color:#98a6a1;width:15px}.safety-card{background:#f5f8f7}.safety-card__icon{width:49px;height:49px;color:var(--teal);background:var(--teal-soft);border-radius:14px;place-items:center;margin-bottom:26px;display:grid}.safety-card h2{margin-bottom:9px;font-size:19px}.safety-card p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.65}.products-panel{overflow:hidden}.product-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;display:flex}.advanced-filters{border-bottom:1px solid var(--line);background:#fbfcfc;align-items:end;gap:10px;padding:10px 18px;display:flex}.advanced-filters label{flex-direction:column;gap:4px;display:flex}.advanced-filters label span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:750}.advanced-filters select{background:#fff;border:1px solid #d5e0db;border-radius:8px;min-height:36px;padding:0 28px 0 10px;font-size:11px}.batch-bar{background:#e9f5f2;border-bottom:1px solid #cbe4de;align-items:center;gap:8px;min-height:48px;padding:7px 18px;display:flex}.batch-bar span{color:#195d55;align-items:center;gap:7px;margin-right:auto;font-size:12px;font-weight:750;display:inline-flex}.batch-bar span svg{width:16px}.batch-bar button{color:#315c55;background:#fff;border:1px solid #bfd9d3;border-radius:7px;min-height:32px;padding:0 10px;font-size:10px;font-weight:700}.batch-bar .batch-danger{color:var(--red);border-color:#efc7c2}.search-box{flex:1;max-width:520px;position:relative}.search-box>svg{color:#788983;width:18px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-box input{background:#f8faf9;padding-left:40px;padding-right:55px}.search-box button{color:var(--teal);background:0 0;border:0;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-tabs{background:#f1f5f3;border-radius:10px;gap:2px;padding:4px;display:flex}.filter-tabs button{color:#64756f;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 12px;font-size:12px;font-weight:650}.filter-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 7px #13231f14}.product-table-wrap{width:100%;overflow-x:auto}.product-table{border-collapse:collapse;width:100%;min-width:1040px}.product-table th{color:#75857f;text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--line);background:#fafcfb;height:42px;padding:0 17px;font-size:10px}.product-table td{border-bottom:1px solid #edf2ef;padding:13px 17px;font-size:12px}.product-table tbody tr{cursor:pointer;outline:none}.product-table tbody tr:hover,.product-table tbody tr:focus{background:#f8fbfa}.product-table td strong,.product-table td small{display:block}.product-table td strong{font-size:13px}.product-table td small{color:#84918c;margin-top:4px;font-size:10px}.product-table code{color:#27433e;background:#eff5f2;border-radius:5px;padding:4px 7px;font-size:11px}.product-table td:last-child{color:#95a49f;width:40px}.product-table td:last-child svg{width:15px}.status-pill{border-radius:999px;width:-moz-fit-content;width:fit-content;padding:5px 9px;font-weight:760;margin:0!important;font-size:10px!important;display:inline-flex!important}.status-pill--active{color:#16704c;background:#e3f5ed}.status-pill--draft{background:var(--amber-soft);color:#9a5a05}.status-pill--archived{color:#68736f;background:#edf0ef}.completeness-pill{white-space:nowrap;border-radius:999px;width:-moz-fit-content;width:fit-content;padding:5px 8px;font-size:10px;font-weight:760;display:inline-flex}.completeness-pill--complete{color:#16704c;background:#e3f5ed}.completeness-pill--partial{color:#315cb5;background:#e8efff}.completeness-pill--to_complete{background:var(--amber-soft);color:#9a5a05}.completeness-pill--to_verify{color:#a43b30;background:#fff0ef}.table-footer{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;display:flex}.table-footer span{align-items:center;gap:7px;display:inline-flex}.table-footer svg{width:14px}.product-cards{display:none}.offer-list{flex-direction:column;gap:10px;display:flex}.offer-row{background:#fbfcfc;border:1px solid #e1e9e5;border-radius:12px;grid-template-columns:1.2fr 1fr 1fr auto auto;align-items:end;gap:10px;padding:12px;display:grid}.check-field{color:#4f625c;align-items:center;gap:7px;min-height:46px;font-size:11px;font-weight:700;display:flex}.check-field input{width:16px;height:16px;accent-color:var(--teal)}.icon-button{color:#526962;background:#edf3f0;border:0;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.icon-button--danger{color:var(--red);background:var(--red-soft)}.image-field{align-items:center;gap:18px;display:flex}.image-field>img,.image-placeholder{object-fit:contain;background:#f8faf9;border:1px solid #dbe5e0;border-radius:13px;width:118px;height:118px}.image-placeholder{color:#8a9994;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.image-placeholder svg{width:27px}.image-field>div:last-child{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.text-button--danger{color:var(--red)}.field-error-text{color:var(--red);font-size:11px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:355px;padding:35px 20px;display:flex}.empty-state--small{min-height:250px;padding:25px 10px}.empty-state>svg{color:#89a39c;width:35px;height:35px;margin-bottom:12px}.empty-icon{color:#5d7d75;background:#edf4f1;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:15px;display:grid}.empty-icon svg{width:25px}.empty-state h2,.empty-state h3{margin-bottom:7px}.empty-state h2{font-size:18px}.empty-state h3{font-size:16px}.empty-state p{color:var(--muted);max-width:380px;font-size:13px}.loading-state{min-height:260px;color:var(--muted);place-items:center;display:grid}.scanner-layout{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start;gap:20px;display:grid}.scanner-card{box-shadow:var(--shadow);background:#10211f;border-radius:20px;overflow:hidden}.camera-stage{background:radial-gradient(circle at 50% 40%,#29413d,#10211f 70%);place-items:center;min-height:480px;display:grid;position:relative;overflow:hidden}.camera-stage video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-placeholder{color:#fff;text-align:center;z-index:1;max-width:420px;padding:30px;position:relative}.camera-placeholder>svg{color:#75c8bd;width:52px;height:52px;margin-bottom:19px}.camera-placeholder h2{margin-bottom:10px;font-size:21px}.camera-placeholder p{color:#a8bfba;font-size:13px;line-height:1.6}.scan-overlay{background:linear-gradient(#0003,#0000 22% 78%,#0000003d);position:absolute;inset:0}.scan-overlay span{border:2px solid #7ee6d6e6;border-radius:16px;position:absolute;inset:7% 4%;box-shadow:0 0 0 999px #03141229}.scan-overlay i{background:#6ff4df;width:84%;height:2px;animation:2.2s ease-in-out infinite scan;position:absolute;top:10%;left:8%;box-shadow:0 0 15px #6ff4df}@keyframes scan{0%,to{opacity:.65;top:10%}50%{opacity:1;top:90%}}.camera-badge{z-index:2;color:#d9fffa;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#041b18b3;border:1px solid #7ee6d659;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;position:absolute;top:12px;left:12px}.scanner-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 15px;min-height:88px;padding:16px 20px;display:flex}.scanner-controls__main{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.scanner-controls small{color:#8fa8a2;align-items:center;gap:6px;font-size:10px;display:inline-flex}.scanner-controls small svg{width:14px}.camera-select,.zoom-control{color:#cbe1dc;align-items:center;gap:7px;font-size:11px;display:inline-flex}.camera-select svg,.zoom-control svg{width:16px}.camera-select select{color:#fff;background:#18312d;border:1px solid #47655f;border-radius:8px;max-width:180px;min-height:38px;padding:0 8px}.zoom-control input{accent-color:#6ff4df;width:135px}.manual-card{padding:25px}.manual-card__icon{width:48px;height:48px;color:var(--teal);background:var(--teal-soft);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.manual-card h2{margin-bottom:8px;font-size:20px}.manual-card>p{color:var(--muted);margin-bottom:22px;font-size:13px;line-height:1.6}.manual-card form{flex-direction:column;gap:13px;display:flex}.scanner-facts{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.scanner-facts h3{font-size:13px}.scanner-facts ul{color:var(--muted);margin-bottom:0;padding-left:18px;font-size:11px;line-height:1.65}.scan-result{background:linear-gradient(145deg,#f1faf8,#fff);border-color:#b9ded6;padding:22px}.scan-result__status{color:#147466;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.scan-result__status svg{width:18px}.scan-result__product{justify-content:space-between;align-items:center;gap:18px;margin-top:13px;display:flex}.scan-result__product h2{margin:0 0 4px;font-size:20px}.scan-result__product p{color:var(--muted);margin:0;font-size:12px}.scan-result__confirm{border-top:1px solid #d7ebe6;align-items:end;gap:12px;margin-top:17px;padding-top:16px;display:flex}.scan-result__confirm .field{width:min(210px,100%)}.scan-result .field-error-text{margin:8px 0 0}.scan-quantity-section{background:#f1faf8}.scan-quantity-section>.field{max-width:240px;margin-top:14px}.scan-history{padding:22px}.scan-history__header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.scan-history__header h2{align-items:center;gap:9px;margin:2px 0 5px;font-size:19px;display:flex}.scan-history__header h2 svg{width:20px;color:var(--teal)}.scan-history__header p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px}.scan-history__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.scan-batch-selector{background:#f6f8f7;border-radius:12px;align-items:end;gap:10px;margin-top:18px;padding:14px;display:flex}.scan-batch-selector .field{flex:1}.batch-status{border-radius:999px;margin-bottom:3px;padding:6px 9px;font-size:10px;font-weight:800}.batch-status--active{color:#166d62;background:#dff4ef}.batch-status--closed{color:#61716d;background:#e9eeec}.scan-history-list{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.scan-history-item{border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:13px;padding:12px;display:grid}.scan-history-item__identity{flex-direction:column;gap:2px;min-width:0;display:flex}.scan-history-item__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.scan-history-item__identity span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.scan-history-item__identity small{color:var(--muted);font-size:10px}.sync-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:750;display:inline-flex}.sync-chip svg{width:12px}.sync-chip--pending{color:#77541c;background:#fff2ce}.sync-chip--synced{color:#166d62;background:#dff4ef}.scan-history-item__quantity{align-items:end;gap:6px;display:flex}.scan-history-item__quantity label{color:var(--muted);flex-direction:column;gap:4px;font-size:9px;display:flex}.scan-history-item__quantity input{border:1px solid var(--line-strong);width:78px;min-height:38px;font:inherit;border-radius:8px;padding:0 8px}.scan-history__empty{text-align:center;min-height:150px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.scan-history__empty svg{width:28px;margin-bottom:8px}.scan-history__empty strong{color:var(--ink);font-size:13px}.scan-history__empty p{margin:5px 0 0;font-size:11px}.data-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.data-card{align-items:flex-start;gap:18px;padding:23px;display:flex}.data-card--accent{background:linear-gradient(145deg,#f3fbf9,#fff);border-color:#cce5de}.data-card__icon{background:var(--teal-soft);width:47px;height:47px;color:var(--teal);border-radius:14px;place-items:center;display:grid}.data-card__icon--blue{background:var(--blue-soft);color:var(--blue)}.data-card h2{margin:9px 0 8px;font-size:19px}.data-card p{color:var(--muted);min-height:39px;font-size:12px;line-height:1.6}.button-row{flex-wrap:wrap;gap:8px;display:flex}.tag{text-transform:uppercase;letter-spacing:.06em;color:#17695e;background:#dcf2ed;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800;display:inline-flex}.tag--blue{color:#2858bd;background:#e4ecff}.section-panel{padding:23px}.section-panel>.section-heading>svg{color:var(--teal)}.restore-panel{margin-top:18px}.restore-panel--compact{margin-top:15px}.file-drop{width:100%;min-height:112px;color:var(--ink);background:#f8fcfb;border:1.5px dashed #abcac2;border-radius:13px;justify-content:center;align-items:center;gap:15px;padding:18px;display:flex}.file-drop:hover{background:#f1faf7;border-color:#73aaa0}.file-drop>svg{width:28px;color:var(--teal)}.file-drop span{text-align:left;flex-direction:column;gap:4px;display:flex}.file-drop strong{font-size:13px}.file-drop small{color:var(--muted);font-size:10px}.restore-preview{border:1px solid var(--line);background:#fcfefd;border-radius:13px;padding:18px}.restore-preview__head{align-items:center;gap:12px;display:flex}.restore-preview__head>svg{width:23px;color:var(--teal)}.restore-preview__head>div{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.restore-preview__head strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.restore-preview__head small{color:var(--muted);font-size:10px}.restore-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0;display:grid}.restore-stats span{color:var(--muted);background:#f0f5f3;border-radius:9px;flex-direction:column;padding:11px;font-size:10px;display:flex}.restore-stats strong{color:var(--ink);margin-bottom:2px;font-size:19px}.restore-rule{color:var(--muted);font-size:11px;line-height:1.55}.confirm-check{align-items:flex-start;gap:9px;margin:13px 0;font-size:11px;display:flex}.confirm-check input{width:16px;height:16px;accent-color:var(--teal);margin-top:2px}.inline-form{grid-template-columns:1fr .65fr auto;align-items:end;gap:13px;margin-top:18px;display:grid}.inline-alert{border-radius:11px;gap:10px;padding:12px 14px;font-size:12px;line-height:1.45;display:flex}.inline-alert svg{width:18px;height:18px}.inline-alert strong{margin-bottom:2px;display:block}.inline-alert p{margin:0}.inline-alert--error{color:#8e251b;background:var(--red-soft);border:1px solid #f2cac5}.inline-alert--success{color:#17674f;background:#e9f7f1;border:1px solid #c8e9db}.inline-alert ul{margin:7px 0 0;padding-left:17px}.import-wizard{margin-top:18px}.wizard-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 17px;padding:0;list-style:none;display:grid}.wizard-steps li{color:#7c8c86;background:#f1f5f3;border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.wizard-steps li span{background:#dfe8e4;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.wizard-steps li.is-active{color:#145e55;background:#e5f4f1}.wizard-steps li.is-active span{color:#fff;background:var(--teal)}.import-drop{color:#315b53;background:#f8fcfb;border:1.5px dashed #9fc5bc;border-radius:14px;justify-content:center;align-items:center;gap:15px;min-height:130px;display:flex;position:relative}.import-drop>svg{width:30px;color:var(--teal)}.import-drop>span{flex-direction:column;gap:4px;display:flex}.import-drop strong{font-size:13px}.import-drop small{color:var(--muted);font-size:10px}.import-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.mapping-panel,.preview-panel{background:#fcfefd;border:1px solid #e0e9e5;border-radius:13px;padding:16px}.mapping-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.mapping-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.mapping-head strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mapping-head small,.mapping-note{color:var(--muted);font-size:10px}.mapping-note{margin:13px 0;line-height:1.5}.mapping-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:330px;padding-right:4px;display:grid;overflow-y:auto}.mapping-grid .field>span{font-size:10px}.mapping-grid .field select{min-height:38px;font-size:11px}.wizard-actions{justify-content:flex-end;gap:9px;margin-top:15px;display:flex}.preview-summary{align-items:stretch;gap:9px;margin-bottom:13px;display:flex}.preview-stat{min-width:90px;color:var(--muted);border-radius:10px;flex-direction:column;padding:9px 12px;font-size:9px;display:flex}.preview-stat strong{color:var(--ink);font-size:20px}.preview-stat--valid{background:#e8f6ef}.preview-stat--duplicate{background:#fff5df}.preview-stat--error{background:#fff0ef}.preview-summary .secondary-button{margin-left:auto}.import-preview-table{border:1px solid #e0e7e4;border-radius:10px;max-height:350px;overflow:auto}.import-preview-table table{border-collapse:collapse;width:100%;min-width:720px}.import-preview-table th,.import-preview-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e9efec;padding:8px 10px;font-size:10px}.import-preview-table th{color:#62736d;z-index:1;background:#f2f6f4;position:sticky;top:0}.import-preview-table td:last-child{color:var(--muted);max-width:390px}.import-preview-table code{white-space:nowrap}.import-status{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:750;display:inline-flex}.import-status--valid{color:#17674f;background:#e0f3e9}.import-status--duplicate{color:#915407;background:#fff0d3}.import-status--error{color:#9a3026;background:#ffe5e2}.preview-limit{color:var(--muted);margin:7px 0 12px;font-size:9px}.preview-panel>.inline-alert{margin-top:12px}.structure-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start;gap:16px;margin-top:18px;display:grid}.structure-tree{background:#fcfefd;border:1px solid #e0e9e5;border-radius:13px;flex-direction:column;gap:10px;min-height:270px;padding:12px;display:flex}.structure-area{background:#fff;border:1px solid #dce7e2;border-radius:11px;padding:12px}.structure-area>header{align-items:center;gap:9px;margin-bottom:9px;display:flex}.structure-area>header>svg{width:18px;color:var(--teal)}.structure-area>header>div,.structure-rack>div{flex-direction:column;gap:2px;display:flex}.structure-area strong{font-size:12px}.structure-area small{color:var(--muted);font-size:9px}.structure-rack{background:#f8fbfa;border-left:2px solid #b9d8d0;border-radius:0 9px 9px 0;margin:8px 0 0 25px;padding:10px}.structure-rack ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.structure-rack li{background:#fff;border:1px solid #e5ece9;border-radius:7px;align-items:center;gap:7px;min-height:39px;padding:6px 8px;display:flex}.structure-rack li>svg{color:#5d8178;width:14px}.structure-rack li span{flex-direction:column;display:flex}.structure-empty{color:var(--muted);margin:7px 0 0;font-size:10px}.structure-rack li.structure-empty{background:0 0;border-style:dashed;grid-column:1/-1;place-items:center;display:grid}.structure-zero{text-align:center;min-height:245px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.structure-zero>svg{color:#7fa198;width:36px;margin-bottom:10px}.structure-zero strong{color:var(--ink);font-size:14px}.structure-zero p{max-width:320px;margin:6px 0 0;font-size:11px}.structure-form{background:#f8fbfa;border:1px solid #e0e9e5;border-radius:13px;flex-direction:column;gap:11px;padding:13px;display:flex}.structure-tabs{background:#e9efec;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.structure-tabs button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:7px;font-size:10px;font-weight:750}.structure-tabs button.is-active{color:var(--teal);background:#fff;box-shadow:0 2px 6px #13231f14}.mini-dimensions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mini-dimensions .field>span{font-size:9px}.mini-dimensions .field input{min-height:40px;padding-inline:8px}.audit-history{border:1px solid #e0e9e5;border-radius:12px;margin-top:16px;overflow:hidden}.audit-history ol{margin:0;padding:0;list-style:none}.audit-history li{border-bottom:1px solid #e9efec;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:10px 13px;display:grid}.audit-history li:last-child{border-bottom:0}.audit-icon{width:35px;height:35px;color:var(--teal);background:var(--teal-soft);border-radius:9px;place-items:center;display:grid}.audit-icon svg{width:16px}.audit-history li>div{min-width:0}.audit-history strong{font-size:11px}.audit-history p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:10px;overflow:hidden}.audit-history time{color:#7b8a85;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.audit-history time svg{width:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0816149e;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border-radius:19px;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 44px);display:flex;overflow:hidden;box-shadow:0 28px 75px #00000042}.modal-panel--wide{width:min(900px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:75px;padding:17px 21px;display:flex}.modal-header h2{margin:0 0 3px;font-size:20px}.modal-header p{color:var(--muted);margin:0;font-size:11px}.icon-button{background:#f0f4f2;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon-button svg{width:19px}.modal-content{overscroll-behavior:contain;overflow-y:auto}.product-form{flex-direction:column;gap:18px;padding:20px;display:flex}.form-section{border:1px solid #e3ebe7;border-radius:14px;padding:17px}.form-section__title{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.form-section__title>svg{width:20px;color:var(--teal);margin-top:1px}.form-section__title h3{margin-bottom:3px;font-size:14px}.form-section__title p{color:var(--muted);margin:0;font-size:10px}.form-grid{gap:14px;display:grid}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-actions{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;justify-content:space-between;align-items:center;gap:15px;margin:1px -20px -20px;padding:15px 20px;display:flex;position:sticky;bottom:0}.form-actions>div{gap:9px;display:flex}.onboarding{color:#fff;background:#0d2b28;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);align-items:center;gap:clamp(35px,6vw,90px);min-height:100vh;padding:clamp(25px,5vw,70px);display:grid;position:relative;overflow:hidden}.onboarding:before{content:"";border:100px solid #41b7a912;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-360px;left:-290px}.onboarding-hero{z-index:1;max-width:680px;position:relative}.onboarding-brand{align-items:center;gap:10px;margin-bottom:clamp(60px,12vh,130px);font-size:16px;font-weight:800;display:flex}.onboarding-brand span{color:#073a35;background:#4cc4b6;border-radius:11px;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.onboarding-hero .eyebrow{color:#69d7ca}.onboarding-hero h1{letter-spacing:-.055em;margin-bottom:22px;font-size:clamp(39px,5vw,68px);line-height:1.08}.onboarding-lead{color:#b5ceca;max-width:620px;font-size:clamp(15px,1.5vw,18px);line-height:1.65}.onboarding-points{flex-wrap:wrap;gap:11px;margin-top:32px;display:flex}.onboarding-points span{color:#c4dbd7;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.onboarding-points svg{color:#6bd6c9;width:15px}.onboarding-card{z-index:1;color:var(--ink);background:#fff;border-radius:22px;padding:clamp(25px,4vw,39px);position:relative;box-shadow:0 30px 70px #0000003b}.step-kicker{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:850}.onboarding-card h2{letter-spacing:-.035em;margin-bottom:9px;font-size:27px}.onboarding-card>p{color:var(--muted);margin-bottom:23px;font-size:12px;line-height:1.55}.onboarding-card form{flex-direction:column;gap:16px;display:flex}.divider{color:#95a19d;align-items:center;gap:10px;margin:18px 0;font-size:10px;display:flex}.divider:before,.divider:after{content:"";background:#e3e9e6;flex:1;height:1px}.local-note{color:#899590;margin-top:15px;font-size:10px;line-height:1.55;display:block}.toast{z-index:200;color:#fff;border-radius:13px;align-items:center;gap:10px;max-width:min(420px,100vw - 44px);min-height:53px;padding:11px 11px 11px 14px;animation:.2s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 40px #0003}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast>svg{width:20px}.toast span{flex:1;font-size:12px;line-height:1.45}.toast button{color:#fff;background:#ffffff1f;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.toast button svg{width:15px}.toast--success{background:#146b55}.toast--error{background:#a33428}.toast--info{background:#315f79}.boot-screen{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.boot-logo{background:var(--teal);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:900;display:grid;box-shadow:0 12px 25px #0f766e3b}.boot-screen p{font-size:12px}@media (max-width:1050px){.app-shell{grid-template-columns:1fr}.main-area{grid-column:1}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:15px 0 45px #00000040}.sidebar--open{transform:translate(0)}.sidebar-close,.menu-button{place-items:center;display:grid}.scrim{z-index:35;background:#07161380;border:0;display:block;position:fixed;inset:0}.topbar{justify-content:flex-start;gap:15px;padding-inline:22px}.topbar-status{margin-left:auto}.dashboard-grid,.scanner-layout{grid-template-columns:1fr}.camera-stage{min-height:430px}}@media (max-width:760px){body{background:#f4f7f5}.topbar{height:64px;padding:0 14px}.topbar-status{display:none}.store-context{flex:1;min-width:0}.store-context label{min-width:0}.store-context select{max-width:100%}.page-content{padding:20px 14px calc(90px + env(safe-area-inset-bottom))}.page-stack{gap:16px}.page-heading{flex-direction:column;align-items:flex-start;gap:13px}.page-heading--actions .primary-button{width:100%}.page-heading h1{font-size:27px}.page-heading p{line-height:1.5}.bottom-nav{z-index:30;min-height:calc(66px + env(safe-area-inset-bottom));padding:7px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#71817b;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:51px;font-size:9px;display:flex}.bottom-nav button.is-active{color:var(--teal);background:#edf7f5}.bottom-nav svg{width:20px;height:20px}.dashboard-hero{flex-direction:column;align-items:stretch;min-height:0;padding:24px 20px}.dashboard-hero h1{font-size:31px}.scan-hero-button{width:100%;min-width:0}.metric-grid{grid-template-columns:1fr;gap:9px}.metric-card{padding:15px 17px}.metric-card strong{font-size:25px}.recent-panel,.safety-card{padding:17px}.product-toolbar{flex-direction:column;align-items:stretch;padding:13px}.advanced-filters{grid-template-columns:1fr 1fr;padding:11px 13px;display:grid}.advanced-filters label:first-child{grid-column:1/-1}.advanced-filters select{width:100%}.batch-bar{padding-inline:13px;overflow-x:auto}.batch-bar span,.batch-bar button{flex:none}.search-box{max-width:none}.filter-tabs{overflow-x:auto}.filter-tabs button{flex:1 0 auto}.product-table-wrap{display:none}.product-cards{flex-direction:column;gap:9px;padding:11px;display:flex}.product-card{text-align:left;background:#fff;border:1px solid #e2eae6;border-radius:13px;width:100%;padding:14px}.product-card__top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.product-card__top>button{color:#7d8d87;background:#f2f6f4;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.product-card__top>button svg{width:16px}.card-check{align-items:center;gap:8px;display:inline-flex}.card-check input{width:17px;height:17px;accent-color:var(--teal)}.product-card__body{text-align:left;background:0 0;border:0;width:100%;padding:0}.product-card__body>strong,.product-card__body>small{display:block}.product-card__body>strong{font-size:14px}.product-card__body>small{color:var(--muted);margin-top:4px;font-size:11px}.product-card__meta{color:#526660;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding-top:11px;font-size:11px;display:flex}.product-card__meta span{align-items:center;gap:6px;display:inline-flex}.product-card__meta svg{width:14px}.table-footer{padding:0 14px}.table-footer span{display:none}.scanner-card{border-radius:16px}.camera-stage{min-height:330px}.scan-overlay span{inset:7% 4%}.scanner-controls{flex-direction:column;align-items:stretch;padding:14px}.scanner-controls button{width:100%}.scanner-controls__main{flex-direction:column;align-items:stretch}.camera-select,.zoom-control{justify-content:space-between}.camera-select select{max-width:min(230px,62vw)}.scan-result__product,.scan-result__confirm{flex-direction:column;align-items:stretch}.scan-result__confirm .field{width:100%}.scan-history{padding:17px}.scan-history__header{flex-direction:column}.scan-history__actions{justify-content:stretch;width:100%}.scan-history__actions button{flex:1}.scan-history-item{grid-template-columns:1fr}.sync-chip{width:-moz-fit-content;width:fit-content}.scan-history-item__quantity{align-items:end}.scan-history-item__quantity label{flex:1}.scan-history-item__quantity input{width:100%}.manual-card{padding:19px}.data-grid{grid-template-columns:1fr}.data-card{padding:19px}.section-panel{padding:18px}.wizard-steps li{justify-content:center;padding:0 6px;font-size:9px}.mapping-grid{grid-template-columns:1fr 1fr}.preview-summary{grid-template-columns:repeat(3,1fr);display:grid}.preview-stat{min-width:0}.preview-summary .secondary-button{grid-column:1/-1;margin:0}.wizard-actions{flex-direction:column-reverse}.wizard-actions button{width:100%}.structure-layout{grid-template-columns:1fr}.structure-rack{margin-left:12px}.structure-rack ul{grid-template-columns:1fr}.audit-history li{grid-template-columns:auto minmax(0,1fr)}.audit-history time{grid-column:2}.restore-stats{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal-panel,.modal-panel--wide{border-radius:19px 19px 0 0;width:100%;max-height:calc(100vh - 18px)}.modal-header{min-height:68px;padding:14px 16px}.product-form,.form-section{padding:14px}.form-grid--2,.form-grid--3{grid-template-columns:1fr}.field--wide{grid-column:auto}.offer-row{grid-template-columns:1fr}.offer-row .icon-button{width:100%}.image-field{align-items:flex-start}.image-field>img,.image-placeholder{width:92px;height:92px}.form-actions{padding:12px 14px calc(12px + env(safe-area-inset-bottom));margin:0 -14px -14px}.form-actions>div,.form-actions>div button{flex:1}.onboarding{grid-template-columns:1fr;align-items:start;gap:28px;padding:25px 15px 40px}.onboarding-brand{margin-bottom:45px}.onboarding-hero h1{font-size:41px}.onboarding-points{display:grid}.onboarding-card{border-radius:18px;padding:24px 19px}.toast{left:14px;right:14px;bottom:calc(77px + env(safe-area-inset-bottom));max-width:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}