@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box}body{color:#1e2022;background:#f4f3f1;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}:root{--charcoal:#24272a;--orange:#e85518;--orange-hover:#c9460f;--orange-deep:#b23a00;--peach-bg:#fbe7df;--peach-bg2:#fbe4d5;--app-bg:#f4f3f1;--card-bg:#fff;--subtle:#faf9f7;--chip-bg:#f2f0ec;--chip-bg2:#eeece7;--border:#e4e2dd;--border3:#f1efeb;--input-border:#d8d5cf;--text-primary:#1e2022;--text-secondary:#76746e;--text-muted:#9a978f;--text-dark:#5a5851;--green-text:#3f7d5a;--green-bg:#e8f0ea;--green-bg2:#eef1ed;--green-synced:#1f7a12;--green-synced-bg:#e9f4e7;--amber-text:#9a6b12;--amber-bg:#fbf0dc;--blue-text:#2a6fae;--blue-bg:#e4eef7;--qb-green:#2ca01c;--gray-text:#56606a;--gray-bg:#e5e8ea;--mono:"IBM Plex Mono", monospace}input,select,button{font-family:inherit}input:focus,select:focus{outline:none;border-color:var(--orange)!important}input::placeholder{color:#a9a69f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d5d2cc;border-radius:6px}::-webkit-scrollbar-track{background:0 0}@keyframes fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.fade-in{animation:.25s fade-in}.mono{font-family:var(--mono)}.btn-primary{cursor:pointer;background:var(--orange);color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:10px 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--orange-hover)}.btn-secondary{border:1px solid var(--input-border);cursor:pointer;color:var(--text-primary);white-space:nowrap;background:#fff;border-radius:8px;padding:10px 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s}.btn-secondary:hover{background:var(--app-bg)}.btn-sm{cursor:pointer;background:var(--orange);color:#fff;white-space:nowrap;border:none;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.btn-sm:hover{background:var(--orange-hover)}.btn-sm-outline{border:1px solid var(--input-border);cursor:pointer;color:var(--text-dark);white-space:nowrap;background:#fff;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.btn-sm-outline:hover{background:var(--app-bg)}.btn-sm-green{border:1px solid var(--input-border);cursor:pointer;color:var(--green-text);white-space:nowrap;background:#fff;border-radius:7px;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.btn-sm-green:hover{background:var(--app-bg)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.modal-scrim{z-index:100;background:#1a1c1e80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:470px;max-height:90vh;margin:16px;display:flex;box-shadow:0 24px 60px #00000047}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.modal-title{font-size:15px;font-weight:700}.modal-body{flex-direction:column;flex:1;gap:14px;padding:18px 22px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.field{flex-direction:column;gap:5px;display:flex}.field label{color:var(--text-secondary);font-size:12px;font-weight:600}.field input,.field select{border:1px solid var(--input-border);color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.pill{letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.pill-restock{background:var(--peach-bg2);color:var(--orange-deep)}.pill-ordered{background:var(--gray-bg);color:var(--gray-text)}.pill-ok{background:var(--green-bg);color:var(--green-text)}.chip{font-family:var(--mono);color:var(--text-secondary);background:var(--chip-bg);border-radius:4px;padding:2px 6px;font-size:11px}.chip-tool{font-family:var(--mono);letter-spacing:.1em;color:var(--gray-text);background:var(--gray-bg);border-radius:4px;padding:2px 6px;font-size:9.5px}.page{padding:26px 30px}.page-title{letter-spacing:-.01em;font-size:21px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.page-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.nav-item{text-align:left;cursor:pointer;color:#3d3f41;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 10px 10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .1s;display:flex}.nav-item:hover{background:var(--app-bg)}.nav-item.active{background:var(--peach-bg);color:var(--orange-hover);border-left:3px solid var(--orange);padding-left:11px;font-weight:600}.toggle{cursor:pointer;background:var(--chip-bg2);border:none;border-radius:999px;flex-shrink:0;width:36px;height:20px;transition:background .2s;position:relative}.toggle.on{background:var(--green-text)}.toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle.on:after{transform:translate(16px)}.seg-control{background:var(--app-bg);border-radius:8px;gap:2px;padding:3px;display:flex}.seg-btn{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .15s}.seg-btn.active{color:var(--text-primary);background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a}.table-row{border-top:1px solid var(--border3);align-items:center;gap:14px;padding:13px 16px;display:flex}.row-main{flex:1;min-width:0}.row-name-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.row-name{font-size:14.5px;font-weight:600}.row-sub{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.par-input{width:48px;font-family:var(--mono);text-align:center;border:1px solid var(--input-border);color:var(--text-primary);background:#fff;border-radius:7px;padding:6px 4px;font-size:13px;font-weight:600}.check-row{border-bottom:1px solid var(--border3);cursor:pointer;align-items:center;gap:10px;padding:9px 0;display:flex}.check-row:last-child{border-bottom:none}.check-box{border:2px solid var(--input-border);background:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.check-box.checked{background:var(--orange);border-color:var(--orange)}.search-input{border:1px solid var(--input-border);color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px}.cat-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.cat-chip{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:#fff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;transition:all .15s}.cat-chip.active{background:var(--charcoal);color:#fff;border-color:var(--charcoal);font-weight:600}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:16px}.stat-label{font-family:var(--mono);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:10px}.stat-value{letter-spacing:-.01em;font-size:22px;font-weight:700}.card-section-header{background:var(--subtle);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.app-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--charcoal);border-bottom:3px solid var(--orange);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 22px;display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{align-items:center;gap:14px;display:flex}.nav-toggle{cursor:pointer;background:0 0;border:1px solid #45494d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:none}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-logo{background:var(--orange);border-radius:4px;flex-shrink:0;width:26px;height:26px}.brand-text{flex-direction:column;gap:4px;min-width:0;line-height:1;display:flex}.brand-title{color:#fff;letter-spacing:.04em;white-space:nowrap;font-size:15px;font-weight:700}.brand-sub{color:#8c8a85;font-family:var(--mono);letter-spacing:.2em;white-space:nowrap;font-size:10px}.restock-pill{white-space:nowrap;background:#e8551829;border:1px solid #e8551880;border-radius:8px;align-items:center;gap:8px;padding:7px 13px;display:flex}.restock-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;display:inline-block}.shell-body{flex:1;min-height:0;display:flex}.sidenav{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;gap:3px;width:228px;padding:12px;display:flex;overflow-y:auto}.nav-footer,.nav-scrim{display:none}.main-content{flex:1;min-width:0;overflow-y:auto}@media (width<=820px){.topbar{gap:10px;padding:0 14px}.nav-toggle{display:flex}.brand-sub{display:none}.brand-title{font-size:14px}.restock-pill{padding:7px 11px}.restock-label{display:none}.sidenav{z-index:60;width:270px;transition:transform .22s;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%)}.sidenav.open{transform:none;box-shadow:2px 0 24px #00000038}.nav-footer{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.nav-scrim{z-index:50;background:#0000006b;display:block;position:fixed;inset:60px 0 0}.page{padding:16px 14px}.page-title{font-size:19px}.page-title-row{flex-wrap:wrap;gap:12px;margin-bottom:16px}.table-row{flex-wrap:wrap;gap:8px;padding:12px}.table-row>.row-main{flex:100%}.modal-card{max-width:none}}@media print{.no-print,.topbar,.sidenav,.nav-scrim{display:none!important}.app-root{height:auto!important;display:block!important;overflow:visible!important}.shell-body{min-height:0!important;display:block!important}.main-content{height:auto!important;overflow:visible!important}.page{padding:0!important}body{background:#fff!important}.card{break-inside:avoid;border-color:#ccc!important}}