:root{--background:#f3f5f4;--surface:#fff;--surface-subtle:#f8faf9;--surface-strong:#e8eeeb;--text:#18211f;--text-muted:#65706c;--border:#d7dfdc;--border-strong:#b8c4c0;--brand:#176b5b;--brand-strong:#0f5145;--brand-soft:#e5f2ee;--positive:#1d7048;--positive-soft:#e6f4eb;--warning:#9a5d00;--warning-soft:#fff3d6;--danger:#b23a3a;--danger-soft:#fbe9e8;--info:#316a8b;--sidebar-width:224px;--topbar-height:58px;--shadow-drawer:-12px 0 32px #18211f24}*{box-sizing:border-box}html{background:var(--background);color:var(--text);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:var(--background);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #316a8b3d}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:1.65rem;line-height:1.2}h2{font-size:1.05rem;line-height:1.3}.app-frame{min-height:100vh}.topbar{z-index:40;height:var(--topbar-height);color:#fff;background:#124e45;border-bottom:1px solid #0b4037;align-items:center;gap:14px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand>span:last-child{min-width:0;display:grid}.brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:.91rem;line-height:1.25;overflow:hidden}.brand small{color:#bcd4ce;font-size:.69rem;line-height:1.2}.brand-mark{color:#124e45;background:#fff;border:1px solid #ffffff59;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;font-size:.76rem;font-weight:800;display:grid}.topbar-status{color:#dcebe7;white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:.76rem;display:inline-flex}.topbar-user{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #ffffff38;max-width:240px;padding-left:9px;overflow:hidden}.topbar-logout{color:#fff}.topbar-logout:hover{background:#ffffff1f}.connection-dot{background:#efb545;border:2px solid #ffffff73;border-radius:50%;width:8px;height:8px}.connection-dot.online{background:#71d09a}.sidebar{z-index:30;top:var(--topbar-height);width:var(--sidebar-width);border-right:1px solid var(--border);background:var(--surface);padding:20px 12px;position:fixed;bottom:0;left:0;overflow-y:auto}.nav-label{color:var(--text-muted);text-transform:uppercase;padding:0 10px 7px;font-size:.67rem;font-weight:800}.nav-label-spaced{margin-top:24px}.nav-item{color:#384440;border-radius:6px;align-items:center;gap:10px;min-height:38px;margin:2px 0;padding:8px 10px;font-size:.83rem;font-weight:650;display:flex}.nav-item svg{color:#61726c;flex:none}.nav-item:hover{background:var(--surface-subtle)}.nav-item.is-active{background:var(--brand-soft);color:var(--brand-strong)}.nav-item.is-active svg{color:var(--brand)}.nav-item.is-disabled{cursor:default;opacity:.48}.main-content{min-width:0;min-height:100vh;padding:calc(var(--topbar-height) + 24px) 28px 32px calc(var(--sidebar-width) + 28px)}.page-stack{gap:20px;width:min(100%,1480px);margin:0 auto;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;min-height:55px;display:flex}.section-kicker{color:var(--brand);text-transform:uppercase;margin-bottom:5px;font-size:.7rem;font-weight:800}.heading-actions{align-items:center;gap:8px;display:flex}.environment-badge,.tool-status,.unit-badge,.row-status{border:1px solid var(--border);background:var(--surface);min-height:24px;color:var(--text-muted);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:750;display:inline-flex}.status-band{border-block:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status-band>div{gap:4px;padding:16px 18px;display:grid}.status-band>div+div{border-left:1px solid var(--border)}.status-band strong{overflow-wrap:anywhere;font-size:.86rem}.status-label{color:var(--text-muted);text-transform:uppercase;font-size:.69rem;font-weight:700}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.section-heading>span{color:var(--text-muted);font-size:.75rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:14px;display:grid}a.tool-card:hover{border-color:#9fbbb3;transform:translateY(-1px);box-shadow:0 3px 12px #18211f12}.tool-card.is-disabled{color:#69736f;background:#f7f8f8}.tool-card-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:7px;place-items:center;display:grid}.tool-card.is-disabled .tool-card-icon{color:#77817e;background:#e9edeb}.tool-card-copy{justify-items:start;gap:7px;min-width:0;display:grid}.tool-card-copy strong{font-size:.88rem}.tool-status{background:#e9edeb;border:0;min-height:20px;font-size:.65rem}.tool-status.available{background:var(--positive-soft);color:var(--positive)}.button,.icon-button{border:0;border-radius:6px;justify-content:center;align-items:center;transition:background-color .12s,border-color .12s,opacity .12s;display:inline-flex}.button{gap:8px;min-height:38px;padding:8px 13px;font-size:.79rem;font-weight:750}.button-primary{background:var(--brand);color:#fff}.button-primary:hover:not(:disabled){background:var(--brand-strong)}.button-secondary{border:1px solid var(--border);background:var(--surface);color:#33403c}.button-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.5}.button-full{width:100%}.icon-button{background:0 0;flex:none;width:34px;height:34px;padding:0}.icon-button:hover{background:#28373214}.icon-button.bordered{border:1px solid var(--border);background:var(--surface)}.mobile-menu-button{color:#fff;display:none}.mobile-menu-button:hover{background:#ffffff1f}.metrics-strip{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metric-item{align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.metric-item+.metric-item{border-left:1px solid var(--border)}.metric-item>svg{color:var(--info);flex:none}.metric-item.positive>svg{color:var(--positive)}.metric-item.warning>svg{color:var(--warning)}.metric-item div{min-width:0;display:grid}.metric-item strong{font-size:1.03rem;line-height:1.15}.metric-item span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.import-progress{background:var(--brand-soft);border:1px solid #a8c5bb;border-radius:7px;gap:9px;padding:12px 14px;display:grid}.import-progress>div:first-child{color:var(--brand-strong);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;font-size:.78rem;display:grid}.progress-track{background:#c9ddd7;border-radius:3px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--brand);height:100%;transition:width .18s;display:block}.notice{border:1px solid var(--border);background:var(--surface);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:.78rem;display:grid}.notice.success{background:var(--positive-soft);color:#175c3a;border-color:#aad0b8}.notice.error{background:var(--danger-soft);color:#842b2b;border-color:#e0b2af}.notice.warning{background:var(--warning-soft);color:#744700;border-color:#e7cb89}.catalog-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.catalog-toolbar{border-bottom:1px solid var(--border);grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px 12px;display:grid}.search-field{border:1px solid var(--border);background:var(--surface);min-width:0;height:38px;color:var(--text-muted);border-radius:6px;align-items:center;gap:8px;padding:0 7px 0 11px;display:flex}.search-field:focus-within{border-color:#79a89c;box-shadow:0 0 0 3px #176b5b1a}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.8rem}.segmented-control{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;grid-auto-columns:1fr;grid-auto-flow:column;height:36px;padding:2px;display:grid}.segmented-control button{min-width:65px;color:var(--text-muted);background:0 0;border:0;border-radius:4px;padding:4px 9px;font-size:.72rem;font-weight:700}.segmented-control button.is-active{background:var(--surface);color:var(--brand-strong);box-shadow:0 1px 3px #18211f1f}.table-meta{border-bottom:1px solid var(--border);min-height:35px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;padding:7px 12px;font-size:.7rem;display:flex}.data-grid-wrap{width:100%;min-height:320px;max-height:calc(100vh - 335px);position:relative;overflow:auto}.data-grid{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:1370px;font-size:.74rem}.data-grid th,.data-grid td{text-align:left;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5eae8;height:44px;padding:8px 10px;overflow:hidden}.data-grid th{z-index:2;border-bottom-color:var(--border-strong);color:#53615c;text-transform:uppercase;background:#edf1ef;height:38px;font-size:.66rem;font-weight:800;position:sticky;top:0}.data-grid tbody tr{cursor:pointer}.data-grid tbody tr:hover{background:#f4f8f6}.data-grid tbody tr.has-issue{background:#fffaf0}.data-grid tbody tr.has-issue:hover{background:#fff5df}.data-grid th:first-child,.data-grid td:first-child{width:95px}.data-grid th:nth-child(2),.data-grid td:nth-child(2){width:132px}.data-grid th:nth-child(3),.data-grid td:nth-child(3){width:280px}.data-grid th:nth-child(4),.data-grid td:nth-child(4){width:130px}.data-grid th:nth-child(n+5):nth-child(-n+10),.data-grid td:nth-child(n+5):nth-child(-n+10){width:100px}.data-grid th:nth-child(11),.data-grid td:nth-child(11){width:64px}.data-grid th:nth-child(12),.data-grid td:nth-child(12){width:82px}.data-grid th:nth-child(13),.data-grid td:nth-child(13){text-align:center;width:42px}.data-grid .number-cell{text-align:right;font-variant-numeric:tabular-nums}.sku-cell,.total-cell{color:var(--brand-strong);font-weight:800}.description-cell{display:table-cell}.description-cell strong{text-overflow:ellipsis;display:block;overflow:hidden}.description-cell small{color:var(--text-muted);margin-top:2px;font-size:.65rem;display:block}.description-cell .issue-summary{color:var(--warning);font-weight:750}.unit-badge,.row-status{border:0;min-height:20px;padding:2px 6px;font-size:.64rem}.unit-badge{color:#495651;background:#e9edeb}.unit-badge.warning{background:var(--warning-soft);color:var(--warning)}.row-status.active{background:var(--positive-soft);color:var(--positive)}.row-status.inactive{background:var(--danger-soft);color:var(--danger)}.empty-table-state{min-width:100%;color:var(--text-muted);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid;position:absolute;inset:38px 0 0}.empty-table-state strong{color:var(--text);font-size:.86rem}.empty-table-state span{font-size:.76rem}.pagination{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:16px;min-height:56px;padding:9px 12px;display:flex}.pagination>span{min-width:88px;color:var(--text-muted);text-align:center;font-size:.72rem}.drawer-scrim,.sidebar-scrim{z-index:70;background:#0f19166b;border:0;position:fixed;inset:0}.product-drawer{z-index:80;border-left:1px solid var(--border);background:var(--surface);width:min(470px,100vw);box-shadow:var(--shadow-drawer);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;padding:18px 20px;display:flex}.drawer-header>div{min-width:0}.drawer-header span{color:var(--brand);font-size:.69rem;font-weight:800}.drawer-header h2{overflow-wrap:anywhere;margin-top:4px;font-size:1rem}.drawer-product-summary{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.drawer-product-summary>div{align-content:start;gap:4px;padding:13px;display:grid}.drawer-product-summary>div+div{border-left:1px solid var(--border)}.drawer-product-summary span{color:var(--text-muted);font-size:.65rem}.drawer-product-summary strong{overflow-wrap:anywhere;font-size:.73rem}.drawer-issues{background:var(--warning-soft);color:#744700;border-bottom:1px solid #e7cb89;padding:12px 20px}.drawer-issues>div{align-items:center;gap:8px;font-size:.78rem;display:flex}.drawer-issues ul{gap:4px;margin:8px 0 0;padding-left:25px;font-size:.7rem;display:grid}.drawer-form{flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px 20px 20px;display:flex;overflow-y:auto}.drawer-form fieldset{border:1px solid var(--border);border-radius:7px;grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr);gap:12px;margin:0;padding:14px;display:grid}.drawer-form legend{color:var(--text);padding:0 5px;font-size:.76rem;font-weight:800}.drawer-form label,.auth-form label{color:#4e5b57;gap:6px;min-width:0;font-size:.72rem;font-weight:700;display:grid}.drawer-form input,.drawer-form textarea,.auth-form input{border:1px solid var(--border);background:var(--surface);border-radius:6px;outline:0;width:100%;min-width:0;height:38px;padding:7px 9px;font-size:.8rem;font-weight:500}.drawer-form input:focus,.drawer-form textarea:focus,.auth-form input:focus{border-color:#79a89c;box-shadow:0 0 0 3px #176b5b1a}.drawer-form textarea{resize:vertical;min-height:72px}.drawer-total{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.drawer-total span{color:var(--text-muted);font-size:.74rem}.drawer-total strong{color:var(--brand-strong);font-size:1.05rem}.drawer-actions{justify-content:flex-end;gap:8px;margin-top:auto;padding-top:6px;display:flex}.form-error{color:var(--danger);font-size:.74rem;font-weight:650}.auth-page{background:#eef2f0;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-status{min-height:100vh;color:var(--text-muted);background:#eef2f0;justify-content:center;align-items:center;gap:10px;font-size:.78rem;font-weight:700;display:flex}.auth-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(100%,390px);overflow:hidden;box-shadow:0 14px 40px #18211f1a}.auth-brand{color:#fff;background:#124e45;border-bottom:1px solid #0b4037;align-items:center;gap:11px;padding:16px 20px;display:flex}.auth-brand>div{gap:2px;display:grid}.auth-brand strong{font-size:.9rem}.auth-brand>div span{color:#bcd4ce;font-size:.7rem}.auth-form{gap:15px;padding:22px 20px 20px;display:grid}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1080px){.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{grid-template-columns:minmax(220px,1fr) auto}.catalog-toolbar>.icon-button{display:none}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item:nth-child(3){border-top:1px solid var(--border);border-left:0}.metric-item:nth-child(4){border-top:1px solid var(--border)}}@media (max-width:760px){:root{--topbar-height:54px}.topbar{gap:8px;padding:0 12px}.mobile-menu-button{display:inline-flex}.brand small,.topbar-user,.connection-label{display:none}.sidebar{z-index:75;top:var(--topbar-height);width:min(280px,100vw - 48px);transition:transform .16s;transform:translate(-102%)}.sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:65;top:var(--topbar-height)}.main-content{padding:calc(var(--topbar-height) + 18px) 14px 24px}.page-stack{gap:16px}.page-heading{align-items:center;min-height:50px}.page-heading h1{font-size:1.35rem}.status-band{grid-template-columns:1fr}.status-band>div{grid-template-columns:95px minmax(0,1fr);align-items:center;padding:11px 13px}.status-band>div+div{border-top:1px solid var(--border);border-left:0}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:72px;padding:11px 12px}.products-heading{align-items:center}.products-heading .section-kicker{display:none}.button{min-height:36px}.metrics-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item{padding:10px}.metric-item:nth-child(3){border-left:0}.catalog-toolbar{grid-template-columns:1fr;gap:8px}.segmented-control{width:100%}.segmented-control button{min-width:0}.table-meta span:last-child{display:none}.data-grid-wrap{max-height:calc(100vh - 402px)}.pagination{justify-content:space-between;gap:6px}.pagination .button{padding-inline:9px}.product-drawer{top:var(--topbar-height);width:100%}}@media (max-width:480px){.brand strong{font-size:.82rem}.topbar-status{margin-left:auto}.page-heading{align-items:center}.environment-badge{display:none}.products-heading h1{font-size:1.18rem}.products-heading .button{padding-inline:10px}.metrics-strip{grid-template-columns:1fr 1fr}.metric-item>svg{display:none}.drawer-product-summary{grid-template-columns:1fr}.drawer-product-summary>div{grid-template-columns:110px minmax(0,1fr);align-items:center;padding:9px 14px}.drawer-product-summary>div+div{border-top:1px solid var(--border);border-left:0}.drawer-form fieldset{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}