:root{--bg:#f4f7f6;--surface:#fff;--surface-strong:#eef7f3;--text:#25302f;--muted:#66716f;--line:#dce5e2;--primary:#0f766e;--primary-strong:#0b5f59;--primary-soft:#dff4ee;--warning:#a15c07;--warning-soft:#fff3d6;--info:#1d5f99;--info-soft:#e1f0ff;--success:#177245;--success-soft:#e3f7eb;--neutral:#4b5563;--neutral-soft:#eef2f7;--danger:#a83d3d;--danger-soft:#ffe8e8;--shadow:0 16px 38px #1f2d2b1a;--radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,select,input,textarea{border-radius:var(--radius)}textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);resize:vertical;width:100%;min-height:96px;padding:12px 14px}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #0f766e52}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text);letter-spacing:0;line-height:1.16}#root,.app-layout{min-height:100svh}.app-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.app-header__inner{justify-content:space-between;align-items:center;gap:12px;max-width:1040px;margin:0 auto;padding:10px 16px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--primary);border-radius:var(--radius);color:#fff;flex:0 0 40px;justify-content:center;align-items:center;height:40px;font-weight:800;display:inline-flex}.brand-block h1{font-size:1.08rem;line-height:1.1}.eyebrow{color:var(--primary-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.role-panel{place-items:end;gap:6px;display:grid}.role-panel__active{color:var(--muted);text-align:right;font-size:.9rem}.role-panel--demo select{width:min(44vw,150px);min-height:40px;padding:0 10px;font-size:.88rem}.role-panel--session{flex-wrap:wrap;justify-content:flex-end;align-items:center;min-width:min(100%,18rem);display:flex}.field-label{color:var(--text);font-size:.92rem;font-weight:700;display:block}select,input,textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);width:100%;min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:96px;padding:12px 14px;line-height:1.5}.app-shell{max-width:1040px;margin:0 auto;padding:18px 16px 48px}.demo-notice{background:var(--info-soft);border-radius:var(--radius);color:var(--info);border:1px solid #1d5f9933;margin-bottom:12px;padding:8px 10px;font-size:.9rem;font-weight:800}.data-source-notice{background:var(--success-soft);border-radius:var(--radius);color:var(--success);border:1px solid #17724538;flex-wrap:wrap;gap:8px 14px;margin-bottom:12px;padding:8px 10px;font-size:.9rem;font-weight:800;display:flex}.data-source-notice--blocked{background:var(--warning-soft);color:var(--warning);border-color:#a15c0752}.config-blocked{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:14px;padding:18px;display:grid}.config-blocked h2{font-size:1.45rem}.config-blocked__facts{gap:10px;margin:0;display:grid}.config-blocked__facts div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:4px;padding:12px;display:grid}.config-blocked__facts dt{color:var(--muted);font-size:.86rem;font-weight:800}.config-blocked__facts dd{margin:0;font-weight:900}.config-blocked__hint{color:var(--muted)}.error-boundary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:14px;margin-top:24px;padding:18px;display:grid}.error-boundary h1{font-size:1.45rem}.pwa-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:10px;margin-bottom:18px;padding:12px;display:grid}.pwa-panel__status-grid{gap:8px;display:grid}.pwa-panel__status-grid div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;padding:10px}.pwa-panel__status-grid span{color:var(--muted);font-size:.78rem;font-weight:800;display:block}.pwa-panel__status-grid strong{margin-top:2px;display:block}.pwa-panel__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pwa-panel__actions p,.pwa-panel__hint,.pwa-panel__details,.pwa-panel__notice{color:var(--muted);font-size:.9rem}.pwa-panel__notice{border-radius:var(--radius);padding:10px 12px;font-weight:800}.pwa-panel__notice--offline{background:var(--warning-soft);color:var(--warning);border:1px solid #a15c0752}.pwa-panel__details{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;padding:10px 12px}.pwa-panel__details summary{color:var(--primary-strong);cursor:pointer;font-weight:850}.pwa-panel__details ul{margin:8px 0 0;padding-left:20px}.pwa-update-card,.pwa-update-confirm{border-radius:var(--radius);gap:12px;padding:12px;display:grid}.pwa-update-card{background:var(--info-soft);border:1px solid #1d5f9940}.pwa-update-card h2{font-size:1rem}.pwa-update-card p{color:var(--text)}.pwa-update-confirm{background:var(--surface);border:1px solid #a15c0752}.pwa-update-confirm h3{font-size:1rem}.app-info-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;padding:12px}.app-info-panel>summary{color:var(--primary-strong);cursor:pointer;min-height:44px;padding:8px 2px;font-weight:850}.app-info-panel__content{gap:12px;padding-top:10px;display:grid}.app-info-panel__section{gap:10px;display:grid}.app-info-panel__section h2{font-size:1rem}.app-info-panel__facts{gap:8px;margin:0;display:grid}.app-info-panel__facts div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:3px;padding:10px;display:grid}.app-info-panel__facts dt{color:var(--muted);font-size:.78rem;font-weight:800}.app-info-panel__facts dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:800}.app-info-panel .pwa-panel{margin-bottom:0}.page-flow,.detail-view,.new-reception,.capture-view,.review-view,.admin-workflow{gap:18px;display:grid}.dashboard-intro,.detail-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);align-items:flex-start;gap:16px;padding:18px;display:grid}.dashboard-intro h2,.detail-hero h2,.content-section h2,.incident-panel h2{font-size:1.18rem}.employee-home .dashboard-intro h2{font-size:1.35rem}.dashboard-intro p:not(.eyebrow),.detail-hero p:not(.eyebrow){color:var(--muted);margin-top:6px}.primary-button,.secondary-button,.back-button,.upload-area{text-align:center;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-weight:800;text-decoration:none;display:inline-flex}.primary-button{background:var(--primary);color:#fff}.primary-button:hover{background:var(--primary-strong)}.primary-button--large{width:100%;min-height:56px;font-size:1.05rem}.primary-button:disabled:hover{background:var(--primary)}.secondary-button,.back-button{background:var(--surface);border-color:var(--line);color:var(--primary-strong)}.secondary-button:hover,.back-button:hover{border-color:var(--primary)}.secondary-button--compact{min-height:40px;padding:8px 12px}.back-button{justify-self:start}.content-section,.incident-panel,.form-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.content-section--flush{background:0 0;border:0;padding:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading span{background:var(--surface-strong);color:var(--primary-strong);border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 10px;font-weight:800;display:inline-flex}.card-grid,.employee-card-list{gap:12px;display:grid}.employee-reception-card{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:14px;padding:14px;display:grid}.employee-reception-card__main{align-items:flex-start;gap:10px;display:grid}.employee-reception-card h3{overflow-wrap:anywhere;font-size:1.03rem}.employee-reception-card p{color:var(--muted);margin-top:3px}.employee-reception-card__facts{gap:8px;margin:0;display:grid}.employee-reception-card__facts div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:10px;display:grid}.employee-reception-card__facts dt{color:var(--muted);font-size:.78rem;font-weight:800}.employee-reception-card__facts dd{color:var(--text);margin:0;font-weight:850}.employee-reception-card .primary-button,.employee-reception-card .secondary-button{width:100%}.reception-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none;color:var(--text);text-align:left;gap:12px;width:100%;min-height:172px;padding:16px;display:grid}.reception-card:hover{border-color:#0f766e7a;transform:translateY(-1px);box-shadow:0 12px 28px #1f2d2b17}.reception-card__topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reception-card__topline>span:first-child{font-size:1.02rem;font-weight:850}.reception-card__date,.reception-card__incident{color:var(--muted);font-size:.94rem}.reception-card__meta{flex-wrap:wrap;gap:8px;display:flex}.reception-card__meta span{background:var(--surface-strong);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:800}.reception-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reception-card__grid span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f8faf9;gap:2px;padding:10px;display:grid}.reception-card__grid strong{color:var(--text);font-size:1rem;display:block}.status-badge,.match-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:850;line-height:1.1;display:inline-flex}.status-badge--draft{background:var(--neutral-soft);color:var(--neutral)}.status-badge--submitted{background:var(--warning-soft);color:var(--warning)}.status-badge--processing_eleventa{background:var(--info-soft);color:var(--info)}.status-badge--completed{background:var(--success-soft);color:var(--success)}.summary-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-panel div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:4px;min-height:78px;padding:12px;display:grid}.summary-panel span,.product-facts dt{color:var(--muted);font-size:.82rem;font-weight:700}.summary-panel strong,.product-facts dd{color:var(--text);margin:0;font-size:1rem;font-weight:850}.incident-panel ul{color:var(--muted);margin:12px 0 0;padding-left:20px}.product-list{gap:12px;display:grid}.product-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:14px;padding:16px;display:grid}.product-row__heading{align-items:flex-start;gap:10px;display:grid}.product-row h3{font-size:1rem}.product-row p{color:var(--muted);margin-top:4px}.match-pill{background:var(--primary-soft);color:var(--primary-strong);justify-self:start}.product-facts{gap:10px;margin:0;display:grid}.product-facts div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;padding:10px}.copy-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-result{font-size:.9rem;font-weight:800}.copy-result--ok{color:var(--success)}.copy-result--error{color:var(--danger)}.form-panel{gap:18px;display:grid}.capture-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:18px;padding:16px;display:grid}.form-grid{gap:14px;display:grid}.field-group{gap:8px;display:grid}.field-error{color:var(--danger);font-size:.9rem;font-weight:800}.helper-text{color:var(--muted);font-size:.9rem}.radio-panel{border:1px solid var(--line);border-radius:var(--radius);gap:10px;margin:0;padding:14px;display:grid}.radio-panel legend{color:var(--text);padding:0 4px;font-weight:850}.radio-panel label{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#f8faf9;align-items:flex-start;gap:10px;padding:12px;display:flex}.radio-panel input{flex:none;width:20px;height:20px;min-height:20px;margin:2px 0 0}.upload-area{color:var(--primary-strong);background:repeating-linear-gradient(135deg,#f7fbfa,#f7fbfa 14px,#eef7f3 14px 28px);border:2px dashed #0f766e61;width:100%;min-height:108px}.upload-area small,.upload-area span{display:block}.upload-area small{color:var(--muted);margin-top:6px;font-weight:650}.invoice-upload{gap:10px;display:grid}.invoice-pages-panel{border:1px solid var(--line);border-radius:var(--radius);gap:14px;padding:14px;display:grid}.invoice-pages-panel h3{font-size:1.05rem}.invoice-page-list{gap:12px;display:grid}.invoice-page-card{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:12px;padding:10px;display:grid}.invoice-page-card>img{aspect-ratio:4/3;background:var(--neutral-soft);border-radius:var(--radius);object-fit:cover;width:100%}.invoice-page-card__body{gap:8px;display:grid}.invoice-page-card h4{color:var(--text);margin:0;font-size:1rem}.action-stack{gap:10px;display:grid}.form-notice{background:var(--primary-soft);border-radius:var(--radius);color:var(--primary-strong);border:1px solid #0f766e33;padding:12px;font-weight:750}.form-notice--error{background:var(--danger-soft);color:var(--danger);border-color:#b91c1c47;gap:10px;display:grid}.form-notice--error p{color:var(--text)}.technical-error-detail{color:var(--text);font-weight:650}.technical-error-detail summary{cursor:pointer;outline-offset:4px;min-height:40px}.technical-error-detail dl{gap:8px;margin:8px 0 0;display:grid}.technical-error-detail div{gap:2px;display:grid}.technical-error-detail dt{color:var(--muted);text-transform:uppercase;font-size:.78rem}.technical-error-detail dd{overflow-wrap:anywhere;margin:0}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-actions{gap:10px;width:100%;display:grid}.capture-grid{gap:16px;display:grid}.photo-panel,.code-panel,.invoice-match-panel,.quantity-panel,.lookup-card,.incident-alert,.pieces-panel{border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:14px;display:grid}.code-actions{gap:10px;display:grid}.photo-panel input[type=file]{cursor:pointer;border-style:dashed;min-height:auto;padding:12px}.photo-preview{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;align-items:center;gap:12px;padding:10px;display:grid}.photo-preview img{aspect-ratio:4/3;border-radius:var(--radius);object-fit:cover;width:100%;max-height:260px}.photo-preview strong{overflow-wrap:anywhere;margin-bottom:8px;display:block}.lookup-card{background:#f8faf9}.lookup-card--warning,.incident-alert{background:var(--warning-soft);border-color:#a15c0752}.relation-panel{background:var(--surface-strong)}.suggestion-list,.invoice-line-review-list{gap:10px;display:grid}.suggestion-card,.selected-line-panel,.quantity-difference-panel,.relation-note{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:12px;display:grid}.suggestion-card h4{margin-top:8px;font-size:1rem}.suggestion-card p,.relation-note p{color:var(--muted)}.relation-warning{background:var(--warning-soft);border-color:#a15c0752}.relation-note strong{color:var(--warning)}.incident-alert h3{color:var(--warning);font-size:1rem}.incident-alert pre{background:var(--surface);border-radius:var(--radius);color:var(--text);white-space:pre-wrap;border:1px solid #a15c073d;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-x:auto}.link-button{color:var(--primary-strong);background:0 0;border:0;justify-self:start;padding:6px 0;font-weight:850;text-decoration:underline}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button-row>button,.button-row>label{flex:190px}.checkbox-label{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:10px;min-height:48px;padding:10px 12px;display:flex}.checkbox-label input{flex:none;width:20px;height:20px;min-height:20px}.compact-facts,.quantity-summary{gap:10px;margin:0;display:grid}.compact-facts div,.quantity-summary div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;padding:10px}.compact-facts dt,.quantity-summary span{color:var(--muted);font-size:.82rem;font-weight:750;display:block}.compact-facts dd,.quantity-summary strong{color:var(--text);overflow-wrap:anywhere;margin:2px 0 0;font-size:.98rem;font-weight:850;display:block}.captured-products-list,.review-product-list{gap:12px;display:grid}.captured-product,.review-product{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:12px;display:grid}.captured-product--incident{box-shadow:inset 4px 0 0 var(--danger);border-color:#a83d3d73}.captured-product--pending{box-shadow:inset 4px 0 0 var(--warning);border-color:#a15c076b}.captured-product--normal{box-shadow:inset 4px 0 0 var(--success);border-color:#17724559}.captured-product__media{background:var(--neutral-soft);border-radius:var(--radius);color:var(--muted);justify-content:center;align-items:center;min-height:170px;font-weight:850;display:flex;overflow:hidden}.captured-product__media img{object-fit:cover;width:100%;height:100%;max-height:220px}.captured-product__body{gap:12px;display:grid}.captured-product__heading{align-items:start;gap:10px;display:grid}.captured-product__heading p,.review-product p{color:var(--muted);margin-top:4px}.status-pill{background:var(--neutral-soft);color:var(--neutral);border-radius:999px;justify-self:start;align-items:center;padding:7px 10px;font-size:.78rem;font-weight:850;display:inline-flex}.captured-product--incident .status-pill{background:var(--danger-soft);color:var(--danger)}.captured-product--pending .status-pill{background:var(--warning-soft);color:var(--warning)}.captured-product--normal .status-pill{background:var(--success-soft);color:var(--success)}.inline-incidents,.review-list{margin:0;padding-left:20px}.inline-incidents li,.review-list li{color:var(--muted);margin-bottom:6px}.review-list--actions{gap:10px;padding-left:0;display:grid}.review-list--actions li{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;align-items:center;gap:10px;margin-bottom:0;padding:12px;list-style:none;display:grid}.capture-history{gap:8px;display:grid}.capture-history div{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:3px;padding:10px;display:grid}.capture-history span{color:var(--muted);font-size:.9rem}.receipt-flow-list{gap:12px;display:grid}.receipt-flow-item,.upload-state{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:12px;padding:12px;display:grid}.receipt-flow-item strong,.upload-state strong{color:var(--text);overflow-wrap:anywhere;display:block}.receipt-flow-item p,.upload-state p{color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.upload-state{background:var(--surface)}.upload-state--uploaded{box-shadow:inset 4px 0 0 var(--success);border-color:#17724559}.upload-state--failed,.upload-state--blocked_not_draft{box-shadow:inset 4px 0 0 var(--danger);border-color:#a83d3d59}.upload-state--uploading,.upload-state--verifying,.upload-state--metadata_created,.upload-state--preparing{box-shadow:inset 4px 0 0 var(--info);border-color:#1d5f9952}.receipt-flow-checklist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.receipt-flow-checklist li{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f8faf9;align-items:center;gap:10px;min-height:44px;padding:10px 12px;display:flex}.receipt-flow-checklist span{background:var(--warning-soft);color:var(--warning);border-radius:999px;padding:5px 8px;font-size:.76rem;font-weight:850}.receipt-flow-checklist .is-ready{color:var(--text)}.receipt-flow-checklist .is-ready span{background:var(--success-soft);color:var(--success)}.empty-state{color:var(--muted)}.version-alert{background:var(--warning-soft);border-radius:var(--radius);color:var(--warning);border:1px solid #a15c0752;gap:10px;padding:14px;display:grid}.version-alert p{color:var(--text)}.admin-product-list,.resolution-list{gap:14px;display:grid}.admin-product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:12px;padding:12px;display:grid}.admin-product-photo{border-radius:var(--radius);color:var(--primary-strong);text-align:center;background:linear-gradient(135deg,#0f766e1f,#1d5f991a),#f8faf9;border:1px dashed #0f766e61;justify-content:center;align-items:center;min-height:160px;padding:16px;font-weight:850;display:flex}.admin-product-body{gap:14px;display:grid}.price-panel{background:var(--surface-strong);border-radius:var(--radius);border:1px solid #0f766e2e;gap:10px;padding:12px;display:grid}.private-file-card{gap:1rem}.private-file-preview{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.private-file-preview__image{aspect-ratio:4/3;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;width:min(100%,28rem);max-height:18rem}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:2rem;padding:.35rem .7rem;font-size:.82rem;font-weight:800;display:inline-flex}.status-pill--pending{background:var(--warning-soft);color:#8a4b00}.status-pill--captured{background:var(--success-soft);color:var(--success)}.status-pill--not_applicable{color:#075985;background:#e0f2fe}.admin-incidence{border-radius:var(--radius);gap:4px;padding:12px;display:grid}.admin-incidence--open{background:var(--danger-soft);color:var(--danger);border:1px solid #a83d3d4d}.admin-incidence--resolved{background:var(--success-soft);color:var(--success);border:1px solid #17724547}.admin-incidence p{color:var(--text)}.resolution-item{border:1px solid var(--line);border-radius:var(--radius);background:#f8faf9;gap:10px;padding:12px;display:grid}.resolution-item__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.resolution-item__header span{color:var(--muted);font-size:.86rem;font-weight:750}.resolution-item p{color:var(--muted)}.history-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.history-panel summary{color:var(--text);cursor:pointer;font-size:1.05rem;font-weight:850}.history-panel ol{gap:10px;margin:14px 0 0;padding-left:22px;display:grid}.history-panel li{color:var(--muted)}.history-panel li strong,.history-panel li span{display:block}.history-panel li strong{color:var(--text)}.history-panel li p{margin-top:4px}.scanner-backdrop{z-index:40;background:#121e1cb8;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.scanner-modal{background:var(--surface);border-radius:var(--radius);gap:14px;width:100%;max-width:720px;max-height:calc(100svh - 28px);padding:16px;display:grid;overflow-y:auto;box-shadow:0 24px 80px #08121052}.scanner-header{align-items:start;gap:12px;display:grid}.scanner-header h2{font-size:1.2rem}.scanner-video-frame{aspect-ratio:4/3;border-radius:var(--radius);background:#111f1d;width:100%;position:relative;overflow:hidden}.scanner-video-frame video{object-fit:cover;width:100%;height:100%;display:block}.scanner-guide{border-radius:var(--radius);border:2px solid #ffffffeb;justify-content:center;align-items:center;height:30%;display:flex;position:absolute;inset:35% 10%}.scanner-guide span{background:#ffffffeb;width:88%;height:2px;display:block}.scanner-privacy,.scanner-status{color:var(--muted);font-size:.95rem}.scanner-status{background:var(--surface-strong);border-radius:var(--radius);color:var(--primary-strong);border:1px solid #0f766e2e;padding:10px 12px;font-weight:800}.image-modal{max-width:940px}.image-modal__tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.image-modal__tools span{color:var(--text);text-align:center;min-width:58px;font-weight:850}.image-modal__stage{border-radius:var(--radius);background:#111f1d;justify-content:center;align-items:center;min-height:260px;max-height:68svh;padding:18px;display:flex;overflow:auto}.image-modal__stage img{object-fit:contain;transform-origin:50%;max-width:100%;max-height:100%;transition:transform .16s}.auth-shell{background:linear-gradient(#f6f8fbf2,#e5ebf4f2);place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-panel{border:1px solid var(--line);background:var(--surface);width:min(100%,30rem);box-shadow:var(--shadow);border-radius:8px;gap:1rem;padding:1.25rem;display:grid}.auth-panel h1{color:var(--text);margin:0;font-size:1.6rem}.auth-panel p{margin:0}.auth-form{gap:1rem;display:grid}.password-field{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.link-button{width:fit-content;min-height:2.5rem;color:var(--primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.link-button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.auth-facts,.diagnostics-panel{gap:.65rem;display:grid}.auth-facts div{gap:.2rem;display:grid}.auth-facts dt{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.auth-facts dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-weight:700}.diagnostics-panel{border:1px dashed var(--line);background:var(--surface);color:var(--muted);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));padding:.75rem;font-size:.82rem;font-weight:700}@media (width>=680px){.app-header__inner{padding:12px 24px}.role-panel--demo{grid-template-columns:auto minmax(150px,180px);align-items:center}.role-panel--demo .role-panel__active{text-align:right;grid-column:auto}.app-shell{padding:24px 24px 56px}.dashboard-intro,.detail-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:22px}.primary-button--large{width:auto;min-width:220px}.card-grid,.employee-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-reception-card__main{grid-template-columns:minmax(0,1fr) auto}.employee-reception-card__facts,.app-info-panel__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel{grid-template-columns:repeat(5,minmax(0,1fr))}.pwa-panel__status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-row__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start}.product-facts,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-stack{justify-content:flex-end;align-items:center;display:flex}.code-actions,.scanner-header{justify-content:space-between;align-items:center;display:flex}.hero-actions{justify-items:end;width:auto}.capture-grid{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.compact-facts--three{grid-template-columns:1.4fr .8fr .8fr}.compact-facts--four,.quantity-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.captured-product{grid-template-columns:180px minmax(0,1fr)}.admin-product-card{grid-template-columns:190px minmax(0,1fr)}.invoice-page-card,.photo-preview{grid-template-columns:180px minmax(0,1fr)}.captured-product__media{min-height:180px}.captured-product__heading{grid-template-columns:minmax(0,1fr) auto}}@media (width>=1024px){.card-grid,.product-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}