:root{color:var(--text);background:var(--page);--accent: #2f6f73;--brand: #d7a44b;--danger-bg: #fff4f2;--danger-border: #f2c5bd;--danger-text: #a52c20;--field: #ffffff;--field-border: #d9ded8;--hover-soft: #eef5f1;--muted: #65716b;--nav-active: #26342f;--nav-bg: #18221f;--nav-control: #22302b;--nav-control-border: #31423b;--nav-control-hover: #2a3a34;--nav-muted: #b8c4bd;--nav-text: #f8f4ea;--nav-text-soft: #dfe7e2;--page: #f5f6f2;--panel: #ffffff;--panel-alt: #f8faf7;--panel-border: #dde3dc;--row-border: #edf0ec;--shadow: rgba(22, 32, 29, .14);--text: #16201d;--text-strong: #18221f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell[data-theme=dark]{--accent: #4c9ca0;--danger-bg: #3a211f;--danger-border: #70423d;--danger-text: #ffb1a5;--field: #18221f;--field-border: #34433e;--hover-soft: #22302b;--muted: #9caaa3;--nav-active: #31433c;--nav-bg: #101815;--nav-control: #1d2a26;--nav-control-border: #34433e;--nav-control-hover: #293932;--nav-muted: #98a59e;--nav-text: #f4f8f5;--nav-text-soft: #dce7e1;--page: #101613;--panel: #17201d;--panel-alt: #1c2924;--panel-border: #2c3934;--row-border: #28352f;--shadow: rgba(0, 0, 0, .35);--text: #eef5f1;--text-strong: #f8fbf9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{background:var(--page);color:var(--text);display:grid;grid-template-columns:280px 1fr;min-height:100vh}.shellCollapsed{grid-template-columns:82px 1fr}.sidebar{background:var(--nav-bg);color:var(--nav-text);display:flex;flex-direction:column;gap:16px;padding:24px 18px}.shell,.sidebar,.navItem,.brandText{transition:.18s ease}.brand{align-items:center;display:flex;gap:12px;min-height:44px}.brandMark{align-items:center;background:var(--brand);border-radius:8px;color:#18221f;display:flex;font-weight:800;height:40px;justify-content:center;width:40px}.brand strong,.brand span{display:block}.brand span{color:var(--nav-muted);font-size:13px;margin-top:2px}.sidebarToggle{align-items:center;align-self:flex-end;background:var(--nav-control);border:1px solid var(--nav-control-border);border-radius:8px;color:var(--nav-text-soft);display:inline-flex;height:34px;justify-content:center;width:34px}.sidebarToggle:hover{background:var(--nav-control-hover)}.shellCollapsed .sidebar{align-items:center;padding-left:12px;padding-right:12px}.shellCollapsed .brandText,.shellCollapsed .navItem span{display:none}.shellCollapsed .brand{justify-content:center}.shellCollapsed .sidebarToggle{align-self:center}.nav{display:grid;gap:4px}.navItem{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--nav-text-soft);cursor:pointer;display:flex;gap:10px;min-height:42px;padding:0 12px;text-align:left}.shellCollapsed .navItem{justify-content:center;padding:0;width:46px}.navItem.active,.navItem:hover{background:var(--nav-active)}.main{display:flex;flex-direction:column;gap:14px;min-width:0;padding:22px 24px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:14px}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.2}h2{font-size:16px}.topbar p{color:var(--muted);margin-top:3px}.syncButton{align-items:center;background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;min-height:36px;padding:0 12px}.syncButton:disabled{cursor:not-allowed;opacity:.65}.ghostButton{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text-strong);cursor:pointer;min-height:36px;padding:0 12px}.ghostButton:disabled{cursor:not-allowed;opacity:.65}.iconButton{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;height:36px;justify-content:center;padding:0;width:36px}.iconButton:hover{color:var(--text)}.topbarActions{align-items:center;display:flex;gap:10px}.userBadge{align-items:center;background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text-strong);display:inline-flex;gap:10px;min-height:38px;min-width:170px;padding:0 12px}.userBadge strong,.userBadge span{display:block}.userBadge strong{font-size:14px}.userBadge span{color:var(--muted);font-size:12px;margin-top:1px}.loginPage{align-items:center;background:var(--page);display:flex;min-height:100vh;justify-content:center;padding:24px}.loginPanel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;display:grid;gap:16px;max-width:380px;padding:24px;width:100%}.loginBrand{color:var(--text-strong);margin-bottom:4px}.loginPanel label{color:var(--muted);display:grid;font-size:13px;gap:6px}.loginPanel input,.companyForm input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:40px;padding:0 10px}.passwordField{align-items:center;background:var(--field);border:1px solid var(--field-border);border-radius:8px;display:flex;min-width:0}.passwordField input{border:0;flex:1;min-width:0}.formError{color:var(--danger-text);font-size:13px}.filters{display:grid;gap:8px 12px;grid-template-columns:1.4fr 1.4fr 1fr 1fr}.compactFilters{grid-template-columns:minmax(260px,420px)}.salesFilters{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}.filters label{color:var(--muted);display:grid;font-size:13px;gap:4px}.filters input,.filters select{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:36px;padding:0 10px}.filters .inlineCheckbox{align-items:center;align-self:end;display:flex;flex-direction:row;gap:8px;height:36px}.filters .inlineCheckbox input{height:16px;margin:0;padding:0;width:16px}.tableToolbar .inlineCheckbox{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:8px;min-height:36px;white-space:nowrap}.tableToolbar .inlineCheckbox input{height:16px;margin:0;width:16px}.checkboxCombo{position:relative}.comboButton{align-items:center;background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);display:flex;height:36px;justify-content:space-between;min-width:0;padding:0 10px 0 14px;width:100%}.comboButton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comboMenu{background:var(--field);border:1px solid var(--field-border);border-radius:8px;box-shadow:0 14px 32px var(--shadow);display:grid;left:0;max-height:320px;overflow-y:auto;padding:6px;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.comboOption{align-items:center;border-radius:6px;color:var(--text);display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr) 18px;min-height:34px;padding:0 8px}.comboOption:hover{background:var(--hover-soft)}.comboOption input{height:16px;margin:0;padding:0}.metrics{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.metrics div,.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px}.metrics div{display:grid;gap:8px;padding:16px}.metrics span,.panelHeader span{color:var(--muted);font-size:13px}.metrics strong{font-size:24px}.contentGrid{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.dashboardStack,.suggestionsLayout{display:grid;gap:18px}.companiesPanel{display:grid;gap:0}.companyForm{border-bottom:1px solid var(--row-border);display:grid;gap:12px;grid-template-columns:1fr auto;padding:10px 14px}.companyForm input{max-width:none}.purchaseOrderForm{border-bottom:1px solid var(--row-border);display:grid;gap:12px;grid-template-columns:minmax(180px,1.2fr) 160px 160px minmax(220px,1.2fr) auto;padding:10px 14px}.formNotice{border-bottom:1px solid var(--row-border);color:var(--danger-text);font-size:13px;padding:12px 16px 0}.purchaseOrderForm input,.purchaseOrderForm select,.purchaseOrderGenerateBar input,.tableToolbar select{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);min-height:36px;padding:0 10px}.purchaseOrderForm label,.purchaseOrderItemPicker label,.purchaseOrdersPanel .tableToolbar label{color:var(--muted);display:grid;font-size:13px;gap:6px}.purchaseOrderItemPicker{display:grid;gap:8px;grid-column:1 / -1;grid-template-columns:minmax(180px,1fr) minmax(260px,2fr) 92px auto}.purchaseOrdersPanel .tableToolbar{align-items:end;display:grid;grid-template-columns:repeat(7,minmax(130px,1fr)) 150px auto}.purchaseOrdersPanel .tableToolbar input,.purchaseOrdersPanel .tableToolbar select{max-width:none;width:100%}.draftItems{border-bottom:1px solid var(--row-border);display:flex;flex-wrap:wrap;gap:8px;padding:8px 14px}.draftItems span{align-items:center;background:var(--panel-alt);border:1px solid var(--panel-border);border-radius:8px;display:inline-flex;gap:8px;min-height:34px;padding:0 8px}.draftItems button{background:transparent;border:0;color:var(--danger-text);padding:0}.purchaseOrderGenerateBar{align-items:center;border-bottom:1px solid var(--row-border);display:flex;flex-wrap:wrap;gap:10px;padding:8px 14px}.modalBackdrop{align-items:center;background:#00000061;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:60}.modalPanel{background:var(--panel);border:1px solid var(--panel-border);border-radius:8px;box-shadow:0 18px 44px var(--shadow);max-width:460px;width:100%}.modalBody{display:grid;gap:12px;padding:16px}.modalBody label{color:var(--muted);display:grid;font-size:13px;gap:6px}.modalBody input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:40px;padding:0 10px}.modalBody textarea{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);min-height:80px;padding:10px;resize:vertical}.modalBody p{color:var(--muted);font-size:13px;line-height:1.4}.modalActions{border-top:1px solid var(--row-border);display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.purchaseOrderReviewModal{max-width:min(94vw,860px)}.purchaseOrderReviewFields{display:grid;gap:10px;grid-template-columns:minmax(180px,1fr) 160px 160px}.dialogTableScroll{border:1px solid var(--row-border);border-radius:8px;max-height:min(34vh,320px);overflow-x:hidden;overflow-y:auto}.suggestionDialogTable{min-width:0;table-layout:fixed;width:100%}.suggestionDialogTable td,.suggestionDialogTable th{padding:7px 10px}.suggestionDialogTable th:nth-child(1),.suggestionDialogTable td:nth-child(1){width:110px}.suggestionDialogTable th:nth-child(2),.suggestionDialogTable td:nth-child(2){overflow-wrap:anywhere;white-space:normal}.suggestionDialogTable th:nth-child(3),.suggestionDialogTable td:nth-child(3),.suggestionDialogTable th:nth-child(4),.suggestionDialogTable td:nth-child(4){text-align:right;width:96px}.suggestionDialogTable input{box-sizing:border-box;height:34px;text-align:right;width:84px}.purchaseOrderReviewModal .modalBody{gap:10px;padding:14px 16px}.purchaseOrderReviewModal .modalBody textarea{min-height:58px}@media(max-width:760px){.purchaseOrderReviewFields{grid-template-columns:1fr}}.purchaseOrderGenerateBar span{color:var(--muted);font-size:13px}.purchaseOrderGenerateBar strong{color:var(--danger-text);font-size:13px}.rowActions{align-items:center;display:flex;gap:8px}.dangerButton{color:var(--danger-text)}.nestedRow td{background:var(--panel-alt);padding:12px 16px}.nestedTable{min-width:0}.nestedTable caption{caption-side:top;padding:0 0 12px;text-align:left}.userForm{border-bottom:1px solid var(--row-border);display:grid;gap:12px;padding:14px 18px 16px}.userFormHeader{align-items:baseline;display:flex;gap:12px}.userFormHeader strong{font-size:15px}.userFormHeader span,.userPermissionBlock>span{color:var(--muted);font-size:13px}.userFormFields{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.2fr) minmax(160px,.7fr) auto}.userForm label{color:var(--muted);display:grid;font-size:13px;gap:4px}.userForm input,.userForm select,.compactSelect{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:36px;padding:0 10px}.userForm .passwordField input{border:0}.userPermissionBlock{display:grid;gap:6px}.permissionGrid{display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));min-width:0}.inlineCheck{align-items:center;color:var(--text);display:inline-flex;gap:6px;min-height:28px}.inlineCheck input{height:16px;margin:0;width:16px}.usersPanel tbody td{vertical-align:middle}.usersPanel .permissionGrid{grid-template-columns:repeat(3,minmax(150px,1fr))}.usersPanel .passwordField{max-width:320px}.roleBadge,.statusBadge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;line-height:1;padding:6px 9px}.roleBadge{background:var(--hover-soft);color:var(--muted)}.statusBadge{background:var(--danger-bg);color:var(--danger-text)}.statusBadge.active{background:var(--accent-soft);color:var(--accent)}.companiesList{display:grid}.syncMessage{border-bottom:1px solid var(--row-border);color:var(--accent);font-size:13px;padding:0 16px 14px}.tableToolbar{align-items:center;border-bottom:1px solid var(--row-border);display:flex;gap:8px;justify-content:space-between;padding:8px 14px}.tableToolbar input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:36px;max-width:360px;padding:0 10px;width:100%}.toolbarActions,.pager{align-items:center;display:flex;gap:8px}.pagerJump{align-items:center;display:flex;gap:6px}.pagerJump input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:34px;padding:0 8px;text-align:center;width:62px}.pager span,.pagerJump span{color:var(--muted);font-size:13px;text-align:center}.toolbarHint{color:var(--muted);font-size:13px}.companiesList>span{color:var(--muted);padding:14px 16px}.companyRow{border-bottom:1px solid var(--row-border);display:grid;gap:10px;padding:14px 18px}.companyActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;grid-column:1 / -1;justify-content:flex-start}.companyRowHeader{align-items:start;display:flex;gap:12px;justify-content:space-between}.companySectionTitle{border-top:1px solid var(--row-border);color:var(--muted);font-size:12px;font-weight:700;grid-column:1 / -1;letter-spacing:.02em;margin-top:4px;padding-top:12px;text-transform:uppercase}.storeList{display:grid;gap:8px 10px;grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.syncSettings{align-items:end;display:grid;gap:10px;grid-column:1 / -1;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto 125px 200px}.syncSettings label{color:var(--muted);display:grid;font-size:12px;gap:5px}.syncSettings input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:38px;padding:0 10px}.storeList label{display:grid;gap:5px}.storeList label span{color:var(--muted);font-size:12px}.storeList input{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:38px;padding:0 10px}.companyRow strong,.companyRow span{display:block}.companyRow span{color:var(--muted);font-size:13px;margin-top:3px}.panelHeader{align-items:center;border-bottom:1px solid var(--row-border);display:flex;justify-content:space-between;padding:10px 14px}table{border-collapse:collapse;min-width:980px;width:100%}th,td{border-bottom:1px solid var(--row-border);font-size:14px;padding:9px 12px;text-align:left;white-space:nowrap}td:nth-child(4),th:nth-child(4){white-space:normal}th{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.tableInput{background:var(--field);border:1px solid var(--field-border);border-radius:8px;color:var(--text);height:34px;max-width:92px;min-width:92px;padding:0 8px}.tableScroll{overflow-x:auto;overflow-y:visible;width:100%}.tableScroll table{margin-bottom:0}.dashboardTable{min-width:980px}.tablePanel table{min-width:1120px}.tablePanel .suggestionDialogTable{min-width:0;width:100%}.suggestionTable{table-layout:fixed}.tablePanel .purchaseSuggestionTable{min-width:0}.suggestionTable th,.suggestionTable td{padding-left:6px;padding-right:6px}.purchaseSuggestionTable th:nth-child(1),.purchaseSuggestionTable td:nth-child(1){width:34px}.purchaseSuggestionTable th:nth-child(2),.purchaseSuggestionTable td:nth-child(2){width:102px}.purchaseSuggestionTable th:nth-child(3),.purchaseSuggestionTable td:nth-child(3){width:96px}.purchaseSuggestionTable th:nth-child(4),.purchaseSuggestionTable td:nth-child(4){text-align:center;width:62px}.purchaseSuggestionTable th:nth-child(5),.purchaseSuggestionTable td:nth-child(5){width:auto;padding-left:12px}.purchaseSuggestionTable th:nth-child(8),.purchaseSuggestionTable td:nth-child(8),.purchaseSuggestionTable th:nth-child(9),.purchaseSuggestionTable td:nth-child(9),.purchaseSuggestionTable th:nth-child(10),.purchaseSuggestionTable td:nth-child(10),.purchaseSuggestionTable th:nth-child(11),.purchaseSuggestionTable td:nth-child(11),.purchaseSuggestionTable th:nth-child(13),.purchaseSuggestionTable td:nth-child(13){width:78px}.purchaseSuggestionTable th:nth-child(6),.purchaseSuggestionTable td:nth-child(6),.purchaseSuggestionTable th:nth-child(7),.purchaseSuggestionTable td:nth-child(7),.purchaseSuggestionTable th:nth-child(12),.purchaseSuggestionTable td:nth-child(12){width:98px}.purchaseSuggestionTable th{line-height:1.2;overflow-wrap:normal;white-space:normal;word-break:normal}.purchaseSuggestionTable td{overflow-wrap:anywhere}.purchaseSuggestionTable th:nth-child(n+6),.purchaseSuggestionTable td:nth-child(n+6){text-align:right}.purchaseSuggestionTable th:nth-child(1),.purchaseSuggestionTable td:nth-child(1){text-align:center}.purchaseSuggestionTable th:nth-child(5),.purchaseSuggestionTable td:nth-child(5){text-align:left}.purchaseSuggestionTable th:nth-child(9),.purchaseSuggestionTable td:nth-child(9),.purchaseSuggestionTable th:nth-child(13),.purchaseSuggestionTable td:nth-child(13){width:92px}.purchaseSuggestionTable th:nth-child(9),.purchaseSuggestionTable th:nth-child(13){word-break:keep-all}.purchaseSuggestionTable td{padding-bottom:7px;padding-top:7px}.productThumbButton{align-items:center;background:var(--panel-alt);border:1px solid var(--field-border);border-radius:6px;display:inline-flex;height:32px;justify-content:center;padding:2px;width:32px}.productThumbButton:disabled{cursor:default;opacity:.45}.productThumbButton img{border-radius:4px;height:100%;object-fit:cover;width:100%}.productThumbButton span{background:var(--row-border);border-radius:4px;height:100%;width:100%}.imagePreviewModal{max-width:min(92vw,980px);width:min(92vw,980px)}.imagePreviewBody{align-items:center;display:grid;gap:12px;justify-items:center;padding:18px}.imagePreviewBody img{background:var(--field);border:1px solid var(--panel-border);border-radius:8px;display:block;height:min(74vh,760px);max-height:min(74vh,760px);max-width:100%;object-fit:contain;padding:8px;width:100%}.imagePreviewBody strong{text-align:center}.suggestionTable .productNameCell{line-height:1.35;overflow-wrap:anywhere;white-space:normal}.dashboardTable.suggestionTable{min-width:0;width:100%}.dashboardTable.suggestionTable th:nth-child(1),.dashboardTable.suggestionTable td:nth-child(1){width:112px}.dashboardTable.suggestionTable th:nth-child(2),.dashboardTable.suggestionTable td:nth-child(2){width:110px}.dashboardTable.suggestionTable th:nth-child(4),.dashboardTable.suggestionTable td:nth-child(4),.dashboardTable.suggestionTable th:nth-child(5),.dashboardTable.suggestionTable td:nth-child(5),.dashboardTable.suggestionTable th:nth-child(6),.dashboardTable.suggestionTable td:nth-child(6){text-align:right;width:130px}.dashboardTable.suggestionTable th{line-height:1.2;overflow-wrap:normal;white-space:normal;word-break:normal}.dashboardTable.suggestionTable th:nth-child(6),.dashboardTable.suggestionTable td:nth-child(6){width:150px}.dangerRow td{background:var(--danger-bg);border-bottom-color:var(--danger-border)}.dangerRow td:first-child{border-left:4px solid var(--danger-text)}.dangerRow strong{color:var(--danger-text)}.chartPanel{padding-bottom:12px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{padding:16px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.navItem span{display:none}.contentGrid,.filters,.metrics{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.topbarActions,.toolbarActions,.tableToolbar,.pager,.companyForm,.syncSettings,.userForm,.companyActions{grid-template-columns:1fr;width:100%}.topbarActions,.toolbarActions,.companyActions{display:grid}.userFormFields,.userFormHeader{grid-template-columns:1fr}.userFormHeader{align-items:flex-start;display:grid}.usersPanel .permissionGrid{grid-template-columns:1fr}.companyRow{grid-template-columns:1fr;padding:14px 16px}.companyRowHeader{display:block}}