:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#1c292b;background:#f3f5f6;font-synthesis:none;font-size:16px;--lime:#b7f34c;--line:#e3e8e9;--muted:#667577;--dark:#142325}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #509509;outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:10}.skip:focus{top:1rem}.topbar{height:80px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-weight:750;font-size:1.22rem;letter-spacing:-.6px}.brand-light{font-weight:400}.brand-divider{height:22px;width:1px;background:#4a5758;margin:0 10px}.brand-caption{font-size:.875rem;letter-spacing:0;font-weight:400;color:#c4cece}.private-label{font-size:.875rem;color:#b5c7c8}.account{display:flex;align-items:center;gap:12px;font-size:.875rem}.avatar{background:#334244;border:1px solid #566466;border-radius:50%;height:30px;width:30px;display:grid;place-items:center}.top-button{color:#cfd9d9;border:0;border-left:1px solid #425154;background:transparent;padding:5px 0 5px 20px;margin-left:10px}.dashboard{max-width:1400px;margin:0 auto;padding:42px 4.5% 28px}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:1.7px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.page-heading h1{font-size:2.6rem;letter-spacing:-1.5px;margin:6px 0 7px;font-weight:700}.heading-dot{color:#6caa13}.page-heading p{margin-bottom:0;font-size:.9375rem}.update-area{display:flex;align-items:center;gap:20px}.sync-status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#497338}.dot{width:7px;height:7px;border-radius:50%;background:#78af31;display:inline-block;flex-shrink:0}.sync-status.stale{color:#8e671d}.sync-status.stale .dot{background:#c79736}.secondary,.page-button{border:1px solid #d6dfe0;background:white;border-radius:7px;color:#243739;font-size:.875rem;font-weight:600;min-height:40px;padding:9px 15px}.secondary:hover,.page-button:not(:disabled):hover{background:#edf2f0;border-color:#a9b9b4}.secondary span{font-size:1.2rem;margin-right:5px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:22px 24px}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#526164;font-size:.875rem;font-weight:600}.stat-icon{height:32px;width:32px;border:1px solid #e7eceb;border-radius:8px;display:grid;place-items:center;font-size:1.2rem;color:#657374}.stat strong{font-size:2.55rem;letter-spacing:-1.5px;font-weight:650;display:block;margin:10px 0 6px;font-variant-numeric:tabular-nums}.stat-note{font-size:.8125rem;color:#758285}.stat-green{background:#eaf5da;border-color:#d2e5b7}.stat-green .stat-icon{background:#d5edb3;color:#547b26;border-color:#c9dfa8}.stat-green strong{color:#345a18}.stat-green .stat-label,.stat-green .stat-note{color:#567342}.inventory-panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 3px 12px #18262703}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 18px;gap:15px}.panel-heading h2{font-size:1.0625rem;display:flex;align-items:center;gap:10px;margin:0}.count-badge{font-size:.75rem;background:#edf1f1;padding:4px 8px;border-radius:5px;font-weight:600;color:#526265}.panel-note{font-size:.8125rem;color:#7c8789}.filters{display:flex;gap:24px;align-items:center;padding:0 24px 22px}.search-field{position:relative;flex:1;max-width:440px}.search-field svg{width:19px;height:19px;position:absolute;top:13px;left:13px;color:#7e8b8e}.search-field input{width:100%;height:44px;border:1px solid #dce3e4;border-radius:7px;padding:10px 12px 10px 42px;font-size:.875rem;background:#fbfcfc;color:#243739}.search-field input::placeholder{color:#879295}.stock-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:.875rem;white-space:nowrap}.stock-toggle input{accent-color:#547f27;width:18px;height:18px;margin:0;cursor:pointer}.page-size{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#657375;white-space:nowrap}.page-size select{border:1px solid #dce3e4;border-radius:6px;padding:10px 28px 10px 12px;background:white;color:#243739;font-size:.875rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}th{font-size:.75rem;font-weight:600;color:#6b7a7c;background:#f7f9f9;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 24px;height:46px}th button{font-size:inherit;font-weight:inherit;display:inline-flex;align-items:center;gap:12px;border:0;background:none;color:inherit;padding:0;min-height:20px}th button span{color:#909d9f}td{padding:15px 24px;font-size:.875rem;border-bottom:1px solid #edf0f0;height:57px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}.row-number{width:72px;color:#9aa5a7;font-variant-numeric:tabular-nums;font-size:.75rem}th:nth-child(2){width:45%}th:nth-child(3){width:22%}.sku-cell{font-family:"Cascadia Code",Consolas,monospace;font-size:.875rem;font-weight:550;overflow-wrap:anywhere;color:#263a3d}.quantity-cell{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.quantity-cell button{justify-content:flex-end}.quantity-cell strong{font-weight:650}.zero-quantity{color:#9aa4a5}.stock-badge{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;border-radius:5px;padding:5px 9px;background:#eff7e7;color:#4c7531;font-weight:550;white-space:nowrap}.stock-badge .dot{width:5px;height:5px;background:#7fae49}.stock-badge.out{background:#f0f2f3;color:#8a9697}.stock-badge.out .dot{background:#a6afb0}.pagination{border-top:1px solid var(--line);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#7b888a;font-size:.8125rem}.page-controls{display:flex;align-items:center;gap:16px;white-space:nowrap}.page-controls span{color:#59696c}.page-button{padding:5px 10px;min-height:32px;font-size:1rem;border-color:#e0e6e7}.page-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:#839092;font-size:.75rem}.notice{padding:13px 17px;border-radius:7px;font-size:.875rem;margin-bottom:22px;line-height:1.6}.demo{color:#496029;background:#e8efd9;border:1px solid #d7e2be}.error{background:#fff4e4;color:#875b20;border:1px solid #f0dfc4}.empty-state{text-align:center;padding:50px 24px;color:#768488}.empty-state>span{font-size:2.5rem}.empty-state h3{color:#354b4e;font-size:1.125rem;margin:12px 0}.empty-state p{font-size:.875rem}.login-view{min-height:calc(100vh - 80px);display:grid;grid-template-columns:1.1fr 1fr;max-width:1280px;margin:auto;padding:70px 6%;gap:80px;align-items:center}.login-intro h1{font-size:2.8rem;line-height:1.18;letter-spacing:-1.8px;margin:24px 0}.login-intro h1 span{color:#759544}.login-intro p{font-size:1rem;color:#738081;line-height:1.8}.intro-rule{height:4px;width:52px;background:var(--lime);margin:28px 0}.intro-tag{font-size:.75rem;color:#7c8c8c;display:flex;align-items:center;gap:8px;margin-top:60px}.login-card{background:white;border:1px solid var(--line);box-shadow:0 12px 45px #233a3d08;border-radius:14px;padding:40px;max-width:470px;width:100%}.login-card h2{font-size:1.5rem;letter-spacing:-.7px;margin:12px 0}.login-card>p{font-size:.875rem;line-height:1.6}.login-card label{display:block;font-size:.875rem;font-weight:550;margin:24px 0 8px}.login-card input{width:100%;border:1px solid #d7e0df;border-radius:7px;height:46px;padding:10px 13px;background:#fbfcfc}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--lime);border:1px solid #addd51;border-radius:7px;min-height:46px;padding:12px 16px;font-weight:650;color:#273b18;margin-top:28px}.primary:hover{background:#a8e437}.login-card .login-help{font-size:.75rem;text-align:center;color:#8b9597;margin:22px 0 0}.form-error{background:#fff0eb;color:#a0442c;padding:10px;border-radius:5px;margin:18px 0 0}.dashboard[aria-busy="true"] .inventory-panel{opacity:.65}button,input,select{transition:background-color .15s,border-color .15s} @media(min-width:1500px){.dashboard{padding-left:30px;padding-right:30px}}@media(max-width:1000px){.filters{flex-wrap:wrap;gap:16px}.search-field{max-width:none;flex-basis:100%}.page-heading{align-items:flex-start}.update-area{flex-direction:column;align-items:flex-end;gap:12px}.login-view{gap:35px;padding:50px 5%}.login-intro h1{font-size:2.2rem}.login-card{padding:28px}.brand-caption,.brand-divider{display:none}}@media(max-width:650px){.topbar{height:66px;padding:0 20px}.brand{font-size:1.1rem}.brand img{height:29px;width:29px}.private-label{font-size:.75rem}.account .avatar{display:none}.account{gap:8px}.top-button{padding-left:10px;margin-left:0}.dashboard{padding:26px 16px}.page-heading h1{font-size:2rem}.page-heading p{font-size:.8125rem}.page-heading{gap:12px;margin-bottom:24px}.eyebrow{font-size:.6875rem}.update-area{gap:10px}.sync-status{font-size:.75rem}.stats{gap:8px;margin-bottom:24px}.stat{padding:14px 12px}.stat-label{font-size:.75rem}.stat-icon{display:none}.stat strong{font-size:1.7rem;margin:13px 0 5px}.stat-note{font-size:.6875rem;line-height:1.4;display:block}.panel-heading{padding:20px 16px}.panel-note{display:none}.filters{padding:0 16px 18px;gap:16px}.stock-toggle{font-size:.8125rem}.page-size{gap:6px;font-size:.75rem}.page-size select{padding:8px 4px;font-size:.8125rem}.row-number{display:none}th,td{padding:13px 14px}th:nth-child(2){width:43%}th:nth-child(3){width:31%}.stock-badge{font-size:.6875rem;padding:5px 6px;gap:5px}.quantity-cell{font-size:.8125rem}.sku-cell{font-size:.8125rem}.pagination{padding:15px 16px;flex-direction:column;align-items:flex-start;gap:14px}.page-controls{width:100%;justify-content:space-between}.page-footer{flex-direction:column;gap:7px;font-size:.6875rem}.login-view{min-height:calc(100vh - 66px);display:block;padding:34px 20px}.login-intro{display:none}.login-card{margin:0 auto;padding:30px 25px}.notice{font-size:.8125rem}.topbar #username{max-width:100px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Keep working controls and stock values readable at narrow widths. */
th, .stock-badge, .page-size, .pagination { font-size: .875rem; }
@media (max-width: 650px) {
  table { min-width: 530px; }
  .sku-cell, .quantity-cell, .stock-badge, .stock-toggle, .page-size, .page-size select { font-size: .875rem; }
  .eyebrow, .stat-note, .page-footer { font-size: .75rem; }
}

.sync-panel{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:20px 24px}.sync-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.sync-panel-heading h2{font-size:.9375rem;margin:0}.sync-panel-heading>span{font-size:.75rem;color:var(--muted)}.sync-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sync-time{display:flex;flex-direction:column;gap:7px}.sync-time+.sync-time{border-left:1px solid var(--line);padding-left:24px}.sync-time-label{font-size:.8125rem;color:var(--muted)}.sync-time time{font-size:.9375rem;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.5}.sync-age{font-size:.75rem;color:#527532}.sync-note{border-top:1px solid var(--line);margin:18px 0 0;padding-top:13px;font-size:.75rem;line-height:1.6;color:var(--muted)}.sync-warning{border-color:#e7d29f;background:#fffcf5}.sync-warning .sync-age,.sync-warning .sync-note{color:#8e671d}@media(max-width:750px){.sync-panel{padding:18px 16px}.sync-panel-heading{align-items:flex-start;flex-wrap:wrap;gap:6px}.sync-times{grid-template-columns:1fr;gap:15px}.sync-time+.sync-time{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.sync-time{gap:4px}.sync-time time{font-size:.9375rem}}