:root{--ink: #13201e;--ink-muted: #64706d;--rail: #101a18;--rail-soft: #1b2a27;--canvas: #e9ece6;--paper: #fbfcf8;--white: #ffffff;--line: #c7cfca;--line-dark: #485854;--acid: #d7f647;--acid-ink: #243600;--teal: #08656a;--teal-soft: #d8ece9;--red: #c83f35;--red-soft: #fae8e5;--amber: #9a6300;--amber-soft: #fff0cc;--green: #20734d;--green-soft: #e3f1e8;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: "Arial Narrow", "Roboto Condensed", Inter, ui-sans-serif, sans-serif;--radius: 3px}*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-family:var(--display)}h1{font-size:clamp(29px,4vw,42px);letter-spacing:-.055em;line-height:.98;font-weight:800}h2{font-size:20px;letter-spacing:-.035em;line-height:1.05}h3{font-size:15px;letter-spacing:-.015em}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--acid);outline-offset:2px}.grow{flex:1;min-width:0}.text-right{text-align:right}.muted{color:var(--ink-muted)}.eyebrow{color:var(--ink-muted);display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.eyebrow:before{content:"";width:13px;height:1px;background:currentColor}.login-card .eyebrow span{color:var(--teal)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot{display:grid;min-height:100dvh;place-content:center;gap:12px;background:var(--rail);color:var(--acid);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-align:center}.field-app{background:var(--canvas);min-height:100dvh;padding-bottom:calc(28px + env(safe-area-inset-bottom))}.field-topbar{align-items:flex-start;background:var(--rail);border-bottom:3px solid var(--acid);color:var(--white);display:flex;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 18px 18px}.field-topbar .eyebrow{color:#bfd0ca}.field-topbar h1{color:var(--acid);font-size:29px;margin:8px 0 4px;text-transform:uppercase}.field-topbar span{color:#bfd0ca;font-size:12px}.field-topbar .icon-button{border-color:#758781;color:var(--acid)}.field-content{display:grid;gap:14px;margin:0 auto;max-width:720px;padding:16px}.field-sales{align-items:center;background:var(--acid);color:var(--acid-ink);display:flex;justify-content:space-between;padding:16px}.field-sales div{display:grid;gap:2px}.field-sales span,.field-sales small{font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.field-sales strong{font-feature-settings:"tnum";font-size:28px;letter-spacing:-.055em}.field-sales .button{background:var(--acid-ink);border-color:var(--acid-ink);color:var(--acid)}.field-card{background:var(--paper);border:1px solid var(--line-dark);display:grid;gap:13px;padding:16px}.field-card>.section-title{align-items:center}.field-planogram{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.field-cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:grid;gap:3px;min-height:82px;padding:10px}.field-cell:nth-child(2n){border-right:0}.field-cell.low{background:var(--amber-soft);box-shadow:inset 3px 0 0 var(--amber)}.field-cell code{color:var(--teal);font-family:var(--mono);font-size:10px;font-weight:800}.field-cell strong{font-size:13px;line-height:1.12}.field-cell span{color:var(--ink-muted);font-family:var(--mono);font-size:11px}.field-outbox{align-items:center;display:flex;justify-content:space-between}.field-outbox>div{display:grid;gap:4px}.field-outbox .inline-note{max-width:45%}@media(min-width:560px){.field-planogram{grid-template-columns:repeat(4,minmax(0,1fr))}.field-cell:nth-child(2n){border-right:1px solid var(--line)}.field-cell:nth-child(4n){border-right:0}}.login-page{align-items:center;background:var(--rail);display:grid;justify-items:center;min-height:100dvh;overflow:hidden;padding:24px;position:relative}.login-grid{background-image:linear-gradient(rgba(215,246,71,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(215,246,71,.08) 1px,transparent 1px);background-size:28px 28px;top:0;right:0;bottom:0;left:0;opacity:.65;pointer-events:none;position:absolute}.login-page:after{background:var(--acid);content:"SCANDIVEND / OPERATIONS / 01";color:var(--acid-ink);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.11em;padding:8px 12px;position:absolute;right:-48px;top:42px;transform:rotate(90deg)}.login-card{background:var(--paper);border:1px solid var(--acid);box-shadow:12px 12px #00000052;max-width:440px;padding:clamp(28px,7vw,48px);position:relative;width:min(100%,440px)}.login-card h1{margin:12px 0 8px}.login-card .muted{max-width:28ch}.vending-mark{display:block;height:56px;margin-bottom:26px;width:56px}.vending-mark rect{fill:var(--rail)}.vending-mark path{fill:none;stroke:var(--acid);stroke-linecap:square;stroke-width:2.25}.vending-mark circle{fill:var(--acid)}.vending-mark.compact{height:37px;margin:0;width:37px}.login-form{display:grid;gap:17px;margin-top:30px}.login-form label,.form-grid label{color:var(--ink);display:grid;font-family:var(--mono);font-size:10px;font-weight:800;gap:7px;letter-spacing:.05em;text-transform:uppercase}input,select,textarea{background:var(--white);border:1px solid var(--line-dark);border-radius:0;color:var(--ink);outline:none;padding:12px 13px;transition:border-color .16s,background .16s;width:100%}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{background:#fffef4;border-color:var(--teal);box-shadow:inset 3px 0 0 var(--acid)}.button{align-items:center;border:1px solid var(--ink);border-radius:0;display:inline-flex;font-family:var(--mono);font-size:11px;font-weight:800;gap:8px;justify-content:center;letter-spacing:.045em;min-height:42px;padding:10px 14px;text-transform:uppercase;transition:background .15s,color .15s,transform .15s}.button:not(:disabled):active{transform:translate(1px,1px)}.button.primary{background:var(--rail);border-color:var(--rail);color:var(--acid)}.button.primary:hover{background:var(--teal);border-color:var(--teal);color:var(--white)}.button.secondary{background:transparent;border-color:var(--line-dark);color:var(--ink)}.button.secondary:hover{background:var(--teal-soft);border-color:var(--teal)}.button.danger{background:var(--red);border-color:var(--red);color:var(--white)}.button.compact{font-size:10px;min-height:34px;padding:7px 10px}.button.wide{width:100%}.form-error{background:var(--red-soft);border-left:3px solid var(--red);color:#81261f;font-size:12px;padding:10px}.demo-note{border-top:1px solid var(--line);color:var(--ink-muted);display:grid;font-size:12px;gap:4px;margin-top:28px;padding-top:16px}.demo-note strong{color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.demo-note code{background:#e5eae4;color:var(--ink);font-size:10px;padding:2px 4px}.app-shell{min-height:100dvh}.desktop-rail{display:none}.main-content{min-width:0;padding-bottom:83px}.topbar{align-items:center;background:var(--canvas);border-bottom:1px solid var(--line);display:flex;height:79px;justify-content:space-between;padding:18px clamp(16px,4vw,42px) 13px;position:sticky;top:0;z-index:10}.topbar h2{margin-top:3px;text-transform:uppercase}.top-actions{align-items:center;display:flex;gap:8px}.role-pill,.status-chip,.percent,.soon-tag{align-items:center;border-radius:0;display:inline-flex;font-family:var(--mono);font-size:10px;font-weight:800;gap:5px;letter-spacing:.03em;padding:5px 7px;text-transform:uppercase}.role-pill{background:var(--rail);color:var(--acid)}.page-wrap{margin:0 auto;max-width:1380px;padding:29px clamp(16px,4vw,42px) 45px;width:min(100%,1380px)}.stack-lg{display:grid;gap:27px}.stack-md{display:grid;gap:16px}.hero-row,.section-title,.card-top,.machine-stats,.sheet-header,.title-with-back{align-items:center;display:flex;gap:12px}.hero-row{align-items:flex-start;border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:17px}.hero-row .muted{margin-top:7px;max-width:43ch}.section-title{align-items:flex-start;justify-content:space-between}.section-title>.muted{font-family:var(--mono);font-size:10px;text-align:right}.icon-button{background:transparent;border:1px solid var(--line-dark);border-radius:0;color:var(--ink);display:grid;flex:0 0 auto;height:38px;place-items:center;transition:background .15s,color .15s;width:38px}.icon-button:hover{background:var(--rail);border-color:var(--rail);color:var(--acid)}.health-line{align-items:center;background:var(--rail);border-left:5px solid var(--acid);color:var(--white);display:flex;gap:10px;padding:15px 16px}.health-line svg{color:var(--acid)}.health-line strong{font-size:15px}.health-line span{color:#b7c7c1;font-family:var(--mono);font-size:10px;margin-left:auto;text-transform:uppercase}.card,.sub-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.card{padding:20px}.sub-card{padding:16px}.exception-card{border-left:4px solid var(--red)}.exception-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;padding:12px 0}.exception-row:first-of-type{margin-top:11px}.sales-grid{border:1px solid var(--line-dark);display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.metric{background:var(--paper);border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:grid;gap:7px;min-height:104px;padding:15px}.metric:nth-child(2n){border-right:0}.metric:last-child{border-bottom:0}.metric span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.metric strong{font-feature-settings:"tnum";font-size:21px;letter-spacing:-.05em;line-height:1}.metric.emphasis{background:var(--acid);color:var(--acid-ink)}.metric.emphasis span{color:var(--acid-ink)}.data-list{display:grid}.stock-row,.product-row,.purchase-row,.shelly-row,.integration-row,.hack-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;padding:13px 0}.stock-row:first-child,.product-row:first-child,.purchase-row:first-child,.shelly-row:first-child,.integration-row:first-child,.hack-row:first-child{border-top:0}.stock-row strong,.product-row strong,.purchase-row strong,.shelly-row strong,.integration-row strong,.hack-row strong{display:block}.stock-row span:not(.percent),.product-row span,.purchase-row span,.shelly-row span:not(.status-chip),.integration-row span:not(.status-chip),.hack-row span:not(.status-chip){color:var(--ink-muted);font-size:12px}.product-dot{background:var(--acid);border:1px solid var(--ink);border-radius:0;height:10px;width:10px}.percent{background:var(--amber-soft);color:var(--amber);white-space:nowrap}.percent.danger{background:var(--red-soft);color:var(--red)}.machine-low-list{display:grid;margin-top:8px}.machine-low{border-top:1px solid var(--line);padding:13px 0}.machine-low:first-child{border-top:0}.machine-low-heading{align-items:center;color:var(--teal);display:flex;font-family:var(--mono);font-size:11px;gap:8px;margin-bottom:7px;text-transform:uppercase}.sub-row{align-items:center;display:flex;font-size:13px;gap:9px;padding:7px 0}.empty{align-items:center;background:var(--green-soft);border-left:3px solid var(--green);color:#225f40;display:flex;font-size:13px;gap:9px;margin-top:12px;padding:13px}.bottom-nav{background:var(--rail);border-top:2px solid var(--acid);bottom:0;left:0;padding:6px max(5px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:30}.navigation{display:flex;gap:1px;justify-content:space-between}.nav-item{align-items:center;background:transparent;border:0;border-top:2px solid transparent;color:#91a49e;display:flex;flex:1;flex-direction:column;font-family:var(--mono);font-size:9px;font-weight:700;gap:4px;justify-content:center;letter-spacing:.02em;min-height:54px;min-width:0;padding-top:2px;text-transform:uppercase}.nav-item.active{border-top-color:var(--acid);color:var(--acid)}.nav-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.search-box{align-items:center;background:var(--paper);border:1px solid var(--line-dark);display:flex;gap:9px;padding:0 13px}.search-box input{background:transparent;border:0;box-shadow:none;padding-left:0}.machine-grid{display:grid;gap:10px}.machine-card,.customer-card,.catalog-card{background:var(--paper);border:1px solid var(--line-dark);border-radius:var(--radius);box-shadow:none;color:var(--ink);padding:16px;position:relative;text-align:left;transition:background .15s,transform .15s}.machine-card{border-left:4px solid var(--teal)}.machine-card:hover,.customer-card:hover,.catalog-card:hover{background:var(--white);transform:translate(-2px,-2px)}.machine-card h3,.customer-card h3{font-size:17px;margin:13px 0 4px}.machine-card p{font-size:12px}.card-top{color:var(--ink-muted);font-family:var(--mono);font-size:10px;justify-content:space-between;letter-spacing:.04em}.card-menu{border:0;height:29px;width:29px}.machine-number{font-weight:800}.machine-stats{border-top:1px solid var(--line);justify-content:space-between;margin-top:15px;padding-top:12px}.machine-stats strong{font-feature-settings:"tnum";font-size:16px;letter-spacing:-.035em}.status-dot{background:#7d8a85;border-radius:0;display:inline-block;flex:0 0 auto;height:8px;width:8px}.status-dot.online{background:var(--acid)}.status-dot.offline{background:var(--red)}.status-dot.unknown{background:#d8a72b}.status-chip.online{background:var(--green-soft);color:var(--green)}.status-chip.offline{background:var(--red-soft);color:var(--red)}.status-chip.unknown{background:var(--amber-soft);color:var(--amber)}.status-chip.active{background:var(--teal-soft);color:var(--teal)}.status-chip.prospect{background:#e7edf4;color:#355d7e}.stock-numbers{display:grid;gap:1px;text-align:right}.stock-numbers strong{font-feature-settings:"tnum";font-size:15px}.stock-numbers span{font-family:var(--mono);font-size:10px!important;text-transform:uppercase}.product-icon,.more-icon{align-items:center;background:var(--acid);color:var(--acid-ink);display:grid;height:37px;overflow:hidden;place-items:center;width:37px}.product-icon img{display:block;height:100%;object-fit:cover;width:100%}.catalog-grid,.customer-grid{display:grid;gap:10px}.catalog-card{display:grid;gap:9px}.catalog-card svg{color:var(--teal)}.catalog-card p{color:var(--ink-muted);font-family:var(--mono);font-size:10px;text-transform:uppercase}.filter-pills{display:flex;gap:7px;overflow:auto;padding-bottom:2px}.pill{background:transparent;border:1px solid var(--line-dark);border-radius:0;color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.04em;padding:8px 11px;text-transform:uppercase;white-space:nowrap}.pill.active{background:var(--rail);border-color:var(--rail);color:var(--acid)}.customer-card{display:block;width:100%}.customer-card>span{color:var(--ink-muted);display:block;font-size:12px;margin-top:8px}.more-list{display:grid;gap:0;border-top:2px solid var(--ink)}.more-item{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line-dark);color:var(--ink);display:flex;gap:13px;padding:15px 2px;text-align:left;width:100%}.more-item:hover{background:#d7f64738}.more-item.soon{color:var(--ink-muted)}.more-item strong{display:block;font-size:16px}.more-item span:not(.soon-tag){color:var(--ink-muted);display:block;font-size:12px;margin-top:2px}.soon-tag{background:#dfe4df;color:#66716d;text-transform:uppercase}.rotate{color:var(--teal);transform:rotate(180deg)}.safety-card{background:var(--amber-soft);border-color:#d2a341;color:#6c4b0d;display:flex;gap:14px}.safety-card p{color:#7d5b1c;font-size:13px;margin-top:3px}.accent-icon{color:var(--teal)}.title-with-back{gap:10px}.page-tabs{margin-top:-14px}.sticky-tabs{background:var(--canvas);border-bottom:1px solid var(--line);display:flex;gap:0;overflow-x:auto;padding:8px 0 0;position:sticky;top:78px;z-index:8}.tab{background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.035em;padding:9px 12px;text-transform:uppercase;white-space:nowrap}.tab.active{border-bottom-color:var(--teal);color:var(--ink)}.settings-card{min-height:280px}.form-grid{display:grid;gap:12px}.form-stack{display:grid;gap:18px}.form-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.inline-form{border-top:1px solid var(--line);display:grid;gap:13px;margin-top:11px;padding-top:14px}.door-card{border-left:4px solid var(--amber)}.door-card p{font-size:12px;line-height:1.55;margin-top:12px}.info-row{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:11px;padding:11px 0}.info-row:last-child{border-bottom:0}.info-row svg{color:var(--teal);margin-top:2px}.info-row span,.info-row strong{display:block}.info-row span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.info-row strong{font-size:13px}.integration-list{display:grid}.state{align-items:center;background:var(--paper);border:1px dashed var(--line-dark);color:var(--ink-muted);display:flex;font-family:var(--mono);font-size:11px;gap:9px;justify-content:center;min-height:170px;text-transform:uppercase}.state.error{background:var(--red-soft);border-color:var(--red);color:var(--red)}.notice{align-items:center;background:var(--rail);bottom:calc(75px + env(safe-area-inset-bottom));box-shadow:6px 6px #0000003d;color:var(--white);display:flex;font-family:var(--mono);font-size:11px;gap:8px;left:16px;max-width:calc(100vw - 32px);padding:12px 14px;position:fixed;text-transform:uppercase;z-index:80}.notice.success svg{color:var(--acid)}.notice.error{border-left:4px solid var(--red)}.notice.info{border-left:4px solid var(--teal)}.sheet{background:var(--canvas);box-shadow:-10px 0 #101a1829;inset:0 0 0 auto;overflow:auto;position:fixed;width:min(100%,620px);z-index:40}.machine-sheet{width:min(100%,720px)}.sheet-header{background:var(--rail);border-bottom:2px solid var(--acid);color:var(--white);padding:17px;position:sticky;top:0;z-index:3}.sheet-header .eyebrow{color:#b4c4bf}.sheet-header .icon-button{border-color:#72847e;color:var(--acid)}.sheet-header .icon-button:hover{background:var(--acid);color:var(--rail)}.sheet-body{padding:17px 16px 40px}.sheet .sticky-tabs{background:var(--paper);top:69px;z-index:2}.status-summary{align-items:center;background:var(--rail);border-left:4px solid var(--acid);color:var(--white);display:flex;gap:12px;padding:14px}.status-summary strong,.status-summary span{display:block}.status-summary span{color:#b9c8c3;font-size:12px}.modal-backdrop{align-items:flex-end;background:#101a1885;display:flex;top:0;right:0;bottom:0;left:0;position:fixed;z-index:50}.action-sheet{background:var(--paper);border-top:3px solid var(--acid);box-shadow:0 -11px #101a182e;padding:10px 18px calc(20px + env(safe-area-inset-bottom));width:100%}.machine-create-sheet{max-height:min(92dvh,880px);overflow:auto}.sheet-grabber{background:var(--line-dark);height:3px;margin:3px auto 14px;width:42px}.action-row{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--ink);display:flex;font-family:var(--mono);font-size:11px;font-weight:800;gap:12px;padding:15px 4px;text-align:left;text-transform:uppercase;width:100%}.action-row:hover{color:var(--teal)}.sheet-hint{color:var(--ink-muted);font-family:var(--mono);font-size:10px;margin-top:10px;text-transform:uppercase}.mobile-only{display:grid}@media(min-width:600px){.sales-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{border-bottom:0}.metric:nth-child(2n){border-right:1px solid var(--line)}.metric:last-child{border-right:0}.machine-grid,.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{left:50%;max-width:590px;transform:translate(-50%)}.notice{bottom:93px;left:50%;transform:translate(-50%)}.main-content{padding-bottom:102px}}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:278px minmax(0,1fr)}.desktop-rail{background:var(--rail);display:flex;flex-direction:column;inset:0 auto 0 0;padding:26px 16px;position:fixed;width:278px}.desktop-rail:before{background-image:linear-gradient(rgba(215,246,71,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(215,246,71,.08) 1px,transparent 1px);background-size:25px 25px;content:"";top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;position:absolute}.desktop-rail>*{position:relative}.brand{align-items:center;display:flex;gap:11px;padding:0 8px 39px}.brand strong,.brand span{display:block}.brand strong{color:var(--white);font-family:var(--mono);font-size:15px;letter-spacing:.06em}.brand strong span{color:var(--acid);display:inline}.brand>div:last-child>span{color:#9db0a9;font-size:11px;margin-top:3px}.desktop-rail .navigation{display:grid;gap:2px}.desktop-rail .nav-item{align-items:center;border-left:2px solid transparent;border-top:0;color:#a2b3ad;flex-direction:row;font-size:11px;gap:12px;justify-content:flex-start;min-height:48px;padding:0 12px;text-align:left}.desktop-rail .nav-item.active{background:#d7f6471f;border-left-color:var(--acid);color:var(--acid)}.desktop-rail .nav-item span{max-width:none}.profile{align-items:center;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:9px;margin-top:auto;padding:18px 7px 2px}.profile strong,.profile span{display:block}.profile strong{color:var(--white);font-size:12px}.profile span{color:#a5b7b0;font-family:var(--mono);font-size:10px;margin-top:2px;text-transform:uppercase}.avatar{background:var(--acid);border-radius:0;color:var(--acid-ink);display:grid;font-family:var(--mono);font-weight:800;height:33px;place-items:center;width:33px}.profile .icon-button{border-color:#53645e;color:var(--acid);height:30px;margin-left:auto;width:30px}.main-content{grid-column:2;padding-bottom:0}.bottom-nav{display:none}.topbar{height:88px;padding-left:42px;padding-right:42px}.page-wrap{padding:34px 42px 58px}.machine-grid,.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-only{display:none}.sticky-tabs{top:87px}.sheet .sticky-tabs{top:69px}.notice{bottom:28px;left:auto;right:28px;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.totp-qr{background:#fff;border:1px solid var(--line-dark);display:block;image-rendering:auto;margin:0 auto;max-width:220px;padding:8px;width:100%}.totp-secret{background:var(--teal-soft);border-left:3px solid var(--teal);font-family:var(--mono);font-size:11px;overflow-wrap:anywhere;padding:10px}.totp-secret code{color:var(--ink);font-size:11px}.inline-note{font-size:12px;margin:12px 0 3px}.product-button,.request-row{background:transparent;border:0;color:var(--ink);cursor:pointer;text-align:left;width:100%}.product-button:hover,.request-row:hover,.contact-row:hover{background:#d7f64726}.contact-row,.request-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;padding:13px 0}.contact-row:first-child,.request-row:first-child{border-top:0}.contact-row strong,.request-row strong{display:block}.contact-row span,.request-row span{color:var(--ink-muted);display:block;font-size:12px;margin-top:2px}.contact-row small{color:var(--ink-muted);display:block;font-size:11px;margin-top:5px}.planogram-intro{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.planogram-door{background:var(--paper);border:1px solid var(--line-dark);overflow:auto;padding:14px}.planogram-door h4{border-bottom:1px solid var(--line);color:var(--teal);font-family:var(--mono);font-size:11px;letter-spacing:.07em;margin:0 0 10px;padding-bottom:8px;text-transform:uppercase}.planogram-row{align-items:stretch;border-top:1px solid var(--line);display:flex;gap:8px;min-width:max-content;padding:8px 0}.planogram-row:first-of-type{border-top:0}.planogram-row-label{align-items:center;background:var(--rail);color:var(--acid);display:flex;font-family:var(--mono);font-size:10px;font-weight:800;justify-content:center;min-width:34px;padding:6px}.planogram-grid{display:flex;gap:6px}.planogram-cell{background:var(--white);border:1px solid var(--line-dark);color:var(--ink);display:grid;gap:5px;min-height:105px;min-width:124px;padding:8px;text-align:left;transition:border-color .15s,background .15s,transform .15s}.planogram-cell:hover{border-color:var(--teal);transform:translateY(-1px)}.planogram-cell.selected{background:var(--acid);border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.planogram-cell.low{border-left:4px solid var(--red)}.planogram-cell>span{color:var(--teal);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.04em}.planogram-cell.selected>span{color:var(--acid-ink)}.planogram-cell strong{font-size:11px;line-height:1.25;overflow-wrap:anywhere}.planogram-cell small{color:var(--ink-muted);font-family:var(--mono);font-size:10px;margin-top:auto}.planogram-product-image{align-self:start;height:36px;object-fit:contain;object-position:left center;width:42px}.machine-photo-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.machine-photo{background:var(--white);border:1px solid var(--line-dark);color:var(--ink);display:grid;overflow:hidden;text-decoration:none}.machine-photo:hover{border-color:var(--teal)}.machine-photo img{aspect-ratio:4 / 3;display:block;object-fit:cover;width:100%}.machine-photo span{border-top:1px solid var(--line);color:var(--ink-muted);font-family:var(--mono);font-size:9px;font-weight:800;padding:6px 7px;text-transform:uppercase}.planogram-editor{border-left:4px solid var(--teal)}.toggle-label{align-items:center!important;display:flex!important;font-family:var(--mono);font-size:11px!important;gap:9px!important}.toggle-label input{accent-color:var(--teal);height:17px;width:17px}.machine-checks{display:grid;gap:7px;max-height:220px;overflow:auto}.machine-checks label{align-items:center;background:var(--white);border:1px solid var(--line);display:flex;font-size:12px!important;gap:9px!important;padding:9px;text-transform:none!important}.machine-checks input{accent-color:var(--teal);height:16px;width:16px}.picklist-detail{max-height:min(84dvh,780px);overflow:auto}.integration-summary{display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.integration-summary>div{background:var(--canvas);padding:11px}.integration-summary span,.integration-summary strong{display:block}.integration-summary span{color:var(--muted);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.integration-summary strong{font-size:12px;margin-top:5px}.comparison-list{max-height:34rem;overflow:auto}.comparison-list .sub-row{border-top:1px solid var(--line);padding:10px 0}.comparison-list .sub-row:first-child{border-top:0}.comparison-list code{color:var(--ink-muted);flex:0 0 5.75rem;font-family:var(--mono);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picklist-actions{align-items:end;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:9px;margin-top:11px;padding:13px 0}.picklist-actions label{display:grid;font-family:var(--mono);font-size:10px;font-weight:800;gap:5px;letter-spacing:.03em;text-transform:uppercase}.picklist-actions select{min-width:120px}.pick-item{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;padding:12px 0}.pick-item:first-child{border-top:0}.pick-item strong,.pick-item span{display:block}.pick-item span{color:var(--ink-muted);font-size:11px;margin-top:3px}.pick-quantity{color:var(--ink-muted);display:grid;font-family:var(--mono);font-size:9px;gap:3px;min-width:58px;text-transform:uppercase}.pick-quantity input{min-width:58px;padding:6px}.form-span{grid-column:1 / -1}.form-span>span{color:var(--ink-muted);display:block;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.04em;margin-bottom:7px;text-transform:uppercase}.catalog-editor{max-height:min(92dvh,860px);overflow:auto}.catalog-price-list{border-top:1px solid var(--line);display:grid;margin-top:12px}.catalog-price-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;padding:10px 0}.catalog-price-row strong,.catalog-price-row span{display:block}.catalog-price-row span{color:var(--ink-muted);font-size:11px;margin-top:2px}.catalog-price-input{display:grid;font-family:var(--mono);font-size:9px!important;gap:3px;min-width:76px;text-transform:uppercase}.catalog-price-input input{min-width:76px;padding:6px}.compact-toggle{font-size:9px!important;gap:5px!important;white-space:nowrap}.compact-toggle input{height:15px;width:15px}.sticky-action{align-items:center;background:var(--paper);border-top:2px solid var(--ink);bottom:0;display:flex;gap:12px;justify-content:space-between;margin:14px -18px -20px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));position:sticky}.sticky-action span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;text-transform:uppercase}.product-editor{max-height:min(92dvh,880px);overflow:auto}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;clip:rect(0,0,0,0)}.haha-product-image-grid{display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}.haha-product-image-card{background:var(--white);border:1px solid var(--line-dark);display:grid;min-width:0;overflow:hidden}.haha-product-image-preview,.haha-product-image-empty{aspect-ratio:1;display:block;object-fit:cover;width:100%}.haha-product-image-empty{align-items:center;background:var(--canvas);color:var(--ink-muted);display:flex;font-family:var(--mono);font-size:10px;justify-content:center;text-transform:uppercase}.haha-product-image-actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:6px;justify-content:space-between;padding:7px}.haha-product-image-actions .button{min-height:36px}@media(min-width:600px){.haha-product-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.document-tree{display:grid;gap:4px;margin-top:12px}.document-tree details{border-left:1px solid var(--line-dark);margin-left:4px;padding-left:8px}.document-tree summary{list-style:none}.document-tree summary::-webkit-details-marker{display:none}.document-folder,.document-file{align-items:center;background:transparent;border:0;color:var(--ink);display:flex;font-size:13px;gap:9px;padding:8px;text-align:left;text-decoration:none;width:100%}.document-folder:hover,.document-folder.active,.document-file:hover{background:#d7f6472e}.document-folder svg{color:var(--teal)}.document-file{border-top:1px solid var(--line)}.document-file strong,.document-file span{display:block}.document-file span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;margin-top:2px}.agreement-form{margin-top:16px}.agreement-cvr-action{align-self:end;display:grid;gap:7px}.agreement-cvr-action>span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.agreement-list{border-top:1px solid var(--line);display:grid;margin-top:12px}.agreement-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:11px;padding:12px 0}.agreement-row>svg{color:var(--teal);flex:0 0 auto}.agreement-row strong,.agreement-row span,.agreement-row small{display:block}.agreement-row strong{font-size:13px}.agreement-row span{color:var(--ink-muted);font-size:11px;margin-top:2px}.agreement-row small{color:var(--ink-muted);font-family:var(--mono);font-size:9px;margin-top:4px;text-transform:uppercase}.agreement-row .button{flex:0 0 auto;text-decoration:none}.account-form{max-width:540px}.account-page .card>.muted{margin:0 0 14px}.self-control-filters{align-items:end;display:flex;flex-wrap:wrap}.self-control-filters label{flex:1 1 150px}.self-control-list{border-top:1px solid var(--line);display:grid;margin-top:12px}.self-control-row{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;display:flex;gap:11px;padding:12px 0;text-align:left;width:100%}.self-control-row:hover{background:#d7f64726}.self-control-row>svg{color:var(--teal);flex:0 0 auto}.self-control-row strong,.self-control-row span,.self-control-row small{display:block}.self-control-row strong{font-size:13px}.self-control-row span:not(.status-chip){color:var(--ink-muted);font-size:11px;margin-top:2px}.self-control-row small{color:var(--ink-muted);font-family:var(--mono);font-size:9px;margin-top:4px;text-transform:uppercase}.self-control-row .status-chip{flex:0 0 auto}.self-control-editor{max-height:min(92dvh,860px);overflow:auto}.self-control-checks{background:var(--canvas);border:1px solid var(--line);display:grid;gap:10px;padding:12px}.self-control-checks>strong{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.support-label-create{align-items:end;display:flex;flex-wrap:wrap}.support-label-create label{flex:1 1 150px}.support-label-list{border-top:1px solid var(--line);display:grid;margin-top:12px}.support-label-row{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:11px 0}.support-label-row strong,.support-label-row span{display:block}.support-label-row strong{font-size:13px;overflow-wrap:anywhere}.support-label-row code{font-family:var(--mono);font-size:11px}.support-label-row span{color:var(--ink-muted);font-size:11px;margin-top:3px}.support-label-row select{flex:1 1 180px;max-width:260px;padding:8px}.support-label-delete{height:34px;width:34px}.shelf-label-sheet{max-height:min(92dvh,880px);overflow:auto}.shelf-label-actions{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:14px;padding-top:13px}.shelf-label-actions span{color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:800;text-transform:uppercase}.shelf-label-print{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.shelf-label-card{background:var(--white);border:2px solid var(--ink);break-inside:avoid;display:grid;gap:7px;min-height:106px;padding:11px}.shelf-label-card span{color:var(--teal);font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.shelf-label-card strong{font-size:15px;line-height:1.1;overflow-wrap:anywhere}.shelf-label-card b{font-family:var(--display);font-size:20px;letter-spacing:-.04em}@media(min-width:600px){.shelf-label-print{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{body *{visibility:hidden}.support-label-print,.support-label-print *{visibility:visible}.support-label-print{border:0;box-shadow:none;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.support-label-row{break-inside:avoid;min-height:44px}.support-label-row button,.support-label-row select{display:none}.shelf-label-print,.shelf-label-print *{visibility:visible}.shelf-label-print{gap:4mm;grid-template-columns:repeat(3,minmax(0,1fr));left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.shelf-label-card{border:1px solid #000;min-height:32mm;padding:4mm}.shelf-label-card strong{font-size:16pt}.shelf-label-card b{font-size:22pt}}
