:root{--ink:#0b1724;--muted:#667487;--line:#dce4eb;--paper:#f4f7f9;--white:#fff;--navy:#07131f;--blue:#0b65d8;--cyan:#21c7d9;--green:#12835c;--orange:#d96b11;--red:#c43a40;--purple:#7952c7;--shadow:0 18px 50px rgba(7,19,31,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{min-height:100%;background:var(--paper)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,rgba(33,199,217,.09),transparent 30rem),var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100vw - 1420px)/2));background:rgba(7,19,31,.94);color:#fff;backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(7,19,31,.15)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:-.02em}.brand-large{font-size:1.2rem;margin-bottom:2rem}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:.75rem;background:linear-gradient(135deg,var(--cyan),#63e6b7);color:var(--navy);font-size:.78rem;letter-spacing:.02em}.topbar nav{display:flex;align-items:center;gap:.25rem}.nav-link{padding:.6rem .78rem;border-radius:.65rem;color:#b9c5d1;font-size:.88rem;font-weight:650}.nav-link:hover,.nav-link.is-active{background:rgba(255,255,255,.1);color:#fff}.shell{width:min(1420px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.panel{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:1.15rem;box-shadow:0 8px 30px rgba(7,19,31,.045)}.hero-row,.scanner-heading,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin:1.4rem 0 2rem}.hero-row h1,.scanner-heading h1,.page-heading h1,.detail-heading h1{max-width:800px;margin:.35rem 0 .65rem;font-size:clamp(2rem,5vw,4.2rem);line-height:.96;letter-spacing:-.055em}.scanner-heading h1,.page-heading h1,.detail-heading h1{font-size:clamp(2rem,4vw,3.5rem)}.eyebrow{color:var(--blue);font-size:.74rem;font-weight:850;letter-spacing:.16em}.muted{color:var(--muted)}.hero-row p,.scanner-heading p,.page-heading p{max-width:720px;margin:0;font-size:1.05rem;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.65rem;padding:.65rem 1rem;border:1px solid #cbd6df;border-radius:.78rem;background:#fff;color:var(--ink);font-weight:750;box-shadow:0 3px 9px rgba(7,19,31,.04)}.button:hover{border-color:#91a5b7;transform:translateY(-1px)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{border-color:transparent;background:linear-gradient(135deg,#0872e4,#0ca9c0);color:#fff;box-shadow:0 10px 25px rgba(11,101,216,.22)}.button-large{min-height:3.2rem;padding:.85rem 1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:.7rem;margin-bottom:1rem}.stat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.05rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.stat-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#9aabba}.stat-card span{color:var(--muted);font-size:.8rem;font-weight:700}.stat-card strong{font-size:1.75rem;line-height:1}.stat-review:before{background:var(--orange)}.stat-list:before{background:var(--green)}.stat-lot:before{background:var(--blue)}.stat-bulk:before{background:#718096}.stat-failed:before{background:var(--red)}.stat-queued:before{background:var(--purple)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;margin-bottom:1rem}.search-form{display:flex;gap:.5rem;flex:1;max-width:560px}.search-form input{flex:1}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.inventory-card{overflow:hidden;border:1px solid var(--line);border-radius:1.05rem;background:#fff;box-shadow:0 7px 24px rgba(7,19,31,.045);transition:.18s ease}.inventory-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-image-wrap{display:block;aspect-ratio:5/7;background:#dbe3e8;overflow:hidden}.card-image-wrap img{width:100%;height:100%;object-fit:cover}.card-body{padding:.9rem}.card-meta,.price-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.69rem}.card-body h2{margin:.7rem 0 .25rem;font-size:.98rem;line-height:1.3}.card-body p{min-height:1.3rem;margin:0 0 .8rem;color:var(--muted);font-size:.78rem}.price-row strong{color:var(--ink);font-size:1rem}.badge{display:inline-flex;padding:.25rem .48rem;border-radius:999px;background:#e9eef2;color:#536171;font-size:.64rem;font-weight:850;letter-spacing:.05em}.badge-review{background:#fff0db;color:#9d510f}.badge-list,.badge-complete{background:#dff6ec;color:#0c694a}.badge-lot{background:#e1efff;color:#0753ad}.badge-bulk{background:#e8edf0;color:#536171}.badge-queued,.badge-processing{background:#eee8fb;color:#6242ad}.badge-failed{background:#ffe4e5;color:#a72d32}.empty-state{display:grid;place-items:center;text-align:center;min-height:360px;padding:3rem}.empty-state h2{margin:.7rem 0}.empty-state p{max-width:560px;color:var(--muted)}.empty-icon{display:grid;place-items:center;width:5rem;height:5rem;border-radius:1.4rem;background:#e2f7f8;color:#067e8c;font-size:1.5rem;font-weight:900}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.35rem;margin-top:1.5rem}.pagination a{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:.65rem;background:#fff}.pagination a.is-current{background:var(--navy);color:#fff}.batch-fields{display:flex;gap:.65rem}.batch-fields label{min-width:110px}.scanner-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:1rem}.camera-panel{padding:1rem}.camera-stage{position:relative;overflow:hidden;width:min(100%,660px);margin:0 auto;aspect-ratio:5/7;border-radius:1rem;background:#07131f}.camera-stage video{width:100%;height:100%;object-fit:cover}.capture-guide{position:absolute;inset:2%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.7%}.capture-guide div{position:relative;border:2px solid rgba(255,255,255,.72);border-radius:2%;box-shadow:inset 0 0 0 1px rgba(7,19,31,.25)}.capture-guide span{position:absolute;top:.3rem;left:.35rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(7,19,31,.76);color:#fff;font-size:.68rem;font-weight:800}.camera-placeholder{position:absolute;inset:0;display:grid;place-content:center;place-items:center;gap:.5rem;color:#c4d0db;text-align:center;background:linear-gradient(145deg,#07131f,#12334a)}.camera-placeholder[hidden]{display:none}.camera-placeholder span{max-width:260px;color:#91a8ba;font-size:.85rem}.camera-icon{font-size:3rem;color:var(--cyan)}.camera-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.progress-wrap{max-width:660px;margin:1rem auto 0}.progress-track{overflow:hidden;height:.65rem;border-radius:999px;background:#e3e9ee}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .3s}.progress-wrap p{margin:.45rem 0 0;color:var(--muted);font-size:.82rem}.scan-sidebar{display:flex;flex-direction:column;gap:1rem}.scan-sidebar .panel{padding:1.1rem}.scan-sidebar h2{margin:0 0 .8rem}.setup-list{display:grid;gap:.8rem;margin:0;padding-left:1.25rem;color:var(--muted);line-height:1.45}.caution-panel{border-color:#f2d3ad;background:#fffaf2}.caution-panel p{margin:.35rem 0 0;color:#77502b;line-height:1.5;font-size:.86rem}.mini-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.mini-card-grid img{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:.35rem}.mini-card-grid span{display:block;overflow:hidden;margin-top:.2rem;font-size:.52rem;text-overflow:ellipsis;white-space:nowrap}.success-text{color:var(--green);font-weight:700;font-size:.82rem}.installer-body{display:grid;place-items:center;min-height:100vh;padding:1rem;background:radial-gradient(circle at 15% 15%,rgba(33,199,217,.15),transparent 25rem),var(--navy)}.installer-card,.login-card{width:min(780px,100%);padding:clamp(1.5rem,5vw,3rem);border-radius:1.5rem;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}.login-card{width:min(470px,100%)}.installer-card h1,.login-card h1{margin:.35rem 0;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stack{display:grid;gap:1rem}.stack-sm{display:grid;gap:.55rem}label{display:grid;gap:.38rem;color:#314254;font-size:.78rem;font-weight:750}input,select,textarea{width:100%;border:1px solid #cbd6df;border-radius:.7rem;background:#fff;color:var(--ink);padding:.72rem .78rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,101,216,.12)}textarea{resize:vertical}.full{grid-column:1/-1}.alert{margin:1rem 0;padding:.9rem 1rem;border-radius:.75rem;font-size:.88rem;line-height:1.5}.alert ul{margin:.4rem 0 0;padding-left:1.2rem}.alert-error{background:#ffebec;color:#922a2f;border:1px solid #f5c2c5}.alert-success{background:#e4f7ef;color:#086244;border:1px solid #bae7d5}.settings-layout{display:grid;gap:1rem;max-width:980px}.settings-section{padding:1.3rem}.section-title{display:flex;gap:.9rem;margin-bottom:1.2rem}.section-title h2{margin:0 0 .25rem}.section-title p{margin:0;color:var(--muted);font-size:.88rem}.step-number{display:grid;place-items:center;flex:0 0 2.2rem;height:2.2rem;border-radius:.7rem;background:#dff5f7;color:#087984;font-weight:850}.detail-heading{display:flex;gap:1.2rem;align-items:flex-start;margin:1rem 0 1.5rem}.back-link{padding-top:.5rem;color:var(--blue);font-weight:750}.detail-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:1rem;align-items:start}.detail-image{padding:1rem}.detail-image img{width:100%;margin-bottom:1rem;border-radius:.8rem}.detail-form{padding:1.2rem}.check-row{display:flex;flex-wrap:wrap;gap:1rem}.check-row label{display:flex;align-items:center;gap:.45rem}.check-row input{width:auto}.comp-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.7rem}.comp-summary div{display:flex;flex-direction:column;padding:.85rem;border-radius:.8rem;background:#f0f4f7}.comp-summary span{color:var(--muted);font-size:.72rem}.comp-summary strong{font-size:1.25rem}.small{font-size:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{position:fixed;right:1rem;bottom:1rem;z-index:100;max-width:min(380px,calc(100vw - 2rem));padding:.85rem 1rem;border-radius:.8rem;background:var(--navy);color:#fff;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:none}.toast-success{background:#096747}.toast-error{background:#9e2e33}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(4,1fr)}.scanner-layout{grid-template-columns:1fr}.scan-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.detail-layout{grid-template-columns:280px 1fr}}
@media(max-width:760px){.topbar{align-items:flex-start}.topbar nav{overflow:auto;max-width:68vw}.nav-link{white-space:nowrap;padding:.55rem .65rem}.shell{width:min(100% - 1rem,1420px);padding-top:1rem}.hero-row,.scanner-heading,.page-heading{align-items:stretch;flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.search-form{max-width:none}.toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.batch-fields{display:grid;grid-template-columns:1fr 1fr 1fr}.scan-sidebar{display:grid;grid-template-columns:1fr}.camera-panel{padding:.5rem}.camera-actions .button{flex:1}.detail-layout{grid-template-columns:1fr}.detail-image{display:grid;grid-template-columns:150px 1fr;gap:.8rem}.detail-image img{margin:0}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.comp-summary{grid-template-columns:1fr 1fr}.installer-card,.login-card{padding:1.35rem}.section-title{align-items:flex-start}}
@media(max-width:430px){.brand>span:last-child{display:none}.topbar nav{max-width:80vw}.hero-row h1,.scanner-heading h1{font-size:2.25rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{padding:.7rem}.card-body h2{font-size:.85rem}.detail-image{grid-template-columns:1fr}.batch-fields{grid-template-columns:1fr 1fr}.batch-fields label:first-child{grid-column:1/-1}.comp-summary{grid-template-columns:1fr}.toolbar-actions{grid-template-columns:1fr}.camera-stage{border-radius:.7rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem}.product-image-wrap{aspect-ratio:1/1;background:#eef2f5}.product-image-wrap img{object-fit:contain;background:#fff}.image-placeholder,.detail-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:1rem;background:linear-gradient(145deg,#e9f2f6,#dce8ee);color:#526577;text-align:center;font-size:.75rem;font-weight:850;letter-spacing:.08em}.detail-placeholder{min-height:260px;margin-bottom:1rem;border-radius:.8rem}.mixed-fields label:first-child{min-width:180px}.mixed-camera-stage{width:100%;max-width:900px;aspect-ratio:4/3}.mixed-camera-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07131f}.result-overview{width:100%;max-height:260px;object-fit:contain;border-radius:.7rem;background:#eef2f5}.mixed-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.mixed-result-grid a{overflow:hidden;padding:.4rem;border:1px solid var(--line);border-radius:.7rem;background:#fff}.mixed-result-grid img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:.4rem;background:#eef2f5}.mixed-result-grid span,.mixed-result-grid small{display:block;overflow:hidden;margin-top:.35rem;text-overflow:ellipsis;white-space:nowrap}.mixed-result-grid span{font-size:.72rem;font-weight:800}.mixed-result-grid small{color:var(--muted);font-size:.58rem}.result-link{width:100%;margin-top:.8rem}.barcode-layout{grid-template-columns:minmax(0,780px) 350px;justify-content:center}.barcode-camera-stage{width:100%;max-width:760px;aspect-ratio:16/9}.barcode-guide{position:absolute;inset:28% 12%;border:3px solid rgba(255,255,255,.86);border-radius:1rem;box-shadow:0 0 0 999px rgba(7,19,31,.34)}.barcode-guide span{position:absolute;top:50%;left:5%;right:5%;height:2px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.barcode-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.7rem;max-width:760px;margin:1rem auto 0}.barcode-result-image{width:100%;max-height:220px;object-fit:contain;border-radius:.7rem;background:#eef2f5}.result-panel h3{margin:.7rem 0 .25rem}.upgrade-card{max-width:720px;padding:1.4rem}.upgrade-card h2{margin:.25rem 0;font-size:2rem}.upgrade-card>p{color:var(--muted);line-height:1.6}
@media(max-width:1050px){.barcode-layout{grid-template-columns:1fr}.barcode-layout .scan-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero-actions{display:grid;grid-template-columns:1fr 1fr}.mixed-camera-stage{aspect-ratio:3/4}.barcode-layout .scan-sidebar{grid-template-columns:1fr}.barcode-form{grid-template-columns:1fr}.mixed-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.hero-actions{grid-template-columns:1fr}.mixed-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-camera-stage{aspect-ratio:4/3}}
.detail-image{align-items:start}.detail-image img{align-self:start;height:auto;max-height:520px;object-fit:contain;background:#eef2f5}.detail-product-image{aspect-ratio:1/1}.ai-off-notice{margin-top:-.75rem}.ai-off-notice a{color:var(--blue);font-weight:800;text-decoration:underline}
@media(max-width:760px){.topbar{align-items:center;padding:.65rem .75rem}.topbar nav{flex:1;max-width:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topbar nav::-webkit-scrollbar{display:none}.detail-heading{flex-direction:column;gap:.35rem}.detail-heading h1{font-size:2.35rem}.back-link{padding-top:0}.mixed-camera-stage{aspect-ratio:4/5}.detail-image img{max-height:440px}}
@media(max-width:430px){.detail-heading h1{font-size:2rem}.detail-product-image{aspect-ratio:4/3}.detail-image img{max-height:340px}}