:root{font-family:DM Sans,system-ui,sans-serif;color:#233342;background:#f4f6f8;font-synthesis:none;font-size:14px;--ink: #182f43;--muted: #77838e;--line: #e1e6eb;--accent: #1a6b63;--dark: #162d41}*{box-sizing:border-box}body{margin:0}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(280px,440px) minmax(320px,440px);align-items:center;justify-content:center;gap:72px;padding:32px;background:linear-gradient(135deg,#eef5f4,#f7f8fa 55%,#edf2f6)}.auth-copy{max-width:430px}.auth-copy h1{margin:28px 0 14px;font-size:clamp(30px,5vw,48px);line-height:1.08}.auth-copy p{color:#5f707d;font-size:16px;line-height:1.7}.auth-brand{color:var(--dark);font:750 25px Manrope,system-ui,sans-serif}.auth-brand span{color:#617789;font-weight:400}.clerk-account{display:flex;align-items:center;gap:10px;margin-top:10px}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce2e7;border-radius:7px;background:#fff;color:#344756;padding:10px 15px;cursor:pointer;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s}button:hover,.button:hover{background:#f0f5f7}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:var(--dark);border-color:var(--dark);color:#fff}button.primary:hover{background:#244a61}button.icon{padding:7px;border-color:transparent;background:transparent}button.text-button{border:0;background:none;padding:5px 0;color:#256960;font-size:13px}.wide{width:100%;margin-top:10px}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:var(--dark);color:#d3dee7;display:flex;flex-direction:column;padding:30px 20px;z-index:20}.brand{display:flex;gap:12px;align-items:center;margin-bottom:52px}.brand-icon{width:43px;height:43px;border:1px solid #668399;border-radius:11px;display:grid;place-items:center;color:#fff}.brand strong{font-family:Manrope,sans-serif;font-size:21px;color:#fff;letter-spacing:-.7px;display:block}.brand strong span{font-weight:400;color:#bfccd6;margin-left:4px}.brand small{font-size:8px;letter-spacing:1.8px;color:#8ea2b3;display:block;margin-top:4px}.nav-label{font-size:10px;letter-spacing:1.8px;color:#7f98ac;margin:0 13px 17px}nav{display:grid;gap:7px}nav button{color:#b9c9d6;background:transparent;border:0;justify-content:flex-start;padding:14px 13px;font-weight:500;font-size:13px}nav button svg:last-child:not(:first-child){margin-left:auto}nav button.active,nav button:hover{background:#2c4458;color:#fff}nav button.active{box-shadow:inset 3px 0 #70bbae}.sidebar-note{margin-top:auto;padding:26px 10px 18px;font-size:11px;color:#d1e4e9}.sidebar-note p{line-height:1.7;margin:9px 0 2px;color:#9bb0c0}.sidebar-note small{color:#87a0b3;font-size:10px}.dot{display:inline-block;width:6px;height:6px;background:#63ae97;border-radius:50%;margin-right:7px}.backup{background:transparent;color:#b9cbd9;border-color:#3d566a;font-size:12px}.backup:hover{background:#2c4458}@media(max-width:760px){.auth-page{grid-template-columns:1fr;gap:24px;padding:24px 16px}}.workspace{margin-left:242px;min-width:0;width:calc(100% - 242px)}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:11px;color:#86909a}.topbar>span{display:flex;align-items:center;gap:11px}.topbar b{font-weight:500;color:#455866}.topbar .connection{font-size:10px;gap:0;color:#5f716e}main{max-width:1600px;margin:auto;padding:37px 40px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{color:#7c8b95;font-size:9px;font-weight:700;letter-spacing:2px;margin-bottom:8px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;color:var(--ink);margin-top:0}h1{font-size:28px;letter-spacing:-1px;margin-bottom:9px;font-weight:800}p{color:#76828d;line-height:1.65}.page-heading p{font-size:12px;margin:0}.page-heading button{font-size:11px;padding:10px 13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stats>div{border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px 21px}.stats span{display:block;color:#77838e;font-size:11px}.stats strong{font-family:Manrope,sans-serif;display:block;font-size:29px;line-height:1.8;font-weight:700;letter-spacing:-.8px;color:#293f51}.stats strong small{font-size:15px;font-weight:400;color:#a0a9b1}.stats>div>small{font-size:10px;color:#8c98a1}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 4px #15253503}.count-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:23px;align-items:start}.scan-panel,.scale-panel{padding:24px}.section-head{display:flex;align-items:center;gap:13px;margin-bottom:23px}.section-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:9px;background:#f0f4f6;color:#617887;flex-shrink:0}.section-head h2{font-size:15px;margin:0 0 5px;letter-spacing:-.2px}.section-head p{font-size:10px;margin:0}.scan-form{display:flex;gap:9px}.scan-input{flex:1;min-width:0;display:flex;align-items:center;border:1.5px solid #a9c4bc;background:#fcfdfd;border-radius:8px;padding:0 13px;color:#6b8b81;box-shadow:0 0 0 3px #e9f4ef80}.scan-input input{height:49px;border:0;background:transparent;box-shadow:none!important;font-size:12px;min-width:0;width:100%;padding:12px}.scan-form button{font-size:12px;padding:10px 14px}.scan-hint{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#98a29f;margin-top:14px;gap:8px}.scan-hint .text-button{font-size:10px}.scan-hint .dot{width:5px;height:5px}.scan-empty{text-align:center;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 30px 30px}.scan-empty>div{width:78px;height:78px;background:#f6f8f9;border-radius:50%;display:grid;place-items:center;color:#a3b2bf;margin-bottom:21px}.scan-empty h3{font-size:17px;letter-spacing:-.3px;margin:0 0 9px}.scan-empty p{font-size:11px;max-width:330px;margin:0 0 20px}.scan-empty button{font-size:11px;padding:8px 12px}.scale-panel .section-head{margin-bottom:22px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.57}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;min-width:0}.field>span{font-size:11px;font-weight:500;color:#5f7180}.field input,.field select,input,select{border:1px solid #dae1e6;border-radius:6px;padding:10px 11px;color:#2f4858;background:#fff;outline:none;min-width:0}.field input:focus,.field select:focus,input:focus,select:focus{border-color:#77a394;box-shadow:0 0 0 3px #e4f1eb}.field small{font-size:10px;color:#8c969d;line-height:1.5}.weight-entry{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px}.weight-entry input{font-size:26px;height:61px;font-family:Manrope,sans-serif}.weight-entry select{height:61px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.two-fields select,.two-fields input{width:100%;font-size:12px}.quantity{background:#f4f7f9;border:1px solid #e7edf1;padding:21px 18px;border-radius:8px;text-align:center;margin:7px 0;min-height:164px}.quantity>span{font-size:9px;letter-spacing:1.4px;color:#91a0aa}.quantity>strong{display:block;font:700 46px Manrope,sans-serif;color:#6f8695;line-height:1.6}.quantity>strong small{font-size:13px;font-weight:500;color:#8a9aa6;margin-left:9px}.quantity p{font-size:9px;margin:0;color:#92a0aa}.quantity>small{font-size:10px;color:#779083}.quantity.calculated{background:#eff7f3;border-color:#d2e7dd}.quantity.calculated strong{color:#236b58}.scale-panel button.wide{font-size:12px}.getting-started{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;padding:25px 26px;gap:25px}.getting-started>div+div{border-left:1px solid var(--line);padding-left:27px}.step{font-family:Manrope,sans-serif;color:#a4b2bc;font-size:11px;font-weight:600}.getting-started h3{font-size:12px;margin:9px 0 6px}.getting-started p{font-size:10px;max-width:255px;margin:0 0 9px}.getting-started .text-button{font-size:10px}footer{display:flex;justify-content:space-between;font-size:9px;color:#a5adb4;margin-top:27px;padding:0 2px}.message{border:1px solid;border-radius:7px;padding:13px 16px;display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:12px}.message svg{flex-shrink:0}.message span{flex:1}.error{background:#fff4ed;border-color:#efcfb8;color:#95471b}.success{background:#edf8f1;border-color:#c4e3ce;color:#2b7047}.message .icon{margin-left:auto}.empty{text-align:center;padding:60px 24px;color:#8b9aa5;font-size:13px}.empty h3{font-size:17px;margin:17px 0 9px}.empty p{max-width:410px;margin:0 auto 20px;font-size:12px}.empty.small{padding:30px 12px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;gap:13px}.toolbar h2{font-size:16px;margin:0}.search{display:flex;align-items:center;flex:1;max-width:440px;gap:10px;color:#94a3af}.search input{width:100%;font-size:12px}.toolbar select,.toolbar .button,.toolbar button{font-size:11px}.table-caption{font-size:10px;color:#8a98a2;padding:0 23px 17px}.table-wrap{overflow:auto;max-height:700px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{background:#f7f9fa;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 18px;color:#8c99a2;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:sticky;top:0;z-index:1}td{padding:16px 18px;border-bottom:1px solid #eef1f3;vertical-align:middle}tr:last-child td{border-bottom:0}td small{display:block;color:#91a0a9;font-size:9px;margin-top:6px}.product-title{display:block;max-width:450px;line-height:1.5;font-size:11px}.sku{font-family:ui-monospace,monospace;font-size:12px;font-weight:600;white-space:nowrap}.nowrap{white-space:nowrap}.badge{display:inline-flex;align-items:center;font-size:9px;white-space:nowrap;letter-spacing:.2px;background:#eff2f5;color:#73808a;border-radius:4px;padding:5px 8px}.badge.verified{background:#e6f4ec;color:#3c7e60}.badge.imported{background:#edf2f7;color:#61829c}.badge.conflict{background:#fff0df;color:#b77a33}.badge.missing{background:#f2f3f4;color:#8c959d}.row-actions{display:flex;gap:8px;align-items:center}.row-actions button{font-size:10px;padding:7px 10px}.selected-bin{border:1px solid #d9e5e0;background:#fbfdfc;border-radius:9px;padding:19px;margin-top:24px}.selected-heading{display:flex;align-items:center;justify-content:space-between}.selected-bin h3{font-size:20px;margin:18px 0 5px}.selected-bin p{font-size:12px;margin:0}.bin-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:23px}.bin-facts span{font-size:10px;color:#92a096}.bin-facts strong{display:block;font-size:13px;font-weight:500;color:#38584c;margin-top:7px}.selected-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6eee9;padding-top:17px;margin-top:22px;gap:10px}.selected-footer small{font-size:9px;color:#8a9d92}.matches{margin-top:22px}.matches h3{font-size:16px}.matches p{font-size:11px}.matches button{width:100%;margin-bottom:9px;justify-content:flex-start;text-align:left;white-space:normal}.matches button span{flex:1}.matches button small{display:block;font-size:10px;color:#8393a0;margin-top:5px}.diagnostics{margin-top:22px}.diagnostics p{font-size:12px}.diagnostic-row{padding:13px 0;border-bottom:1px solid var(--line)}.diagnostic-row code{overflow-wrap:anywhere;font-size:13px}.diagnostic-row span{display:block;margin-top:8px;font-size:10px;color:#92a0aa}.camera{margin-top:20px}.camera video{width:100%;background:#132635;border-radius:8px;max-height:300px}.camera button{margin-top:9px;font-size:11px}.bin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;padding:0 23px 23px}.bin-card{padding:20px;border:1px solid var(--line);border-radius:8px}.bin-card h3{font-size:16px;margin:17px 0 8px}.bin-card p{font-size:11px;margin:0 0 17px}.bin-card-measures{display:flex;gap:20px;font-size:10px;color:#8da199;margin-bottom:17px}.bin-card-measures b{display:block;margin-top:5px;color:#4b7062;font-size:12px}.bin-card>small{font-size:9px;color:#94a1aa}.bin-card .row-actions{margin-top:17px;flex-wrap:wrap}dialog{border:1px solid #e2e7eb;border-radius:13px;width:min(570px,calc(100vw - 30px));padding:27px;max-height:92vh;overflow:auto;color:#354b5b;box-shadow:0 20px 80px #132a463b}dialog::backdrop{background:#112b4599;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h2{font-size:20px;margin:0;letter-spacing:-.5px}dialog>p{font-size:12px}dialog form{margin-top:20px}dialog .field{margin-bottom:17px}dialog details{font-size:11px;margin-top:13px;color:#8d7563;cursor:pointer}dialog details p{margin:5px 0}.measurement{display:flex;justify-content:space-between;padding:14px 17px;background:#f0f7f3;color:#5d8775;border-radius:6px;margin-bottom:18px;font-size:12px}.measurement strong{color:#28674d}.check{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5;margin:20px 0 14px}.check input{accent-color:#287561;margin-top:3px}.hint{font-size:10px;line-height:1.65;color:#98a4ad}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.modal-actions button,.modal-actions .button{font-size:12px}.editor-product{background:#f6f8fa;border-radius:8px;padding:15px}.editor-product p{font-size:12px;margin:8px 0}.inline-error{background:#fff3ed;padding:12px;border-radius:7px;color:#ad522c;font-size:12px}.print-label{text-align:center;border:1px solid #d9dfe5;padding:22px;border-radius:7px;color:#111}.print-label>strong{font-size:11px;letter-spacing:2px}.print-label h2{font-size:22px;margin:14px 0 3px}.print-label .qr{width:260px;max-width:100%;display:block;margin:auto}.print-label p{font-size:12px;color:#333}.print-label code{font-size:12px;overflow-wrap:anywhere}.print-label>b{font-family:monospace}@media(min-width:1600px){main{padding-top:44px}.scan-empty{min-height:355px}.section-head h2{font-size:17px}.section-head p{font-size:11px}}@media(max-width:1200px){.sidebar{width:210px;padding:25px 15px}.brand{gap:8px}.brand strong{font-size:18px}.brand-icon{width:36px;height:36px}.brand small{font-size:7px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:30px 25px}.topbar{padding:0 25px}.count-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:17px}.scan-panel,.scale-panel{padding:20px}.bin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.sidebar{width:185px}.workspace{margin-left:185px;width:calc(100% - 185px)}.brand-icon{display:none}nav button{font-size:11px;padding:13px 10px;gap:8px}nav button svg{width:17px}.count-layout{grid-template-columns:1fr}.scan-empty{min-height:230px}.stats{gap:10px}.stats>div{padding:15px}.stats>div>small{font-size:8px}.getting-started{gap:15px;padding:20px}.getting-started>div+div{padding-left:17px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.topbar .connection{font-size:9px}}@media(max-width:700px){.app{display:block}.sidebar{position:static;width:auto;height:auto;padding:17px 18px 10px}.brand{margin-bottom:18px}.brand-icon{display:grid;width:32px;height:32px}.brand strong{font-size:19px}.brand small{font-size:7px}.nav-label,.sidebar-note,.backup{display:none}nav{display:flex;gap:4px;overflow-x:auto}nav button{font-size:10px;padding:11px 10px;gap:6px}nav button svg:last-child:not(:first-child){display:none}nav button.active{box-shadow:inset 0 -2px #70bbae}nav button svg{width:15px;height:15px}.workspace{margin:0;width:100%}.topbar{height:45px;padding:0 18px;font-size:9px}.topbar .connection{font-size:8px}main{padding:24px 17px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:22px;line-height:1.3}.page-heading p{font-size:10px}.page-heading button{font-size:9px;padding:9px;gap:5px}.page-heading button svg{width:14px}.eyebrow{font-size:8px;letter-spacing:1.5px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.stats>div{padding:13px 15px}.stats strong{font-size:25px}.stats>div>small{font-size:9px}.scan-panel,.scale-panel{padding:18px}.scan-form{flex-direction:column}.scan-form button{height:40px}.scan-input input{font-size:13px}.scan-hint{font-size:8px;gap:5px}.scan-empty{padding:25px 12px;min-height:260px}.section-head h2{font-size:15px}.section-head p{font-size:10px}.getting-started{grid-template-columns:1fr;gap:18px;padding:23px}.getting-started>div+div{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.getting-started p{max-width:none;font-size:11px}.getting-started h3{font-size:13px}.toolbar{flex-wrap:wrap;padding:16px}.toolbar .search{max-width:none;flex-basis:100%}.toolbar .search input{font-size:12px}.table-caption{padding:0 16px 15px;line-height:1.6}.table-wrap{max-height:650px}td,th{padding:14px 13px}.product-title{min-width:190px}.bin-grid{grid-template-columns:1fr;padding:0 16px 16px}.modal-head h2{font-size:18px}dialog{padding:21px}.modal-actions{flex-wrap:wrap}.print-label{padding:15px}footer{font-size:8px;gap:10px}footer span{text-align:right;max-width:200px}.selected-footer{align-items:flex-start}.selected-footer small{max-width:200px}}@media print{body *{visibility:hidden!important}dialog{position:absolute;inset:0 auto auto 0;margin:0;padding:0;border:0;box-shadow:none;max-height:none;overflow:visible;width:100%;display:block}dialog .print-label,dialog .print-label *{visibility:visible!important}.print-label{position:absolute;inset:0 auto auto 0;width:100mm;border:1px solid #222;border-radius:0;padding:6mm}.print-label .qr{width:60mm}dialog::backdrop{background:#fff}.modal-head,.modal-actions{display:none!important}@page{size:auto;margin:12mm}}