:root{--bg:#f4f6f3;--panel:#fff;--panel-strong:#f9faf7;--text:#17201a;--muted:#66706a;--line:#dce2dc;--brand:#0f766e;--brand-dark:#115e59;--accent:#b45309;--danger:#b42318;--ok:#15803d;--shadow:0 18px 45px #202a241a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appFrame{grid-template-columns:76px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s;display:grid}.appFrame.sidebarExpanded{grid-template-columns:280px minmax(0,1fr)}.sidebar{z-index:50;color:#f3f7f4;background:#101a17;border-right:1px solid #23342e;flex-direction:column;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0;overflow:visible}.sidebarToggle{color:#f3f7f4;background:#15231f;border:1px solid #263b34;border-radius:8px;justify-content:center;align-items:center;width:44px;height:40px;margin-bottom:14px;display:inline-flex}.brandBlock{align-items:center;gap:12px;padding:0 0 22px;display:flex}.brandMark{color:#fff;background:#0f766e;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.brandBlock strong,.brandBlock span{display:block}.brandText{opacity:0;pointer-events:none;white-space:nowrap;width:0;overflow:hidden}.sidebarExpanded .brandText{opacity:1;pointer-events:auto;width:auto}.brandBlock strong{font-size:19px}.brandBlock span{color:#9fb0a7;margin-top:3px;font-size:13px}.sideNav{gap:6px;display:grid}.sideLink{color:#c9d4ce;border-radius:8px;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:44px;padding:0 12px;font-weight:700;display:grid;position:relative}.sideGroupButton{cursor:pointer;text-align:left;background:0 0;border:0;width:100%}.sideGroupButton>svg:last-child{transition:transform .18s}.sideGroup.open .sideGroupButton>svg:last-child{transform:rotate(90deg)}.appFrame:not(.sidebarExpanded) .sideLink{grid-template-columns:22px;justify-content:center;padding:0}.appFrame:not(.sidebarExpanded) .sideText,.appFrame:not(.sidebarExpanded) .sideLink>svg:last-child{display:none}.appFrame:not(.sidebarExpanded) .sideLink:hover .sideText{z-index:999;color:#fff;background:#15231f;border:1px solid #263b34;border-radius:8px;min-width:max-content;padding:9px 12px;display:block;position:absolute;left:54px;box-shadow:0 12px 28px #00000038}.sideLink.active{color:#fff;background:#163f3a}.sideLink.disabled{color:#74827a;cursor:default}.sideLink.disabled svg:last-child{display:none}.sideGroup{gap:4px;display:grid}.sideSubNav{opacity:1;gap:3px;max-height:320px;padding-left:44px;transition:max-height .22s,opacity .18s,transform .18s,padding-top .18s;display:grid;overflow:hidden;transform:translateY(0)}.sideGroup:not(.open) .sideSubNav{opacity:0;pointer-events:none;max-height:0;padding-top:0;transform:translateY(-6px)}.sideSubLink{color:#9fb0a7;border-radius:7px;padding:8px 10px;font-size:13px;font-weight:800}.sideSubLink:hover,.sideSubLink.active{color:#fff;background:#15231f}.appFrame:not(.sidebarExpanded) .sideSubNav{display:none}.sideFooter{background:#15231f;border:1px solid #263b34;border-radius:8px;margin-top:auto;padding:14px}.appFrame:not(.sidebarExpanded) .sideFooter{display:none}.sideFooter span,.sideFooter strong{display:block}.sideFooter span{color:#9fb0a7;text-transform:uppercase;font-size:12px;font-weight:700}.sideFooter strong{margin-top:6px}.logoutButton{color:#d9e8e2;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:34px;margin-top:12px;font-weight:800;display:flex}.logoutButton:hover{color:#fff;background:#ffffff1f}.mobileBar,.mobileOverlay{display:none}.contentArea{min-width:0}.loginPage{background-color:#0000;background-image:linear-gradient(135deg,#064e3beb,#0c1f1af2),url(https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(0,1fr) minmax(360px,480px) minmax(24px,7vw);min-height:100vh;display:grid}.loginHero{color:#fff;align-items:center;min-height:100vh;padding:48px;display:grid}.loginHero h1{max-width:900px;margin:0;font-size:clamp(38px,6vw,76px);line-height:.98}.loginPanel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffff8a;border-radius:8px;align-self:center;margin:24px;padding:28px;box-shadow:0 24px 80px #0a120f47}.loginTitle{align-items:center;gap:12px;margin-bottom:24px;display:flex}.loginTitle svg{color:var(--brand)}.loginTitle span,.loginForm label>span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.loginTitle strong{margin-top:2px;font-size:28px;display:block}.loginForm{gap:14px;display:grid}.loginForm label{gap:7px;display:grid}.loginField{border:1px solid var(--line);background:var(--panel-strong);min-height:46px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex}.loginField:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e24}.loginField input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;flex:1}.loginField button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.loginField button:hover{color:var(--brand);background:#eef4f1}.loginButton{background:var(--brand);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-weight:900;display:inline-flex}.loginButton:disabled{opacity:.72}.loginError{color:var(--danger);background:#fff1f2;border:1px solid #fecaca;border-radius:7px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.shell{flex-direction:column;gap:18px;padding:28px;display:flex}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:var(--brand);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.actions,.toolbar{align-items:center;gap:10px;display:flex}.button,.iconButton,.primary,.rowButton,.searchBox button{border:1px solid var(--line);background:var(--panel);color:var(--text);justify-content:center;align-items:center;display:inline-flex}.button{border-radius:7px;gap:8px;min-height:42px;padding:0 14px;font-weight:700}.iconButton,.rowButton,.searchBox button{border-radius:7px;width:40px;height:40px}.stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;display:grid}.stats div{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;padding:16px}.stats span,.detailHead span,dt{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700;display:block}.stats strong{margin-top:8px;font-size:24px;display:block}.notice{color:var(--brand-dark);background:#effaf7;border:1px solid #bddfd8;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.gridPanel,.detailPanel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.gridPanel{min-width:0;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px}.searchBox,.selectBox,.dateFilterBox{border:1px solid var(--line);background:var(--panel-strong);color:var(--muted);border-radius:7px;align-items:center;gap:8px;min-height:42px;padding:0 10px;display:flex;position:relative}.searchBox{width:min(460px,100%)}.searchBox input,.selectBox select,.dateFilterBox input{min-width:0;color:var(--text);background:0 0;border:0;outline:0}.dateFilterBox{align-items:center}.dateFilterBox span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.dateFilterBox input{width:130px}.searchBox input{width:100%}.selectBox select{appearance:none;cursor:pointer;opacity:0;border:0;width:100%;height:100%;position:absolute;inset:0}.selectValue{min-width:142px;color:var(--text);pointer-events:none}.selectBox svg{pointer-events:none;z-index:1}.tableWrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px}.purchasesTable,.expensesTable{table-layout:fixed;min-width:0}.purchasesTable th,.purchasesTable td,.expensesTable th,.expensesTable td{padding-inline:10px}.purchasesTable th:first-child,.purchasesTable td:first-child{width:19%}.purchasesTable th:nth-child(2),.purchasesTable td:nth-child(2){width:17%}.purchasesTable th:nth-child(3),.purchasesTable td:nth-child(3){width:22%}.purchasesTable th:nth-child(4),.purchasesTable td:nth-child(4),.purchasesTable th:nth-child(5),.purchasesTable td:nth-child(5),.purchasesTable th:nth-child(6),.purchasesTable td:nth-child(6){width:14%}.purchasesTable td{text-overflow:ellipsis;overflow:hidden}.expensesTable th:first-child,.expensesTable td:first-child{width:40%}.expensesTable th:nth-child(2),.expensesTable td:nth-child(2),.expensesTable th:nth-child(3),.expensesTable td:nth-child(3),.expensesTable th:nth-child(4),.expensesTable td:nth-child(4){width:20%}.expensesTable td{text-overflow:ellipsis;overflow:hidden}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px 12px}th{color:var(--muted);text-transform:uppercase;background:#f6f8f5;font-size:12px}tbody tr{transition:background .15s}tbody tr:hover,tbody tr.selected{background:#eef7f5}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.money{white-space:nowrap;font-weight:800}.pill{min-height:26px;color:var(--muted);background:#edf0ec;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pill.paid{color:var(--ok);background:#e8f7ee}.pill.pending,.pill.authorized{color:var(--accent);background:#fff7ed}.pill.refunded,.pill.voided{color:var(--danger);background:#fff0ed}.pill.active{color:var(--ok);background:#e8f7ee}.pill.draft{color:var(--accent);background:#fff7ed}.pill.archived{color:var(--danger);background:#fff0ed}.stock{font-weight:800}.stock.low{color:var(--danger)}.empty{color:var(--muted);text-align:center;padding:34px}.detailPanel{padding:18px;position:sticky;top:18px}.detailHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.detailHeadTitle{align-items:center;gap:12px;min-width:0;display:flex}.detailHeadTitle>div{min-width:0}.detailHead svg,.detailHeadTitle svg{color:var(--brand)}.detailHead strong{overflow-wrap:anywhere;white-space:normal;margin-top:4px;font-size:24px;display:block}.detailHeadActions{flex:none;justify-content:flex-end;align-items:center;gap:8px;display:flex}.statusButton{min-height:36px;color:var(--brand-dark);background:#eef7f5;border:1px solid #b7d8d2;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:900;display:inline-flex}.statusButton:disabled{border-color:var(--line);background:var(--panel-strong);color:var(--muted);cursor:default;opacity:1}dl{gap:14px;margin:18px 0;display:grid}dt{margin-bottom:4px}dd{margin:0;line-height:1.45}.totalLine{border-top:1px solid var(--line);padding-top:14px}.totalLine dd{font-size:26px;font-weight:800}.productPreview{aspect-ratio:16/10;border:1px solid var(--line);width:100%;color:var(--muted);background:#f6f8f5;border-radius:8px;justify-content:center;align-items:center;margin:16px 0;display:flex;overflow:hidden}.productPreview img{object-fit:cover;width:100%;height:100%}.warningBox{color:var(--danger);background:#fff5f3;border:1px solid #f2c2b8;border-radius:8px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.notice.compact{justify-content:center;font-weight:800}.primary{border-color:var(--brand);background:var(--brand);color:#fff;border-radius:7px;gap:8px;width:100%;min-height:44px;font-weight:800}.entityForm{gap:12px;margin-top:18px;display:grid}.entityForm label{gap:6px;display:grid}.entityForm label span{color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:800}.entityForm input{border:1px solid var(--line);background:var(--panel-strong);width:100%;min-height:42px;color:var(--text);border-radius:7px;outline:0;padding:0 11px}.entityForm select{border:1px solid var(--line);background:var(--panel-strong);width:100%;min-height:42px;color:var(--text);text-overflow:ellipsis;border-radius:7px;outline:0;padding:0 34px 0 11px}.productSelect select{white-space:nowrap;overflow:hidden}.productAutocomplete{position:relative}.productAutocomplete input{padding-right:34px}.productAutocompleteLoader{color:var(--muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.productSuggestions{z-index:80;border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;max-height:260px;display:grid;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:0 18px 36px #0f172a29}.productSuggestions button{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.productSuggestions button:hover{background:#eef8f5}.productSuggestions button:last-child{border-bottom:0}.productSuggestions span{gap:3px;min-width:0;display:grid}.productSuggestions strong,.productSuggestions small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.productSuggestions small{color:var(--muted);font-size:12px;font-weight:700}.productSuggestions em{color:var(--brand);text-transform:uppercase;background:#e7f4f1;border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.reportOriginBox{width:190px}.reportSelectField{gap:6px}.reportSelectField .reportOriginBox{min-height:42px}.reportSelectField .selectValue{text-transform:none;font-size:14px}.integrationsLayout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.integrationPanel{padding:18px}.integrationPanel .detailHead{align-items:flex-start}.connectionBadge{border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.connectionBadge.ok{color:#15803d;background:#effbf3;border-color:#a7e3bd}.connectionBadge.error{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.connectionBadge.idle{color:var(--muted);background:#f5f7f4;border-color:#d7ded9}.integrationsSave{grid-column:1/-1}.entityForm input:focus,.entityForm select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e24}.passwordField{align-items:center;display:flex;position:relative}.passwordField input{padding-right:46px}.passwordField button{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.passwordField button:hover{color:var(--brand);background:#eef4f1}.passwordRules{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:7px;margin:0;padding:10px;list-style:none;display:grid}.passwordRules li{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.passwordRules li.valid{color:var(--ok)}.passwordRules li.invalid{color:var(--danger)}.passwordRules svg{flex:none}.formActions{gap:10px;margin-top:4px;display:grid}.dangerButton{min-height:42px;color:var(--danger);background:#fff5f3;border:1px solid #f2c2b8;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.purchasesWorkspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.purchasePanel{max-height:calc(100vh - 36px);overflow:auto}.formGrid.two{grid-template-columns:1fr 170px;gap:12px;display:grid}.formGrid.marketplaceOriginGrid{grid-template-columns:170px minmax(0,1fr);gap:12px;display:grid}.formGrid.marketplaceDateGrid{grid-template-columns:minmax(0,1fr) 170px 190px;gap:12px;display:grid}.formGrid.threeEven{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.localInventoryPanel{max-height:calc(100vh - 36px);overflow:auto}.entityForm .checkboxLine{border:1px solid var(--line);background:var(--panel-strong);border-radius:7px;align-items:center;gap:10px;min-height:42px;padding:0 11px;display:flex}.entityForm .checkboxLine input{width:18px;min-height:18px;accent-color:var(--brand)}.entityForm .checkboxLine span{color:var(--text);text-transform:none;font-size:14px}.purchaseDetailHead{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.miniButton{border:1px solid var(--line);background:var(--panel-strong);min-height:34px;color:var(--text);border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.purchaseLines{gap:10px;display:grid}.purchaseLine,.expenseLine{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;grid-template-columns:minmax(180px,1fr) 76px 96px 96px 34px;align-items:end;gap:8px;padding:8px;display:grid}.expenseLine input,.purchaseLine .entityForm input,.purchaseLine input,.purchaseLine select{min-height:38px;padding-inline:8px}.productSelect{min-width:0}.lineTotal{gap:6px;display:grid}.lineTotal span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.lineTotal strong{white-space:nowrap;align-items:center;min-height:38px;font-size:13px;display:flex}.lineDelete{width:34px;height:38px;color:var(--danger);background:#fff5f3;border:1px solid #f2c2b8;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.purchaseTotals{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;display:grid}.purchaseTotals div{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:12px}.purchaseTotals span,.purchaseTotals strong{display:block}.purchaseTotals span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.purchaseTotals strong{margin-top:6px;font-size:18px}.expenseTotals{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;padding:14px}.expenseTotals span,.expenseTotals strong{display:block}.expenseTotals span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.expenseTotals strong{margin-top:6px;font-size:22px}.marketplaceTotals{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:14px;display:grid}.marketplaceTotals>div,.marketplaceTotals>label{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:6px;padding:12px;display:grid}.marketplaceTotals span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.marketplaceTotals strong{font-size:18px}.marketplaceTotals input{border:1px solid var(--line);background:var(--panel);width:100%;min-height:34px;color:var(--text);border-radius:7px;outline:0;padding:0 9px}.geoBox{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:10px;padding:10px;display:grid}.geoBox>div{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.geoBox svg{color:var(--brand)}.geoBox iframe{border:0;border-radius:8px;width:100%;height:180px}.addressAutocomplete{gap:8px;display:grid;position:relative}.addressAutocompleteInput{border:1px solid var(--line);background:var(--panel-strong);min-height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:0 10px;display:flex}.addressAutocompleteInput:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0f766e24}.addressAutocompleteInput input{width:auto;min-width:0;min-height:0;color:var(--text);font:inherit;background:0 0;border:0;border-radius:0;outline:0;flex:1;padding:0}.addressAutocompleteInput input:focus{box-shadow:none}.addressSuggestions{z-index:120;border:1px solid var(--line);background:var(--panel);max-height:240px;box-shadow:var(--shadow);border-radius:8px;display:grid;position:absolute;top:48px;left:0;right:0;overflow:auto}.addressSuggestions button{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:0 0;padding:10px 12px}.addressSuggestions button:hover{background:#eef7f5}.addressSuggestions button:last-child{border-bottom:0}.addressError{color:var(--danger);font-weight:700}.placeAutocompleteHost,.placeAutocompleteHost .googleAutocomplete,.placeAutocompleteHost gmp-place-autocomplete{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%}.placeAutocompleteHost .googleAutocomplete,.placeAutocompleteHost gmp-place-autocomplete{border:1px solid var(--line);background:var(--panel-strong);min-height:42px;color:var(--text);border-radius:7px;overflow:hidden}.placeAutocompleteHost .googleAutocomplete{--gmpx-color-surface:var(--panel-strong);--gmpx-color-on-surface:var(--text);--gmpx-color-outline:var(--line);--gmpx-color-primary:var(--brand);--gmpx-font-family-base:inherit}.placeAutocompleteHost .googleAutocomplete::part(input),.placeAutocompleteHost .googleAutocomplete::part(text-field),.placeAutocompleteHost .googleAutocomplete::part(container){background:var(--panel-strong);color:var(--text);border-color:var(--line);font:inherit}.placeAutocompleteHost .googleAutocomplete::part(input)::placeholder{color:var(--muted)}.selectedAddress{border:1px solid var(--line);color:var(--brand-dark);text-align:left;background:#eef7f5;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.selectedAddress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resultFilters{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-items:end;gap:12px;padding:14px;display:flex}.resultFilters label{gap:6px;display:grid}.resultFilters span,.resultHeader span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.resultFilters input{border:1px solid var(--line);background:var(--panel-strong);min-height:42px;color:var(--text);border-radius:7px;outline:0;padding:0 11px}.resultLayout{grid-template-columns:minmax(0,760px) minmax(320px,1fr);align-items:stretch;gap:18px;display:grid}.resultHeader{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px;display:flex}.resultHeader svg{color:var(--brand)}.resultHeader strong{margin-top:4px;font-size:20px;display:block}.resultTable{table-layout:fixed;min-width:0}.resultTable th:first-child,.resultTable td:first-child{width:65%}.resultTable th:nth-child(2),.resultTable td:nth-child(2){width:35%}.resultAmount.income{color:var(--ok)}.resultAmount.expense,.resultAmount.loss{color:var(--danger)}.resultTotalRow td{border-top:2px solid var(--text);font-size:18px;font-weight:900}.resultChartPanel{flex-direction:column;display:flex;overflow:hidden}.resultChart{flex:1;align-content:space-between;gap:14px;padding:18px;display:grid}.resultChartRow{gap:8px;display:grid}.resultChartMeta{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.resultChartMeta span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.resultChartMeta strong{color:var(--text);white-space:nowrap;font-size:14px;font-weight:900}.resultChartTrack{background:#edf2ef;border-radius:999px;height:12px;overflow:hidden}.resultChartBar{width:var(--bar-size);border-radius:inherit;background:var(--brand);height:100%;display:block}.resultChartTrack.expense .resultChartBar,.resultChartTrack.loss .resultChartBar{background:var(--danger)}.dispatchFilters{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-items:end;gap:12px;padding:14px;display:flex}.dispatchFilters label{gap:6px;display:grid}.dispatchFilters span,.dispatchListHeader,.dispatchSelected span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.dispatchFilters input,.dispatchFilters select{border:1px solid var(--line);background:var(--panel-strong);min-height:42px;color:var(--text);border-radius:7px;outline:0;padding:0 11px}.dispatchLayout{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:stretch;gap:18px;display:grid}.dispatchMapPanel,.dispatchList{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.dispatchMap{width:100%;min-height:620px}.dispatchMapEmpty{place-items:center;min-height:620px;display:grid}.dispatchList{flex-direction:column;min-height:620px;display:flex}.dispatchListHeader{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px;display:flex}.dispatchListHeader svg{color:var(--brand)}.dispatchItems{gap:10px;max-height:486px;padding:14px;display:grid;overflow:auto}.dispatchItem{border:1px solid var(--line);background:var(--panel-strong);color:var(--text);text-align:left;border-radius:8px;gap:5px;padding:12px;display:grid}.dispatchItem.selected{border-color:var(--brand);background:#eef7f5}.dispatchItem strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dispatchItem small,.dispatchItem>span:last-child,.dispatchSelected small{color:var(--muted);font-size:12px}.dispatchStatus{text-transform:uppercase;border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:900}.dispatchStatus.delivered{color:#166534;background:#dcfce7}.dispatchStatus.pending{color:#991b1b;background:#fee2e2}.dispatchStatus.shopify{color:#365314;background:#ecfccb}.dispatchSelected{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:14px;display:flex}.dispatchSelected svg{color:var(--brand);flex:none}.dispatchSelected strong,.dispatchSelected small{margin-top:3px;display:block}.routePlannerControls{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.routeOriginField{flex:1}.routeOriginAutocomplete{position:relative}.routePlannerLayout{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:stretch;gap:18px;display:grid}.routeStop{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.routeStop>span,.routeStop>svg{background:var(--brand);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:inline-flex}.routeStop.pending>svg{color:var(--brand);background:#eef7f5}.routeStop strong,.routeStop small{display:block}.routeStop strong{overflow-wrap:anywhere}.routeStop small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.45}@media (max-width:1050px){.appFrame{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #23342e;border-right:0;height:auto;position:static}.sideFooter{display:none}.workspace,.purchasesWorkspace{grid-template-columns:1fr}.detailPanel{position:static}.purchasePanel{max-height:none}.resultLayout,.dispatchLayout,.routePlannerLayout{grid-template-columns:1fr}}@media (max-width:720px){.appFrame,.appFrame.sidebarExpanded{grid-template-columns:1fr}.sidebar{z-index:80;width:min(280px,86vw);height:100vh;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobileMenuOpen .sidebar{transform:translate(0)}.mobileMenuOpen .mobileOverlay{z-index:70;background:#0a120f75;border:0;display:block;position:fixed;inset:0}.appFrame:not(.sidebarExpanded) .brandText,.mobileMenuOpen .brandText{opacity:1;pointer-events:auto;width:auto}.appFrame:not(.sidebarExpanded) .sideLink{grid-template-columns:22px minmax(0,1fr) 16px;justify-content:stretch;padding:0 12px}.appFrame:not(.sidebarExpanded) .sideText,.appFrame:not(.sidebarExpanded) .sideLink>svg:last-child{display:block}.appFrame:not(.sidebarExpanded) .sideLink:hover .sideText{min-width:0;color:inherit;box-shadow:none;background:0 0;border:0;padding:0;position:static}.appFrame:not(.sidebarExpanded) .sideFooter{display:block}.loginPage{grid-template-columns:1fr}.loginHero{min-height:auto;padding:28px 18px 12px}.loginHero h1{font-size:38px}.loginPanel{align-self:start;margin:12px 18px 24px}.mobileBar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f6f3f0;align-items:center;gap:12px;padding:10px 18px;display:flex;position:sticky;top:0}.shell{padding:18px}.topbar,.toolbar{flex-direction:column;align-items:stretch}.actions{justify-content:flex-end}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.searchBox,.selectBox,.reportOriginBox,.dateFilterBox,.dateFilterBox input{width:100%}.formGrid.two,.formGrid.marketplaceOriginGrid,.formGrid.marketplaceDateGrid,.formGrid.threeEven,.integrationsLayout,.purchaseLine,.expenseLine,.purchaseTotals,.marketplaceTotals,.resultFilters{grid-template-columns:1fr}.resultFilters,.dispatchFilters,.routePlannerControls{flex-direction:column;align-items:stretch}.dispatchMap,.dispatchMapEmpty,.dispatchList{min-height:420px}.lineDelete{width:100%}}
