:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#19212a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffffeb,#f4f6f8e6),radial-gradient(circle at top left,rgba(28,115,255,.12),transparent 28rem),radial-gradient(circle at top right,rgba(0,150,136,.1),transparent 24rem)}button,select,input{font:inherit}button{border:0}.app-shell{width:min(1520px,100%);margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.topbar h1,.scanner-panel h2,.section-heading h2{margin:0;letter-spacing:0}.topbar h1{font-size:clamp(30px,5vw,52px);line-height:1}.eyebrow{margin:0 0 6px;color:#526170;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar__stats{display:grid;min-width:144px;padding:14px 18px;border:1px solid #d7dde5;border-radius:8px;background:#ffffffc7;text-align:right}.topbar__stats span{color:#5e6b78;font-size:13px}.topbar__stats strong{color:#0b6b61;font-size:32px;line-height:1}.language-select{display:grid;gap:5px}.language-select span{color:#5d6b78;font-size:12px;font-weight:800}.language-select select{min-height:42px;min-width:82px}.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #d6dee7;border-radius:8px;background:#fff;color:#24313d;cursor:pointer;font-weight:800;padding:0 14px}.logout-button:hover{background:#f0f4f8}.login-panel{display:grid;min-height:min(560px,68vh);place-items:center}.login-form{display:grid;width:min(420px,100%);gap:16px;border:1px solid #dce2e9;border-radius:8px;background:#ffffffe6;box-shadow:0 18px 50px #1a273614;padding:24px}.login-form h2{margin:0;font-size:24px;letter-spacing:0}.login-form .primary-action{min-height:46px}.login-error{margin:0;color:#a1201a;font-size:14px;font-weight:800}.workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(280px,360px);gap:18px;align-items:start}.sidebar,.scanner-panel,.history-panel{border:1px solid #dce2e9;border-radius:8px;background:#ffffffe0;box-shadow:0 18px 50px #1a273614}.sidebar,.history-panel{padding:18px}.scanner-panel{overflow:hidden}.scanner-panel__header{display:flex;justify-content:space-between;gap:14px;padding:20px 20px 14px}.scanner-panel__header h2{font-size:26px;line-height:1.12}.muted{display:inline-flex;margin-top:8px;color:#687583}.progress-badge{display:grid;place-items:center;min-width:88px;height:72px;border:1px solid #cad6e1;border-radius:8px;background:#eef7f5;color:#0d625a}.progress-badge strong{font-size:28px;line-height:1}.progress-badge span{font-size:12px}.progress-track{width:100%;height:6px;background:#e7ecf1}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#1478ff,#0b8f7c);transition:width .18s ease}.section-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#22303c}.section-heading h2{font-size:17px}.section-heading--products{margin-top:24px}.field{display:grid;gap:7px}.field span{color:#5d6b78;font-size:13px;font-weight:700}select,input{width:100%;min-height:44px;border:1px solid #cbd5df;border-radius:8px;background:#fff;color:#18222c;outline:none;padding:0 12px}select:focus,input:focus{border-color:#1478ff;box-shadow:0 0 0 3px #1478ff21}.field--compact{margin:0 20px 16px}.order-summary{display:flex;justify-content:space-between;gap:10px;margin-top:12px;color:#5f6c79;font-size:13px}.product-list{display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:2px}.product-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:12px;border:1px solid #d9e0e8;border-radius:8px;background:#fff;color:#1d2731;text-align:left;cursor:pointer}.product-row:hover,.product-row--active{border-color:#1478ff;background:#f2f7ff}.product-row span{display:grid;gap:4px;min-width:0}.product-row strong,.product-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-row small{color:#657381}.product-row em{flex:0 0 auto;min-width:54px;border-radius:999px;background:#e7f3f1;color:#0e6b61;font-size:13px;font-style:normal;font-weight:800;padding:6px 8px;text-align:center}.camera-stage{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#101820}.camera-stage video{display:block;width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:2px solid rgba(255,255,255,.86);border-radius:8px;box-shadow:0 0 0 999px #0000003d}.scan-frame:after{position:absolute;left:8%;right:8%;top:50%;height:2px;background:#3df1d2;content:""}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:10px;background:linear-gradient(135deg,#151f29,#26394a);color:#dfe7ef;font-weight:800}.toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:16px 20px}.toolbar button,.manual-entry button,.refresh-button,.scan-item button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;background:#edf2f7;color:#202b36;cursor:pointer;font-weight:800;padding:0 14px}.toolbar button:hover,.manual-entry button:hover,.refresh-button:hover,.scan-item button:hover{background:#e2eaf2}.toolbar button:disabled,.manual-entry button:disabled{cursor:not-allowed;opacity:.48}.primary-action{background:#1478ff!important;color:#fff!important}.primary-action:hover{background:#0f68dc!important}.scanner-message{display:flex;align-items:center;gap:9px;min-height:48px;margin:0 20px 18px;border:1px solid #d7e0e8;border-radius:8px;background:#f8fafc;color:#526171;padding:10px 12px}.scanner-message--active{border-color:#a6d8cf;background:#eefbf8;color:#0a665a}.manual-entry{display:grid;grid-template-columns:minmax(150px,190px) 1fr auto;gap:12px;align-items:end;padding:0 20px 20px}.manual-entry__mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-height:44px;border:1px solid #cbd5df;border-radius:8px;background:#f7f9fb;padding:4px}.manual-entry__mode button{min-height:34px;padding:0 8px;background:transparent;color:#596777}.manual-entry__mode button.active{background:#fff;color:#1478ff;box-shadow:0 1px 4px #1e2a3824}.notice{margin:-8px 20px 20px;color:#0e6b61;font-size:14px;font-weight:700}.hidden-canvas{display:none}.scan-list{display:grid;gap:10px;max-height:62vh;overflow:auto;padding-right:2px}.scan-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:78px;border:1px solid #dce3ea;border-radius:8px;background:#fff;padding:12px}.scan-item div{display:grid;gap:4px;min-width:0}.scan-item strong{overflow-wrap:anywhere;color:#17212b}.scan-item small{color:#687683}.scan-kind{width:fit-content;border-radius:999px;background:#eef2f7;color:#52616f;font-size:12px;font-weight:800;padding:3px 7px}.scan-item button{flex:0 0 38px;width:38px;padding:0;color:#b3261e}.refresh-button{width:100%;margin-top:14px}.empty-state,.status-row{border:1px dashed #c7d2de;border-radius:8px;background:#ffffffb3;color:#617080;padding:18px}.status-row{display:flex;align-items:center;gap:10px}.status-row--error{border-color:#f0b7b3;color:#a1201a}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace{grid-template-columns:minmax(260px,330px) 1fr}.history-panel{grid-column:1 / -1}}@media(max-width:820px){.app-shell{padding:16px}.topbar{align-items:stretch;flex-direction:column}.topbar__actions{align-items:stretch;flex-wrap:wrap;justify-content:flex-start}.topbar__stats{text-align:left}.workspace,.manual-entry{grid-template-columns:1fr}.scanner-panel__header{align-items:flex-start;flex-direction:column}.progress-badge{width:100%;height:auto;min-height:58px}.camera-stage{aspect-ratio:4 / 3}.product-list,.scan-list{max-height:none}}