:root { --ink:#17201f; --muted:#66706d; --line:#d9dfdc; --line-strong:#c9d1cd; --canvas:#f3f5f4; --panel:#fff; --green:#176b55; --green-dark:#105b47; --green-soft:#e4f1ec; --coral:#bd4b36; --coral-soft:#fbe9e5; --amber:#93610c; --amber-soft:#fff2d7; --shadow-sm:0 1px 2px rgba(20,35,31,.04); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--canvas); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:14px; line-height:1.45; }
a { color:var(--green); text-decoration:none; } a:hover { text-decoration:underline; }
button,input,select { font:inherit; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:232px minmax(0,1fr); }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:22px 14px; color:#ecf2ef; background:#16241f; }
.brand { display:flex; align-items:center; gap:10px; padding:0 8px 22px; color:#fff; font-size:19px; font-weight:800; }
.brand:hover { text-decoration:none; }
.brand-mark { width:30px; height:30px; display:grid; place-items:center; border-radius:6px; color:#173128; background:#84d0b4; }
.side-nav { display:grid; gap:3px; }
.nav-section-label { margin:17px 11px 5px; color:#759087; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.nav-section-label:first-child { margin-top:0; }
.side-nav a { min-height:38px; display:flex; align-items:center; padding:0 11px; border-left:3px solid transparent; border-radius:5px; color:#c8d6d1; font-weight:650; }
.side-nav a:hover { color:#fff; background:#22342e; text-decoration:none; }
.side-nav a.active { border-left-color:#84d0b4; color:#fff; background:#2a3b37; text-decoration:none; }
.nav-toggle,.mobile-account { display:none; }
.sidebar-footer { margin-top:auto; padding:16px 8px 0; border-top:1px solid #384743; display:grid; gap:4px; }
.text-button { padding:0; border:0; color:#9fbbb2; background:none; cursor:pointer; }
.content-shell { min-width:0; display:flex; min-height:100vh; flex-direction:column; background:var(--canvas); }
.is-public .app-shell { display:block; }
.is-public .sidebar { position:static; width:100%; height:64px; padding:0 max(24px,calc((100vw - 1120px)/2)); flex-direction:row; align-items:center; border-bottom:1px solid var(--line); color:var(--ink); background:var(--panel); }
.is-public .brand { padding:0; color:var(--ink); }
.error-shell { min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; background:var(--canvas); }
.error-header,.error-footer { min-height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 max(24px,calc((100vw - 1120px)/2)); border-bottom:1px solid var(--line); background:var(--panel); }
.error-header .brand { padding:0; color:var(--ink); }
.error-main { width:min(680px,calc(100% - 48px)); margin:auto; padding:64px 0; }
.error-code { margin-bottom:14px; color:var(--green); font-size:13px; font-weight:850; }
.error-main h1 { margin-bottom:12px; font-size:38px; }
.error-main p { max-width:560px; margin-bottom:24px; color:var(--muted); font-size:16px; line-height:1.6; }
.error-footer { min-height:56px; justify-content:flex-start; border-top:1px solid var(--line); border-bottom:0; color:var(--muted); font-size:12px; }
.topbar { position:sticky; top:0; z-index:10; height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 28px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); }
.topbar>div { display:grid; gap:2px; } .topbar span { color:var(--muted); font-size:12px; }
.shop-switcher { display:flex; align-items:center; gap:9px; } .shop-switcher label { color:var(--muted); font-size:12px; font-weight:750; } .shop-switcher select { width:auto; min-width:180px; min-height:36px; }
.topbar-meta { display:flex!important; grid-auto-flow:column; align-items:center; gap:12px!important; }
.page { width:min(1240px,calc(100% - 48px)); margin:0 auto; padding:34px 0 56px; }
.page-heading,.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }
.page-heading { margin-bottom:24px; } .section-heading { margin:32px 0 12px; }
.heading-note { margin:7px 0 0; color:var(--muted); }
h1,h2,p { margin-top:0; } h1 { margin-bottom:0; font-size:30px; line-height:1.18; letter-spacing:0; } h2 { margin-bottom:4px; font-size:17px; line-height:1.3; letter-spacing:0; }
.eyebrow { margin-bottom:7px; color:var(--green); font-size:11px; font-weight:850; letter-spacing:.08em; }
.section-heading p,.form-note { margin-bottom:0; color:var(--muted); }
.period-control { display:inline-flex; padding:3px; border:1px solid var(--line); border-radius:6px; background:#e9edeb; }
.period-control button { min-height:32px; padding:0 11px; border:0; border-radius:4px; color:var(--muted); background:transparent; font-size:12px; font-weight:750; cursor:pointer; }
.period-control button.active { color:var(--ink); background:var(--panel); box-shadow:var(--shadow-sm); }
.metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.metric { position:relative; min-height:122px; display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; padding:19px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }
.metric::before { position:absolute; inset:0 auto 0 0; width:3px; content:""; background:#96a39f; }
.metric-fees::before { background:var(--amber); }
.metric-profit::before,.metric-margin::before { background:var(--green); }
.metric span { color:var(--muted); font-size:13px; font-weight:700; } .metric strong { font-size:25px; line-height:1.1; font-variant-numeric:tabular-nums; } .metric.emphasis { border-color:#a6cfc0; background:var(--green-soft); }
.dashboard-insights { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,.8fr); gap:12px; margin-top:12px; }
.trend-panel,.breakdown-panel { min-height:238px; padding:18px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }
.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.panel-heading .eyebrow { margin-bottom:4px; }.panel-heading>span { color:var(--muted); font-size:12px; }.panel-heading>strong { font-size:25px; font-variant-numeric:tabular-nums; }
.profit-chart { height:158px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(42px,1fr); align-items:end; gap:8px; margin-top:14px; padding-top:8px; overflow-x:auto; border-bottom:1px solid var(--line); }
.chart-column { height:100%; display:grid; grid-template-rows:minmax(0,1fr) 23px; align-items:end; justify-items:center; gap:7px; }
.chart-bar { width:min(26px,70%); height:var(--bar-height); min-height:6px; align-self:end; border-radius:3px 3px 0 0; background:var(--green); }
.chart-bar.chart-loss { background:var(--coral); }.chart-column small { color:var(--muted); font-size:10px; white-space:nowrap; }.chart-empty { height:158px; display:grid; place-items:center; margin-top:14px; color:var(--muted); border:1px dashed var(--line-strong); border-radius:5px; }
.breakdown-list { display:grid; margin:16px 0 0; }.breakdown-list div { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:11px 0; border-top:1px solid var(--line); }.breakdown-list dt { display:flex; align-items:center; gap:8px; color:var(--muted); }.breakdown-list dd { margin:0; font-weight:800; font-variant-numeric:tabular-nums; }.legend-dot { width:8px; height:8px; border-radius:50%; background:#96a39f; }.legend-profit { background:var(--green); }.legend-low { background:var(--amber); }.legend-loss { background:var(--coral); }.legend-incomplete { background:#89928f; }
.table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }
table { width:100%; border-collapse:collapse; white-space:nowrap; }
.feedback-message { min-width:260px; max-width:460px; white-space:normal; }
.inline-status-form { display:flex; align-items:center; gap:8px; }
.inline-status-form select { width:auto; min-width:118px; }
th,td { padding:13px 14px; border-bottom:1px solid var(--line); text-align:left; }
th { color:#5c6763; background:#f8faf9; font-size:11px; font-weight:800; text-transform:uppercase; } tbody tr:last-child td { border-bottom:0; } tbody tr:hover { background:#f8fbf9; }
.numeric { text-align:right; font-variant-numeric:tabular-nums; } .order-link { color:var(--ink); font-weight:750; } .empty-state { height:130px; color:var(--muted); text-align:center; }
.profit-loss { color:var(--coral); font-weight:750; } .profit-profitable { color:var(--green); font-weight:750; }
.status { display:inline-flex; align-items:center; min-height:26px; padding:3px 8px; border-radius:999px; background:#eef1f0; color:#47514f; font-size:12px; font-weight:750; }
.status-profitable { color:var(--green); background:var(--green-soft); } .status-loss { color:var(--coral); background:var(--coral-soft); } .status-low_margin { color:var(--amber); background:var(--amber-soft); }
.primary-button,.secondary-button { min-height:40px; display:inline-flex; align-items:center; justify-content:center; padding:0 14px; border-radius:6px; font-weight:750; cursor:pointer; }
.actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.primary-button { border:1px solid var(--green); color:#fff; background:var(--green); box-shadow:0 1px 1px rgba(16,62,49,.12); } .primary-button:hover { color:#fff; text-decoration:none; background:var(--green-dark); }
.secondary-button { border:1px solid var(--line-strong); color:var(--ink); background:#fff; } .secondary-button:hover { border-color:#9eaaa5; text-decoration:none; background:#f8faf9; } .compact { min-height:36px; }
.sales-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:16px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }
.sales-summary div { min-height:78px; display:flex; flex-direction:column; justify-content:space-between; gap:8px; padding:14px 16px; border-right:1px solid var(--line); }.sales-summary div:last-child { border-right:0; }.sales-summary span { color:var(--muted); font-size:12px; font-weight:700; }.sales-summary strong { font-size:18px; font-variant-numeric:tabular-nums; }
.cost-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:8px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }.cost-summary div { min-height:78px; display:flex; flex-direction:column; justify-content:space-between; gap:8px; padding:14px 16px; border-right:1px solid var(--line); }.cost-summary div:last-child { border-right:0; }.cost-summary span { color:var(--muted); font-size:12px; font-weight:700; }.cost-summary strong { font-size:18px; font-variant-numeric:tabular-nums; }
.filter-bar { display:flex; align-items:center; gap:8px; margin-bottom:14px; } .filter-bar input { flex:1; min-width:220px; }.filter-bar select { width:auto; min-width:150px; } .clear-link { padding:8px; }
.compact-search { display:flex; align-items:center; gap:8px; }.compact-search input { width:210px; min-height:36px; }.cost-layout { min-width:0; display:grid; gap:20px; }.cost-layout>section,.cost-layout>aside { min-width:0; }.cost-table-wrap { max-width:100%; }.cost-table-wrap table { min-width:900px; }.cost-form-panel>.form-note { margin-top:6px; }.cost-entry-form { grid-template-columns:repeat(3,minmax(0,1fr)); }.cost-entry-form .primary-button { grid-column:1/-1; justify-self:start; }.file-field { display:grid; gap:7px; }.file-field label { font-weight:700; }.file-field input[type="file"] { min-height:96px; display:flex; align-items:center; padding:26px 14px; border:1px dashed #9eaaa5; background:#f8faf9; cursor:pointer; }.file-field small { color:var(--muted); font-size:12px; }
input,select { min-height:40px; width:100%; padding:8px 10px; border:1px solid #b9c4c0; border-radius:5px; color:var(--ink); background:#fff; }
textarea { width:100%; padding:10px; resize:vertical; border:1px solid #b9c4c0; border-radius:5px; color:var(--ink); background:#fff; font:inherit; }
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible { outline:3px solid #cce7dc; outline-offset:1px; border-color:var(--green); }
.auth-panel { width:min(430px,100%); margin:7vh auto 0; padding:28px; border:1px solid var(--line); border-radius:6px; background:var(--panel); }
.auth-panel.wide { width:min(540px,100%); }
.stack-form { display:grid; gap:12px; margin-top:22px; } .stack-form p { display:grid; gap:6px; margin:0; } .stack-form label { font-weight:700; }
.stack-form .helptext,.stack-form ul { margin:0; color:var(--muted); font-size:12px; } .stack-form .errorlist { color:var(--coral); } .form-note { margin-top:18px; }
.split-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; align-items:start; }
.form-panel,.detail-block { padding:22px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }
.tool-section + .tool-section { margin-top:24px; padding-top:20px; border-top:1px solid var(--line); }
.detail-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } .detail-block dl { margin:15px 0 0; }
.detail-block dl div { display:flex; justify-content:space-between; gap:18px; padding:9px 0; border-bottom:1px solid var(--line); } .detail-block dl div:last-child { border-bottom:0; }
.detail-block dt { color:var(--muted); } .detail-block dd { margin:0; font-variant-numeric:tabular-nums; font-weight:700; } .detail-block .total { color:var(--ink); font-weight:800; }
.result-block { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; background:var(--green-soft); } .result-block>strong { font-size:30px; }
.order-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }.order-summary>div { min-height:86px; display:grid; align-content:space-between; gap:8px; padding:15px 16px; border-right:1px solid var(--line); }.order-summary>div:last-child { border-right:0; }.order-summary span { color:var(--muted); font-size:12px; font-weight:700; }.order-summary strong { font-size:19px; font-variant-numeric:tabular-nums; }.result-block p { margin:0; color:var(--muted); }.result-loss { border-color:#e5b5aa; background:var(--coral-soft); }.result-low_margin { border-color:#ead19d; background:var(--amber-soft); }.result-incomplete { background:#eef1f0; }.order-detail-table table { min-width:520px; }
.import-layout { grid-template-columns:minmax(0,560px) minmax(280px,1fr); }
.plain-panel { padding:4px 0; }
.import-list { display:grid; border-top:1px solid var(--line); }
.import-list a { display:grid; gap:5px; padding:12px 10px; border-bottom:1px solid var(--line); color:var(--ink); }.import-list a>span { display:flex; align-items:center; justify-content:space-between; gap:12px; }.import-list a.active { background:var(--green-soft); }.import-list a:hover { text-decoration:none; background:#f8faf9; }
.import-list small,.legal-note { color:var(--muted); }
.import-result { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-bottom:24px; border:1px solid #acd2c4; border-radius:6px; overflow:hidden; background:#acd2c4; }
.import-result>div { display:grid; gap:6px; padding:16px; background:var(--green-soft); }
.import-result strong { font-size:24px; }
.import-result pre { grid-column:1/-1; margin:0; padding:14px; overflow:auto; color:var(--coral); background:#fff; white-space:pre-wrap; }
.form-error { color:var(--coral); font-weight:700; }
.message-list { display:grid; gap:8px; margin-bottom:18px; }.message { padding:12px 14px; border:1px solid #acd2c4; border-radius:6px; background:var(--green-soft); }.message-error { border-color:#e5b5aa; color:#8f3525; background:var(--coral-soft); }.danger { color:var(--coral); }
.legal-note { margin-top:28px; font-size:12px; }
.shop-list { display:grid; gap:10px; }.shop-row { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:88px; padding:17px 18px; border:1px solid var(--line); border-radius:6px; background:var(--panel); box-shadow:var(--shadow-sm); }.shop-row>div:first-child { display:grid; gap:5px; }.shop-row>div:first-child strong { font-size:15px; }.shop-row span,.shop-row small { color:var(--muted); font-size:12px; }
.shop-row .sync-error { color:var(--coral); }
.shop-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:20px; border:1px solid var(--line); border-radius:6px; overflow:hidden; background:var(--panel); box-shadow:var(--shadow-sm); }.shop-summary>div { min-height:76px; display:grid; align-content:space-between; gap:8px; padding:14px 16px; border-right:1px solid var(--line); }.shop-summary>div:last-child { border-right:0; }.shop-summary span { color:var(--muted); font-size:12px; font-weight:700; }.shop-summary strong { font-size:20px; font-variant-numeric:tabular-nums; }.shop-row { display:grid; grid-template-columns:minmax(150px,1fr) minmax(310px,1.35fr); align-items:start; }.shop-inactive { opacity:.72; }.shop-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.shop-title .status { color:var(--muted); }.shop-title .status-profitable { color:var(--green); }.shop-metrics { grid-column:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin:0; overflow:hidden; border:1px solid var(--line); border-radius:5px; background:var(--line); }.shop-metrics>div { min-width:0; display:grid; gap:4px; padding:9px 11px; background:#f8faf9; }.shop-metrics dt { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.shop-metrics dd { margin:0; overflow:hidden; font-size:13px; font-weight:750; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }.shop-actions { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding-top:3px; border-top:1px solid var(--line); }
@media (min-width:901px) and (max-width:1180px) { .shops-layout { grid-template-columns:minmax(0,1fr); }.shops-layout>.form-panel { width:min(440px,100%); } }
.feedback-layout { width:min(620px,100%); }.feedback-panel { padding:24px; }.feedback-thanks { display:grid; justify-items:start; gap:12px; }.feedback-thanks strong { font-size:24px; }.feedback-thanks p { margin:0; color:var(--muted); }.feedback-context { margin:12px 0 0; padding:9px 11px; border-left:3px solid var(--green); color:var(--muted); background:#f4f8f6; }.rating-choice { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }.rating-choice>div { min-width:0; }.rating-choice label { min-height:42px; display:flex; align-items:center; justify-content:center; padding:6px; border:1px solid var(--line-strong); border-radius:5px; background:#fff; cursor:pointer; font-size:12px; text-align:center; }.rating-choice label:has(input:checked) { border-color:var(--green); color:var(--green); background:var(--green-soft); }.rating-choice input { width:auto; min-height:0; margin:0 5px 0 0; accent-color:var(--green); }
.setup-progress { height:7px; margin:-8px 0 20px; overflow:hidden; border-radius:4px; background:#dfe5e2; }.setup-progress span { height:100%; display:block; border-radius:inherit; background:var(--green); }.setup-banner { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-bottom:18px; padding:16px 18px; border:1px solid #acd2c4; border-radius:6px; background:var(--green-soft); }.setup-banner>div { display:grid; gap:4px; }.setup-banner span,.setup-count,.sample-panel p { color:var(--muted); }.setup-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:24px; align-items:start; }.setup-list { display:grid; gap:8px; }.setup-step { min-height:76px; display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:6px; background:var(--panel); }.setup-step-copy { min-width:0; display:grid; gap:3px; }.setup-step-copy span { color:var(--muted); font-size:12px; }.step-marker { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:var(--muted); background:#eef1f0; font-weight:800; }.step-done .step-marker { color:var(--green); background:var(--green-soft); }.sample-panel { display:grid; justify-items:start; gap:12px; }.sample-panel p { margin:0; }.sample-panel .primary-button,.sample-panel .secondary-button { width:100%; }.setup-complete { display:flex; justify-content:space-between; gap:16px; margin-top:20px; padding:16px; border:1px solid #acd2c4; border-radius:6px; background:var(--green-soft); }
.privacy-layout { width:min(760px,100%); display:grid; gap:14px; }.data-panel { display:grid; justify-items:start; gap:14px; }.data-panel p,.danger-panel p { margin:0; color:var(--muted); line-height:1.55; }.data-panel small { color:var(--muted); }.danger-panel { border-color:#e5b5aa; }.danger-panel h2 { color:#8f3525; }.danger-button { min-height:40px; padding:0 14px; border:1px solid #a83f2d; border-radius:6px; color:#fff; background:#a83f2d; font-weight:750; cursor:pointer; }.danger-button:hover { background:#8f3525; }
.data-inventory { width:100%; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:5px; background:var(--line); }.data-inventory>div { display:flex; justify-content:space-between; gap:14px; padding:11px 12px; background:#f8faf9; }.data-inventory dt { color:var(--muted); }.data-inventory dd { margin:0; font-weight:800; font-variant-numeric:tabular-nums; }.danger-panel summary { display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; list-style:none; }.danger-panel summary::-webkit-details-marker { display:none; }.danger-panel summary>span:first-child { display:grid; gap:3px; }.danger-panel summary small { color:var(--muted); font-weight:400; }.danger-panel summary>span:last-child { color:var(--coral); font-weight:750; }.danger-content { display:grid; gap:18px; margin-top:20px; padding-top:18px; border-top:1px solid #e5b5aa; }
.site-footer { display:flex; align-items:center; gap:16px; width:min(1240px,calc(100% - 48px)); margin:auto auto 0; padding:18px 0 28px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.legal-document { width:min(760px,100%); }.legal-document header { margin-bottom:30px; }.legal-document header>p:last-child { margin-top:8px; color:var(--muted); }.legal-document section { padding:20px 0; border-top:1px solid var(--line); }.legal-document section p { margin:8px 0 0; color:var(--muted); line-height:1.7; }.invite-layout { grid-template-columns:minmax(0,1fr) 320px; }.invite-share { display:flex; align-items:center; gap:8px; }.invite-code { padding:9px 12px; border:1px solid #85bda8; border-radius:5px; color:var(--green); background:#fff; font-size:17px; font-weight:800; letter-spacing:.08em; }.invite-row { grid-template-columns:minmax(210px,1fr) auto; }.invite-identity { min-width:0; }.invite-title { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }.invite-title code { color:var(--muted); font-size:11px; }.invite-usage { width:min(260px,100%); height:5px; overflow:hidden; border-radius:3px; background:#e2e7e5; }.invite-usage span { height:100%; display:block; border-radius:inherit; background:var(--green); }
.pagination { display:flex; align-items:center; justify-content:flex-end; gap:12px; margin-top:14px; }.pagination span,td small { color:var(--muted); font-size:12px; }
.activity-latest { font-size:16px!important; }.activity-filter select { min-width:165px; }.request-cell code { font-size:11px; overflow-wrap:anywhere; }
.feedback-filter { flex-wrap:wrap; }.feedback-filter input { flex:1 1 260px; }.feedback-filter select { min-width:140px; }.feedback-filter select[name="rating"] { min-width:105px; }.filter-result-note { margin:-4px 0 12px; color:var(--muted); font-size:12px; }.feedback-inbox-table .inline-status-form input[type="hidden"] { display:none; }
@media (max-width:900px) { .app-shell{grid-template-columns:1fr}.is-authenticated .sidebar{position:sticky;top:0;z-index:20;align-self:start;width:100%;height:60px;min-height:60px;padding:10px 14px;flex-direction:row;align-items:center;gap:12px;overflow:visible}.brand{padding:0}.nav-toggle{width:40px;height:40px;margin-left:auto;display:grid;place-items:center;border:1px solid #4b5d58;border-radius:6px;color:#fff;background:#22322e;cursor:pointer;font-size:22px}.side-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 60px);display:none;gap:4px;padding:8px 14px 14px;overflow-y:auto;border-top:1px solid #384743;background:#182522;box-shadow:0 12px 24px rgba(13,25,21,.22)}.side-nav.is-open{display:grid}.side-nav a{white-space:normal}.mobile-account{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:6px;padding:14px 11px 4px;border-top:1px solid #384743;color:#c8d6d1}.sidebar-footer{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights{grid-template-columns:1fr}.split-layout,.detail-grid,.setup-layout{grid-template-columns:1fr}.shop-row{grid-template-columns:minmax(150px,.7fr) minmax(300px,1fr)} }
@media (max-width:600px) { .page{width:min(100% - 24px,1240px);padding-top:22px}.topbar{height:auto;min-height:64px;padding:10px 12px}.topbar-meta{display:none!important}.shop-switcher{width:100%}.shop-switcher select{flex:1;min-width:0}.brand span:last-child{display:none}.metric-grid,.import-result{grid-template-columns:1fr}.sales-summary,.cost-summary,.shop-summary,.order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-summary div,.cost-summary div,.shop-summary>div,.order-summary>div{border-right:0;border-bottom:1px solid var(--line)}.sales-summary div:nth-child(odd),.cost-summary div:nth-child(odd),.shop-summary>div:nth-child(odd),.order-summary>div:nth-child(odd){border-right:1px solid var(--line)}.sales-summary div:nth-last-child(-n+2),.cost-summary div:nth-last-child(-n+2),.shop-summary>div:nth-last-child(-n+2),.order-summary>div:nth-last-child(-n+2){border-bottom:0}.filter-bar{align-items:stretch;flex-direction:column}.filter-bar select{width:100%}.page-heading,.section-heading,.setup-banner,.setup-complete,.cost-heading{align-items:flex-start;flex-direction:column;gap:8px}.order-detail-heading .secondary-button{width:100%}.shop-row{grid-template-columns:1fr}.shop-metrics,.shop-actions{grid-column:1}.shop-metrics{width:100%}.shop-actions .primary-button,.shop-actions .secondary-button{white-space:nowrap}.compact-search{width:100%;align-items:stretch;flex-direction:column}.compact-search input{width:100%}.cost-entry-form{grid-template-columns:1fr}.dashboard-heading .period-control{width:100%}.period-control button{flex:1}.setup-step{grid-template-columns:34px minmax(0,1fr)}.setup-step a{grid-column:1/-1;width:100%}h1{font-size:25px}.order-table-wrap{overflow:visible;border:0;background:transparent}.order-table{display:block;white-space:normal}.order-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.order-table tbody{display:grid;gap:10px}.order-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.order-table tbody td{min-width:0;display:grid;align-content:start;gap:3px;padding:7px 0;border:0;text-align:left;white-space:normal}.order-table tbody td::before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.order-table .shop-cell,.order-table .product-cell{grid-column:1/-1}.order-table .product-cell{padding-bottom:10px;border-bottom:1px solid var(--line)}.order-table .numeric{font-variant-numeric:tabular-nums}.order-table .empty-state{grid-column:1/-1;min-height:110px;place-items:center}.order-table .empty-state::before{content:none} }
@media (max-width:600px) { .data-inventory { grid-template-columns:1fr; } }
@media (max-width:600px) { .feedback-inbox-table .inline-status-form { width:100%; align-items:stretch; }.feedback-inbox-table .inline-status-form select { min-width:0; flex:1; } }

/* Public product page */
.landing-page { color:#15201d; background:#f4f6f5; }
.landing-header { position:relative; z-index:5; height:68px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:0 max(24px,calc((100vw - 1200px)/2)); border-bottom:1px solid #d9dfdc; background:#fff; }
.landing-brand { display:flex; align-items:center; gap:9px; color:#15201d; }.landing-brand:hover { text-decoration:none; }.landing-brand>span { width:30px; height:30px; display:grid; place-items:center; border-radius:5px; color:#173128; background:#84d0b4; font-weight:900; }.landing-brand strong { font-size:18px; }.landing-brand small { margin-left:2px; color:#6a7571; font-size:11px; font-weight:700; }
.landing-header nav,.landing-actions,.landing-footer nav { display:flex; align-items:center; gap:10px; }.landing-login,.landing-join { min-height:38px; display:inline-flex; align-items:center; padding:0 13px; border-radius:5px; font-weight:750; }.landing-login { color:#2d3a36; }.landing-join { border:1px solid #176b55; color:#fff; background:#176b55; }.landing-join:hover { color:#fff; text-decoration:none; background:#105b47; }
.landing-hero { position:relative; min-height:max(640px,calc(100svh - 132px)); display:flex; align-items:center; overflow:hidden; padding:56px max(24px,calc((100vw - 1200px)/2)); color:#fff; background:#13251f; }
.hero-grid { position:absolute; inset:0; opacity:.13; background-image:linear-gradient(#8faaa0 1px,transparent 1px),linear-gradient(90deg,#8faaa0 1px,transparent 1px); background-size:54px 54px; }
.landing-hero::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,#13251f 0%,rgba(19,37,31,.96) 34%,rgba(19,37,31,.48) 66%,rgba(19,37,31,.1) 100%); }
.landing-hero-copy { position:relative; z-index:3; width:min(590px,58%); }.landing-eyebrow { margin:0 0 12px; color:#78c9aa; font-size:11px; font-weight:850; letter-spacing:.08em; }.landing-hero h1 { max-width:570px; margin:0; font-size:clamp(42px,5.1vw,68px); line-height:1.02; letter-spacing:0; }.landing-hero-copy>p:not(.landing-eyebrow):not(.landing-proof) { max-width:565px; margin:22px 0 0; color:#ccdad5; font-size:17px; line-height:1.65; }.landing-actions { margin-top:28px; flex-wrap:wrap; }.landing-primary,.landing-secondary { min-height:46px; display:inline-flex; align-items:center; justify-content:center; padding:0 17px; border-radius:5px; font-weight:800; }.landing-primary { border:1px solid #84d0b4; color:#153128; background:#84d0b4; }.landing-primary:hover { color:#153128; text-decoration:none; background:#a0dcc5; }.landing-secondary { border:1px solid #789086; color:#fff; background:rgba(255,255,255,.05); }.landing-secondary:hover { color:#fff; text-decoration:none; background:rgba(255,255,255,.1); }.landing-proof { margin:16px 0 0!important; color:#94aaa2!important; font-size:12px!important; }
.hero-product-scene { position:absolute; z-index:1; top:50%; left:58%; width:min(780px,52vw); min-height:490px; padding:18px; transform:translateY(-47%) rotate(-1deg); border:1px solid rgba(196,224,213,.34); border-radius:7px; color:#17201f; background:#f5f7f6; box-shadow:0 32px 80px rgba(0,0,0,.35); }.scene-top { height:44px; display:flex; align-items:center; justify-content:space-between; padding:0 12px; border-bottom:1px solid #d9dfdc; color:#66706d; font-size:11px; font-weight:750; }.scene-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:16px 0; }.scene-metrics>div { min-height:95px; display:grid; align-content:space-between; gap:12px; padding:13px; border-left:3px solid #89928f; background:#fff; }.scene-metrics span { color:#66706d; font-size:11px; font-weight:700; }.scene-metrics strong { font-size:20px; }.scene-metrics .scene-profit { border-left-color:#176b55; background:#e4f1ec; }.scene-body { display:grid; grid-template-columns:1fr 1.25fr; gap:10px; }.scene-chart,.scene-orders { min-height:250px; border:1px solid #d9dfdc; background:#fff; }.scene-chart { display:flex; align-items:end; gap:9px; padding:26px 20px 18px; }.scene-chart span { flex:1; height:var(--h); min-width:8px; border-radius:3px 3px 0 0; background:#278169; }.scene-orders { padding:10px 14px; }.scene-orders>div { min-height:50px; display:grid; grid-template-columns:.8fr 1.25fr .7fr; align-items:center; gap:8px; border-bottom:1px solid #e3e7e5; font-size:11px; }.scene-orders>div:first-child { min-height:38px; color:#66706d; font-weight:800; }.scene-orders b { color:#176b55; text-align:right; }.scene-orders .scene-loss { color:#bd4b36; }
.landing-value { width:min(1200px,calc(100% - 48px)); display:grid; grid-template-columns:repeat(3,1fr); margin:0 auto; padding:36px 0 46px; border-bottom:1px solid #d5dcd9; }.landing-value>div { padding:0 34px; border-right:1px solid #d5dcd9; }.landing-value>div:first-child { padding-left:0; }.landing-value>div:last-child { padding-right:0; border-right:0; }.landing-value span { color:#176b55; font-size:11px; font-weight:850; }.landing-value strong { display:block; margin-top:10px; font-size:17px; }.landing-value p { margin:7px 0 0; color:#66706d; }
.landing-workflow { width:min(1200px,calc(100% - 48px)); margin:0 auto; padding:78px 0 84px; }.landing-workflow>header { width:min(620px,100%); }.landing-workflow h2,.landing-beta h2 { margin:0; font-size:36px; line-height:1.15; }.workflow-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:44px; border-top:1px solid #bdc8c3; }.workflow-steps>div { padding:25px 38px 0 0; }.workflow-steps>div+div { padding-left:38px; border-left:1px solid #d5dcd9; }.workflow-steps span { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#176b55; background:#e4f1ec; font-weight:850; }.workflow-steps h3 { margin:20px 0 7px; font-size:18px; }.workflow-steps p { margin:0; color:#66706d; line-height:1.65; }
.landing-beta { width:min(1200px,calc(100% - 48px)); display:flex; align-items:center; justify-content:space-between; gap:40px; margin:0 auto 72px; padding:42px 46px; border-radius:7px; color:#fff; background:#1b382f; }.landing-beta>div { width:min(720px,100%); }.landing-beta>div>p:last-child { margin:14px 0 0; color:#bdd0c9; font-size:15px; }.landing-beta .landing-primary { flex:none; }
.landing-footer { min-height:96px; display:flex; align-items:center; gap:28px; padding:20px max(24px,calc((100vw - 1200px)/2)); border-top:1px solid #d5dcd9; background:#fff; }.landing-footer p { margin:0; color:#66706d; }.landing-footer nav { margin-left:auto; }.landing-footer nav a { color:#53605c; }
@media (max-width:800px) { .landing-brand small { display:none; }.landing-hero { min-height:720px; align-items:flex-start; padding-top:50px; }.landing-hero::after { background:linear-gradient(180deg,#13251f 0%,rgba(19,37,31,.97) 48%,rgba(19,37,31,.58) 100%); }.landing-hero-copy { width:100%; }.landing-hero h1 { max-width:620px; font-size:42px; }.hero-product-scene { top:auto; bottom:-190px; left:22px; width:calc(100% - 44px); min-height:390px; transform:none; }.scene-metrics { grid-template-columns:repeat(2,1fr); }.scene-metrics>div { min-height:72px; }.scene-body { grid-template-columns:1fr; }.scene-chart { display:none; }.scene-orders { min-height:190px; }.landing-value,.workflow-steps { grid-template-columns:1fr; }.landing-value>div { padding:18px 0; border-right:0; border-bottom:1px solid #d5dcd9; }.landing-value>div:last-child { border-bottom:0; }.workflow-steps>div,.workflow-steps>div+div { padding:24px 0; border-left:0; border-bottom:1px solid #d5dcd9; }.landing-beta { align-items:flex-start; flex-direction:column; }.landing-footer { align-items:flex-start; flex-wrap:wrap; }.landing-footer nav { width:100%; margin-left:0; } }
@media (max-width:520px) { .landing-header { height:62px; padding:0 14px; }.landing-header nav { gap:2px; }.landing-login,.landing-join { padding:0 9px; font-size:12px; }.landing-hero { min-height:750px; padding:42px 16px; }.landing-hero h1 { font-size:36px; }.landing-hero-copy>p:not(.landing-eyebrow):not(.landing-proof) { margin-top:18px; font-size:15px; }.landing-actions { align-items:stretch; flex-direction:column; }.landing-primary,.landing-secondary { width:100%; }.hero-product-scene { bottom:-150px; left:12px; width:calc(100% - 24px); padding:10px; }.scene-metrics strong { font-size:17px; }.scene-orders>div { grid-template-columns:.75fr 1.2fr .7fr; }.landing-value,.landing-workflow,.landing-beta { width:calc(100% - 28px); }.landing-workflow { padding:58px 0; }.landing-workflow h2,.landing-beta h2 { font-size:29px; }.landing-beta { margin-bottom:48px; padding:30px 22px; }.landing-footer { padding:24px 18px; }.landing-footer p { width:100%; } }

/* Landing page refinement */
.landing-header { position:sticky; top:0; box-shadow:0 1px 0 rgba(18,34,29,.04); }
.landing-site-nav { position:absolute; left:50%; transform:translateX(-50%); gap:26px!important; }
.landing-site-nav a { color:#58645f; font-size:12px; font-weight:750; }
.landing-site-nav a:hover { color:#176b55; text-decoration:none; }
.landing-account-nav { margin-left:auto; }
.landing-hero { min-height:max(670px,calc(100svh - 124px)); }
.landing-hero-copy { width:min(575px,54%); }
.hero-product-scene { left:57%; width:min(820px,55vw); padding:0; overflow:hidden; transform:translateY(-48%) rotate(-.6deg); background:#f1f4f2; }
.scene-rail { position:absolute; inset:0 auto 0 0; width:48px; display:flex; align-items:center; flex-direction:column; gap:17px; padding-top:16px; color:#fff; background:#1a3029; }
.scene-rail b { width:26px; height:26px; display:grid; place-items:center; border-radius:4px; color:#173128; background:#84d0b4; }
.scene-rail i { width:16px; height:3px; border-radius:2px; background:#60776f; }
.scene-rail i:nth-of-type(2) { background:#84d0b4; }
.scene-canvas { margin-left:48px; padding:0 16px 16px; }
.scene-top { height:58px; padding:0 4px; }
.scene-top>span { display:grid; gap:2px; }.scene-top strong { color:#25312e; font-size:13px; }.scene-top small { color:#76817d; font-size:9px; }.scene-top em { padding:7px 9px; border:1px solid #d8dfdc; border-radius:4px; color:#66706d; background:#fff; font-size:9px; font-style:normal; }
.scene-metrics { padding:12px 0; }.scene-metrics>div { min-height:88px; box-shadow:0 1px 2px rgba(20,35,31,.04); }.scene-metrics>div small { color:#77827e; font-size:8px; }.scene-metrics .scene-profit small { color:#176b55; }
.scene-chart { min-height:250px; display:grid; grid-template-rows:auto 1fr; padding:14px 16px 16px; }
.scene-panel-title { display:flex; align-items:start; justify-content:space-between; gap:12px; }.scene-panel-title strong { font-size:11px; }.scene-panel-title small { color:#77827e; font-size:8px; }
.scene-bars { min-height:0; display:flex; align-items:end; gap:9px; padding-top:16px; background:repeating-linear-gradient(to bottom,transparent 0,transparent 44px,#edf0ef 45px); }
.scene-bars span { flex:1; height:var(--h); min-width:7px; border-radius:3px 3px 0 0; background:#278169; }
.scene-orders>div { grid-template-columns:.65fr 1.2fr .65fr .65fr; }.scene-orders em { justify-self:end; padding:3px 5px; border-radius:3px; color:#176b55; background:#e4f1ec; font-size:8px; font-style:normal; font-weight:800; }.scene-orders .scene-alert { color:#bd4b36; background:#fbe9e5; }
.landing-signal { min-height:72px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; width:min(1200px,calc(100% - 48px)); margin:0 auto; border-bottom:1px solid #d5dcd9; color:#52605b; }.landing-signal span { padding:0 28px; border-right:1px solid #d5dcd9; font-size:12px; font-weight:800; text-align:center; }.landing-signal span:last-child { border:0; }
.landing-profit-story { width:min(1200px,calc(100% - 48px)); display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); gap:90px; align-items:center; margin:0 auto; padding:104px 0; }
.profit-story-copy h2,.landing-capabilities h2 { margin:0; font-size:40px; line-height:1.12; }.profit-story-copy>p:not(.landing-eyebrow) { max-width:520px; margin:20px 0 0; color:#66706d; font-size:16px; line-height:1.7; }.profit-story-note { display:grid; gap:4px; margin-top:28px; padding:17px 0 0 18px; border-left:3px solid #176b55; }.profit-story-note span { color:#66706d; font-size:12px; }
.profit-ledger { border:1px solid #cdd6d2; border-radius:7px; overflow:hidden; background:#fff; box-shadow:0 18px 48px rgba(26,47,40,.09); }.profit-ledger header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; border-bottom:1px solid #dce2df; background:#f8faf9; }.profit-ledger header>div { display:grid; gap:4px; }.profit-ledger header span { color:#176b55; font-size:9px; font-weight:850; }.profit-ledger header strong { font-size:15px; }.profit-ledger header em { color:#66706d; font-size:11px; font-style:normal; }.profit-ledger dl { margin:0; padding:8px 20px; }.profit-ledger dl>div { min-height:45px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #edf0ef; }.profit-ledger dl>div:last-child { border:0; }.profit-ledger dt { color:#66706d; }.profit-ledger dd { margin:0; font-weight:800; font-variant-numeric:tabular-nums; }.profit-ledger .ledger-cost dd { color:#9a4e3d; }.profit-ledger footer { min-height:88px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:20px; padding:16px 20px; border-top:1px solid #b8d4ca; background:#e8f3ef; }.profit-ledger footer span { display:grid; gap:4px; }.profit-ledger footer small { color:#567069; }.profit-ledger footer strong { font-size:22px; }.profit-ledger footer>b { padding:5px 8px; border-radius:4px; color:#176b55; background:#fff; font-size:10px; }
.landing-capabilities { padding:86px max(24px,calc((100vw - 1200px)/2)); background:#fff; }.landing-capabilities>header { width:min(680px,100%); }.capability-list { margin-top:50px; border-top:1px solid #bdc8c3; }.capability-list article { min-height:110px; display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:24px; border-bottom:1px solid #dce2df; }.capability-list article>span { color:#176b55; font-size:11px; font-weight:850; }.capability-list article>div { display:grid; grid-template-columns:210px minmax(0,540px); align-items:center; gap:30px; }.capability-list h3,.capability-list p { margin:0; }.capability-list h3 { font-size:17px; }.capability-list p { color:#66706d; line-height:1.6; }.capability-list article>strong { color:#51605b; font-size:11px; text-transform:uppercase; }
.landing-workflow { padding-top:92px; }.landing-beta ul { display:flex; flex-wrap:wrap; gap:9px 20px; margin:18px 0 0; padding:0; list-style:none; }.landing-beta li { color:#d4e1dc; font-size:11px; font-weight:750; }.landing-beta li::before { margin-right:7px; color:#84d0b4; content:"✓"; }
@media (max-width:900px) { .landing-site-nav { display:none!important; }.landing-profit-story { grid-template-columns:1fr; gap:44px; padding:74px 0; }.profit-ledger { width:min(620px,100%); }.capability-list article>div { grid-template-columns:1fr; gap:7px; } }
@media (max-width:800px) { .hero-product-scene { left:22px; width:calc(100% - 44px); }.scene-canvas { margin-left:38px; }.scene-rail { width:38px; }.scene-body { display:block; }.scene-chart { display:none; }.landing-signal { grid-template-columns:repeat(2,1fr); }.landing-signal span { min-height:52px; display:grid; place-items:center; border-bottom:1px solid #d5dcd9; }.landing-signal span:nth-child(2) { border-right:0; }.landing-signal span:nth-last-child(-n+2) { border-bottom:0; }.landing-capabilities { padding-top:68px; padding-bottom:68px; } }
@media (max-width:520px) { .landing-account-nav .landing-login { display:none; }.landing-hero { min-height:780px; }.landing-signal,.landing-profit-story { width:calc(100% - 28px); }.landing-signal span { padding:0 8px; font-size:10px; }.landing-profit-story { padding:62px 0; }.profit-story-copy h2,.landing-capabilities h2 { font-size:30px; }.profit-ledger header { align-items:flex-start; flex-direction:column; gap:7px; }.profit-ledger dl { padding:8px 14px; }.profit-ledger dl>div { gap:12px; }.profit-ledger footer { grid-template-columns:1fr 1fr; padding:14px; }.profit-ledger footer>b { grid-column:1/-1; justify-self:start; }.capability-list { margin-top:34px; }.capability-list article { grid-template-columns:34px 1fr; gap:10px; padding:20px 0; }.capability-list article>strong { grid-column:2; }.landing-beta ul { display:grid; }.scene-orders>div { grid-template-columns:.7fr 1.25fr .7fr; }.scene-orders>div>*:last-child { display:none; } }
.scene-chart { align-items:stretch; }.scene-bars { height:100%; }.landing-beta li::before { width:6px; height:6px; display:inline-block; margin-right:8px; border-radius:50%; content:""; background:#84d0b4; vertical-align:1px; }
@media (max-width:800px) { .landing-hero { min-height:760px; }.landing-hero-copy { width:100%; }.hero-product-scene { top:500px; bottom:auto; height:230px; min-height:0; transform:none; }.scene-body { display:none; } }
@media (max-width:520px) { .landing-hero { min-height:760px; }.hero-product-scene { top:500px; height:230px; }.scene-top { height:48px; }.scene-metrics { padding-top:8px; }.scene-metrics>div { min-height:76px; padding:10px; } }