:root{--kale-500:#0a8080;--kale-600:#0a6b6b;--kale-50:#e3f0f0;--guava-500:#f45d48;--guava-50:#fbe4dd;--guava-text:#b23a2e;--stone-50:#f7f4f2;--stone-100:#efeae3;--stone-200:#e5e0da;--amber-500:#e8a33d;--sage-500:#1e9e72;--ink-900:#08060d;--ink-700:#5a5c5c;--ink-500:#7a7c7c;--ink-300:#a7a8a8;--surface-0:#fff;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font:14px/1.5 var(--sans);color:var(--ink-900);background:var(--stone-50);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface-0);border-right:1px solid var(--stone-200);flex-direction:column;flex:0 0 218px;padding:20px 20px 16px;display:flex}.brand{border-bottom:1px solid var(--stone-100);align-items:center;gap:10px;padding-bottom:16px;display:flex}.brand-mark{background:var(--kale-500);width:30px;height:30px;color:var(--surface-0);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:600;display:flex}.brand-name{flex-direction:column;line-height:1.2;display:flex}.brand-name .name-line{color:var(--ink-900);font-size:14px;font-weight:500}.brand-name .sub-line{color:var(--ink-500);font-size:11px}.main-pane{flex:1;padding:28px 32px 60px;overflow-y:auto}.loading-card,.empty-card,.error-card{background:var(--surface-0);border:1px solid var(--stone-200);color:var(--ink-700);border-radius:12px;padding:20px 24px}.error-card h1{color:var(--guava-text);margin:0 0 8px;font-size:20px;font-weight:500}.error-card p{color:var(--ink-700);margin:0 0 8px;font-size:13.5px}.overview-header{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:24px;display:flex}.overline{color:var(--guava-500);letter-spacing:.03em;font-size:13px;font-weight:500}.overview-title{color:var(--ink-900);margin:4px 0 0;font-family:ITC Clearface,Georgia,Times New Roman,serif;font-size:38px;font-weight:500;line-height:1.1}.stat-row{flex-wrap:wrap;gap:12px;display:flex}.stat-card{background:var(--surface-0);border:1px solid var(--stone-200);border-radius:12px;min-width:120px;padding:12px 18px}.stat-card-label{color:var(--ink-500);letter-spacing:.02em;font-size:11px;font-weight:500}.stat-card-value{margin-top:4px;font-family:ITC Clearface,Georgia,Times New Roman,serif;font-size:26px;font-weight:500;line-height:1.1}.toolbar-row{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.search-box{background:var(--surface-0);border:1px solid var(--stone-200);height:38px;color:var(--ink-500);border-radius:8px;align-items:center;gap:8px;min-width:260px;padding:0 12px;display:flex}.search-box input{font:inherit;color:var(--ink-900);background:0 0;border:0;outline:0;flex:1}.refresh-button{font:inherit;background:var(--surface-0);border:1px solid var(--stone-200);height:38px;color:var(--ink-700);cursor:pointer;border-radius:8px;padding:0 14px;font-size:12.5px;font-weight:500;transition:background .15s cubic-bezier(.2,.8,.2,1)}.refresh-button:hover:not(:disabled){background:var(--stone-50)}.refresh-button:disabled{cursor:not-allowed;color:var(--ink-500)}.last-fetched{color:var(--ink-500);align-self:center;font-size:12px}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.filter-label{color:var(--ink-500);font-size:12px;font-weight:500}.filter-label-right{margin-left:12px}.chip{font:inherit;background:var(--surface-0);border:1px solid var(--stone-200);color:var(--ink-700);cursor:pointer;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:500;transition:background .15s cubic-bezier(.2,.8,.2,1)}.chip:hover:not(.chip-selected){background:var(--stone-50)}.chip-selected-kale{background:var(--kale-500);color:var(--surface-0);border-color:var(--kale-500)}.chip-selected-dark{color:var(--surface-0);background:#222525;border-color:#222525}.product-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.product-card{background:var(--surface-0);border:1px solid var(--stone-200);border-top:3px solid var(--stone-100);border-radius:12px;padding:16px 16px 14px;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1)}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #22252514}.product-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.product-card-title{color:var(--ink-900);font-size:16px;font-weight:500}.product-card-sub{color:var(--ink-500);margin-top:2px;font-size:12px}.tier-badge{white-space:nowrap;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:500}.product-card-body{align-items:center;gap:14px;display:flex}.product-card-legend{color:var(--ink-700);margin:0;padding:0;font-size:12.5px;line-height:1.6;list-style:none}.product-card-legend li{align-items:center;gap:8px;display:flex}.swatch{border-radius:2px;width:9px;height:9px;display:inline-block}.swatch-pass{background:var(--sage-500)}.swatch-fail{background:var(--guava-500)}.swatch-skip{background:var(--amber-500)}.product-card-empty{color:var(--ink-500);font-size:12.5px;font-style:italic}