:root{--bg: #eef1f4;--bg-deep: #e4e9ef;--panel: #ffffff;--ink: #15202b;--muted: #5b6b7c;--line: #d5dde6;--line-strong: #b8c4d1;--accent: #0b6e6a;--accent-hover: #095955;--accent-soft: #d7efed;--accent-ink: #064845;--warn: #9a3412;--warn-soft: #ffedd5;--ok: #166534;--ok-soft: #dcfce7;--sidebar: #121a22;--sidebar-ink: #e8eef4;--sidebar-muted: #8fa0b3;--sidebar-active: #1c2a36;--focus: #0b6e6a;--shadow: 0 1px 0 rgba(21, 32, 43, .04), 0 12px 28px rgba(21, 32, 43, .06);--radius: 12px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--font: "PingFang SC", "Microsoft YaHei", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--tone-products: var(--accent);--tone-products-soft: var(--accent-soft);--tone-products-ink: var(--accent-ink);--tone-orders: #2f5f8a;--tone-orders-soft: #e7f0f8;--tone-orders-ink: #1a3f5f;--table-head-bg: #eef3f6;--table-row-alt: #f7fafb;--table-row-hover: #edf7f6;color:var(--ink);background:radial-gradient(1200px 500px at 0% -10%,rgba(11,110,106,.08),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);font-family:var(--font);font-size:15px;line-height:1.5}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}html,body,#app{height:100%;overflow:hidden}.layout{display:grid;grid-template-columns:220px 1fr;height:100vh;overflow:hidden}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-5) var(--space-4);background:linear-gradient(180deg,#16202a 0%,var(--sidebar) 55%,#0e151c 100%);color:var(--sidebar-ink);display:flex;flex-direction:column;gap:var(--space-5);border-right:1px solid rgba(255,255,255,.04)}.brand-block{padding:0 var(--space-2)}.brand{font-size:1.05rem;font-weight:700;letter-spacing:.01em}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-close{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--sidebar-ink);transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .12s var(--ease-out)}.sidebar-close:hover{background:#ffffff14;border-color:#ffffff24}.sidebar-close:active{transform:scale(.96)}.sidebar-close svg{width:20px;height:20px}.sidebar-label{display:none;margin:0;padding:0 14px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-muted)}.brand-logo{display:inline-block;width:28px;height:28px;margin-right:10px;border-radius:8px;object-fit:cover;flex-shrink:0;vertical-align:-6px}.brand-logo.mobile{width:36px;height:36px;margin-right:0;vertical-align:0;box-shadow:0 4px 12px #0b6e6a33}.brand-logo.lg{width:44px;height:44px;margin-right:0;vertical-align:0;box-shadow:0 6px 16px #0b6e6a38}.nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:var(--radius-sm);color:var(--sidebar-muted);border:1px solid transparent;transition:background .16s var(--ease-out),color .16s var(--ease-out),border-color .16s var(--ease-out),transform .12s var(--ease-out)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ffffff0a;flex-shrink:0;transition:background .16s var(--ease-out)}.nav a svg{width:18px;height:18px;flex-shrink:0;opacity:.9}.nav-text{font-weight:600;font-size:.92rem}.nav a:hover{background:#ffffff0d;color:var(--sidebar-ink)}.nav a:hover .nav-icon{background:#ffffff14}.nav a:active{transform:scale(.98)}.nav a.router-link-active{background:linear-gradient(90deg,rgba(11,110,106,.22) 0%,var(--sidebar-active) 100%);color:#fff;border-color:#0b6e6a59;box-shadow:inset 3px 0 0 var(--accent)}.nav a.router-link-active .nav-icon{background:#0b6e6a59}.nav a.router-link-active svg{opacity:1}.sidebar-foot{margin-top:auto;padding:8px 2px 2px}.sidebar-logout{width:100%;min-height:44px;background:#ffffff0f;border-color:#ffffff1a;color:var(--sidebar-ink)}.sidebar-logout:hover{background:#ffffff1a;border-color:#ffffff29}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.login-card{width:min(100%,420px);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 28px 24px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand h1{margin:0;font-size:1.2rem;letter-spacing:-.02em}.login-brand p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.login-brand .brand-logo{width:44px;height:44px;margin-right:0;vertical-align:0;flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:14px}.login-error{margin:0;padding:10px 12px;font-size:.88rem}.login-submit{width:100%;margin-top:4px}.main{min-width:0;min-height:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;padding:14px clamp(16px,2vw,28px) 14px}.main-body{flex:1;min-height:0;overflow:auto}.main-fit .main-body{overflow:hidden;display:flex;flex-direction:column}.main-fit .main-body>*{flex:1;min-height:0}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-title{margin:0;font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:700;letter-spacing:-.02em}.dash-page{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:14px;overflow:hidden}.dash-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 18px;flex-shrink:0;padding-bottom:2px}.dash-title-block{display:flex;align-items:center;gap:12px;min-height:44px}.period-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-size:.8rem;font-weight:600;letter-spacing:.01em}.dash-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 12px;min-width:0;flex:1}.year-switch-wrap{position:relative;max-width:100%;min-width:0}.year-switch-wrap:before,.year-switch-wrap:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:1;opacity:0}.year-switch-wrap:before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%)}.year-switch-wrap:after{right:0;background:linear-gradient(270deg,var(--bg) 0%,transparent 100%)}.year-switch{display:flex;gap:6px;max-width:100%;overflow-x:auto;padding:3px 2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.year-switch::-webkit-scrollbar{display:none}.year-chip{flex:0 0 auto;min-height:40px;min-width:52px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:600;font-size:.85rem;box-shadow:0 1px #15202b08;transition:background .16s var(--ease-out),color .16s var(--ease-out),border-color .16s var(--ease-out),transform .12s var(--ease-out),box-shadow .16s var(--ease-out)}.year-chip:hover{border-color:var(--line-strong);color:var(--ink);box-shadow:0 2px 8px #15202b0f}.year-chip:active{transform:scale(.97)}.year-chip.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #0b6e6a47}.dash-filter-toggle{display:none;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-weight:600;font-size:.88rem}.dash-filter-val{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-ink);background:var(--accent-soft);padding:2px 8px;border-radius:999px}.dash-toolbar{margin:0;gap:8px;align-items:end;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#ffffffb8}.dash-toolbar .field{min-width:96px}.dash-toolbar .field input{min-height:40px}.dash-toolbar .btn.chip{min-height:40px;min-width:44px}.n-chips{display:flex;gap:6px}.btn:active:not(:disabled){transform:scale(.97)}.dash-loading{display:grid;gap:12px;margin:0}.dash-skeleton-wrap{display:grid;gap:12px;animation:dash-fade-in .2s var(--ease-out)}.skeleton-block{border-radius:var(--radius);background:linear-gradient(90deg,#e8eef4,#f4f7fa,#e8eef4 90%);background-size:200% 100%;animation:dash-shimmer 1.2s ease-in-out infinite;border:1px solid var(--line);min-height:96px}.skeleton-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skeleton-charts .skeleton-block{min-height:220px}.skeleton-charts .skeleton-block:first-child{grid-column:1 / -1;min-height:200px}.dash-fade-in{animation:dash-fade-in .35s var(--ease-out)}@keyframes dash-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dash-skeleton{display:block;border-radius:var(--radius);background:linear-gradient(90deg,#e8eef4,#f4f7fa,#e8eef4 90%);background-size:200% 100%;animation:dash-shimmer 1.2s ease-in-out infinite}.kpi-skel{height:96px}.chart-skel{height:280px}@keyframes dash-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;flex-shrink:0}.kpi-strip.refreshing{opacity:.72;pointer-events:none}.kpi{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px 16px;min-height:96px;box-shadow:0 1px #15202b08,0 8px 20px #15202b0a;overflow:hidden;transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.kpi:hover{transform:translateY(-1px);border-color:var(--line-strong);box-shadow:0 2px #15202b08,0 12px 28px #15202b12}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--line-strong);border-radius:14px 0 0 14px}.kpi:after{content:"";position:absolute;right:-20%;top:-40%;width:56%;height:80%;background:radial-gradient(circle,rgba(11,110,106,.06) 0%,transparent 70%);pointer-events:none}.kpi.kpi-primary{background:linear-gradient(145deg,#f0faf9,#fff 55%);border-color:#9ed0cc}.kpi.kpi-primary:before{background:var(--accent)}.kpi.kpi-primary strong{color:var(--accent-ink)}.kpi.accent{background:linear-gradient(145deg,#f3fbfa,#fff 60%);border-color:#9ed0cc}.kpi.accent:before{background:var(--accent)}.kpi.warn{background:linear-gradient(145deg,#fff7ed,#fff 60%);border-color:#fdba74}.kpi.warn:before{background:#c2410c}.kpi .label{display:block;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:none}.kpi strong{display:block;margin-top:10px;font-family:var(--font-mono);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}.kpi em{display:block;margin-top:8px;font-style:normal;color:var(--accent-ink);font-size:.78rem;font-family:var(--font-mono);font-weight:600}.kpi.warn em{color:#9a3412}.dash-charts-scroll{min-height:0;overflow:hidden;display:flex;flex-direction:column}.dash-charts{min-height:0;flex:1;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;overflow:hidden}.chart-card{min-height:0;margin:0;padding:10px 12px 12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 1px #15202b08,0 6px 18px #15202b0a;border-color:#d8e0e8;transition:border-color .18s var(--ease-out),box-shadow .18s var(--ease-out)}.chart-card:hover{border-color:#c5d0db;box-shadow:0 2px #15202b08,0 10px 24px #15202b0f}.trend-card{grid-row:1 / 2;grid-column:1 / 2}.dash-charts .chart-card:nth-child(2){grid-row:1 / 2;grid-column:2 / 3}.dash-charts .chart-card:nth-child(3){grid-row:2 / 3;grid-column:1 / 2}.dash-charts .chart-card:nth-child(4){grid-row:2 / 3;grid-column:2 / 3}.panel-head.tight{margin-bottom:4px;align-items:center;gap:8px}.panel-head.tight.stacked{align-items:flex-start}.panel-head.tight .panel-title{font-size:.92rem}.legend.tiny{margin:0;gap:8px;font-size:.7rem}.chart-legend-row span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.chart-svg-wrap.fill{flex:1;min-height:0;display:flex}.chart-svg-wrap.fill .trend-chart{width:100%;height:100%;min-height:0}.trend-chart .dim{opacity:.28}.mini-pie{flex:1;min-height:0;display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:8px;align-items:center}.mini-pie-chart{display:flex;align-items:center;justify-content:center;min-width:0}.mini-pie svg{width:100%;height:auto;max-height:132px;display:block}.pie-center-value.sm{font-size:12px}.pie-legend.scrollable{max-height:100%;overflow:auto;gap:5px}.pie-legend.compact strong{font-size:.76rem}.pie-legend.compact span{font-size:.7rem}.prov-bars{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:space-evenly;gap:2px;overflow:hidden}.h-bar-row{display:grid;grid-template-columns:56px 1fr 48px;gap:8px;align-items:center;min-height:22px}.h-bar-name{font-size:.72rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h-bar-track{height:8px;border-radius:999px;background:#e8eef4;overflow:hidden}.h-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b6e6a,#0f766e);cursor:pointer;min-width:2px;transition:filter .14s var(--ease-out)}.h-bar-fill:hover{filter:brightness(1.08)}.h-bar-val{font-family:var(--font-mono);font-size:.7rem;color:var(--muted);text-align:right}.empty.tiny{padding:12px;font-size:.8rem}.page-desc{margin:0;color:var(--muted);max-width:52ch}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:var(--shadow);min-height:104px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out)}.stat:hover{transform:translateY(-1px);border-color:var(--line-strong)}.stat .label{color:var(--muted);font-size:.8rem;font-weight:500;letter-spacing:.02em}.stat .value{font-family:var(--font-mono);font-size:1.65rem;font-weight:600;letter-spacing:-.03em;margin-top:10px}.stat .hint{margin-top:8px;font-size:.75rem;color:var(--muted)}.detail-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.stat.name-stat .name-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}.stat.name-stat .name-value{margin-top:0;font-family:var(--font);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;min-width:0}.stat.name-stat .badge{flex-shrink:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow);margin-bottom:var(--space-4)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-title{margin:0;font-size:1rem;font-weight:650}.panel-sub{margin:4px 0 0;color:var(--muted);font-size:.85rem}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.field{display:flex;flex-direction:column;gap:6px;min-width:148px}.field.grow{flex:1;min-width:200px}.field label{font-size:.78rem;font-weight:500;color:var(--muted)}.field input,.field select{min-height:44px;border:1px solid var(--line);background:#fbfcfd;border-radius:var(--radius-sm);padding:0 12px;transition:border-color .16s var(--ease-out),background .16s var(--ease-out)}.field input:hover,.field select:hover{border-color:var(--line-strong)}.field input:focus-visible,.field select:focus-visible{background:#fff;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:600;transition:background .16s var(--ease-out),transform .12s var(--ease-out)}.btn:hover{background:var(--accent-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line);font-weight:500}.btn.secondary:hover{background:#f5f7fa;border-color:var(--line-strong)}.btn.chip{min-height:36px;padding:0 12px;background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.btn.chip:hover{background:#c7e8e5}.btn.chip.active{background:var(--accent);color:#fff}.table-wrap{overflow-x:auto;margin:0 calc(var(--space-5) * -1);padding:0 var(--space-5)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle}th{color:var(--muted);font-weight:600;font-size:.78rem;letter-spacing:.03em;text-transform:none;white-space:nowrap;background:#f8fafc;position:sticky;top:0;z-index:1}tbody tr{transition:background .12s var(--ease-out)}tr.clickable{cursor:pointer}tr.clickable:hover,tbody tr:hover{background:#f4f8f8}td.mono,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sort-th{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 6px;margin:-4px -6px;border:none;background:transparent;color:inherit;font:inherit;font-weight:600;border-radius:6px;transition:color .14s var(--ease-out),background .14s var(--ease-out)}.sort-th:hover,.sort-th.active{color:var(--accent-ink);background:#0b6e6a14}.sort-icons{display:inline-flex;flex-direction:column;gap:2px;width:10px}.sort-up,.sort-down{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.28}.sort-up{border-bottom:5px solid currentColor}.sort-down{border-top:5px solid currentColor}.sort-up.on,.sort-down.on{opacity:1;color:var(--accent)}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:6px;font-size:.75rem;font-weight:600}.badge.active{background:var(--ok-soft);color:var(--ok)}.badge.churned{background:var(--warn-soft);color:var(--warn)}.badge.no_order{background:#eef2f6;color:var(--muted)}.pager,.table-pager{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;color:var(--muted);font-size:.85rem;flex-shrink:0}.pager .count,.table-pager .count{margin-right:auto;font-family:var(--font-mono);font-size:.8rem}.table-pager .btn.secondary{min-height:36px;padding:0 12px}.pager-size,.pager-jump{display:inline-flex;align-items:center;gap:6px;min-height:36px}.pager-size select,.pager-jump input{min-height:36px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;padding:0 8px;font-family:var(--font-mono)}.pager-size select{min-width:64px}.pager-jump input{width:56px;text-align:center}.list-page{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden}.list-page:has(.drill-banner){grid-template-rows:auto auto auto minmax(0,1fr)}.list-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;flex-shrink:0;min-height:40px}.list-header .page-title{margin:0}.list-filters{margin:0;padding:10px 12px;flex-shrink:0;box-shadow:none}.list-filters .toolbar{margin:0;gap:8px}.list-filters .field input,.list-filters .field select,.list-filters .btn{min-height:40px}.list-table-card{min-height:0;margin:0;padding:10px 12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.list-table-card .table-scroll{flex:1;min-height:0}.mono-hint{font-family:var(--font-mono);font-size:.75rem}.detail-page{height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;overflow:hidden}.detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;flex-shrink:0}.detail-header .page-title{margin:0}.detail-header .error.inline{margin:0;padding:6px 10px}.detail-summary.compact{margin-bottom:0;gap:8px}.detail-summary.compact .stat{min-height:72px;padding:10px 12px;box-shadow:none}.detail-summary.compact .stat .value{font-size:1.35rem;margin-top:6px}.detail-summary.compact .name-value{font-size:1.15rem}.detail-body{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:12px;overflow:hidden}.detail-tables-row{min-height:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:12px;align-items:stretch;overflow:hidden}.detail-card{min-height:0;margin:0;padding:10px 12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:none}.detail-tables-row>.detail-table-card{min-width:0;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.detail-table-card{--card-tone: var(--tone-products);--card-tone-soft: var(--tone-products-soft);--card-tone-ink: var(--tone-products-ink);padding:0;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:14px;background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.detail-table-card--products{border-top:3px solid var(--tone-products)}.detail-table-card--orders{--card-tone: var(--tone-orders);--card-tone-soft: var(--tone-orders-soft);--card-tone-ink: var(--tone-orders-ink);border-top:3px solid var(--tone-orders)}.detail-table-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);padding:14px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--card-tone) 8%,transparent) 0,transparent 42%),linear-gradient(180deg,#f8fbfc,#fff);border-bottom:1px solid var(--line);flex-shrink:0}.detail-table-head-main{display:flex;align-items:flex-start;gap:12px;min-width:0}.detail-table-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--card-tone-soft);color:var(--card-tone-ink)}.detail-table-mark svg{width:18px;height:18px}.detail-table-head-copy{min-width:0}.detail-table-head .panel-title{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:var(--ink)}.detail-table-desc{margin:3px 0 0;color:var(--muted);font-size:.78rem;line-height:1.4}.detail-table-meta{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;flex-shrink:0}.meta-stat{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:72px;padding:8px 12px;border-radius:10px;border:1px solid var(--line);background:#fff}.meta-stat.accent{border-color:color-mix(in srgb,var(--tone-products) 35%,var(--line));background:color-mix(in srgb,var(--tone-products-soft) 70%,#fff)}.meta-stat.orders{border-color:color-mix(in srgb,var(--tone-orders) 30%,var(--line));background:color-mix(in srgb,var(--tone-orders-soft) 70%,#fff)}.meta-stat-label{color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.04em}.meta-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;color:var(--ink);line-height:1.1}.meta-stat.accent .meta-stat-value{color:var(--tone-products-ink)}.meta-stat.orders .meta-stat-value{color:var(--tone-orders-ink)}.detail-table-wrap{flex:1;min-height:0;margin:0;padding:0;background:#fff}.detail-data-table{min-width:520px;width:100%;border-collapse:separate;border-spacing:0}.detail-tables-row .detail-data-table{min-width:460px}.detail-tables-row .detail-table-head{padding:12px 14px;gap:8px 10px}.detail-tables-row .detail-table-mark{width:32px;height:32px;border-radius:9px}.detail-tables-row .detail-table-mark svg{width:16px;height:16px}.detail-tables-row .detail-table-head .panel-title{font-size:.95rem}.detail-tables-row .detail-table-desc{font-size:.72rem}.detail-tables-row .meta-stat{min-width:58px;padding:6px 10px}.detail-tables-row .meta-stat-value{font-size:1.02rem}.detail-tables-row .detail-data-table tbody td{padding:10px}.detail-tables-row .detail-data-table .col-product{width:38%}.detail-tables-row .detail-table-pager{padding:8px 10px;gap:6px}.detail-tables-row .detail-table-pager .btn.secondary{min-height:34px;padding:0 10px}.detail-tables-row .pager-size select,.detail-tables-row .pager-jump input{min-height:34px}.detail-data-table thead th{top:0;padding:10px 12px;background:var(--table-head-bg);border-bottom:1px solid var(--line-strong);color:#4a5d6f;font-size:.74rem;font-weight:700;letter-spacing:.05em}.detail-data-table thead th.col-num{text-align:right}.detail-data-table thead th.col-num .sort-th{justify-content:flex-end;width:100%}.detail-data-table tbody td.col-num{text-align:right}.detail-data-table thead th.col-date,.detail-data-table tbody td.col-date{white-space:nowrap}.detail-data-table tbody td{padding:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);font-size:.88rem;vertical-align:middle;line-height:1.4;transition:background .14s var(--ease-out)}.detail-data-table tbody tr.detail-row{position:relative}.detail-data-table tbody tr.detail-row:nth-child(2n){background:var(--table-row-alt)}.detail-data-table tbody tr.detail-row:focus{outline:none}.detail-data-table tbody tr.detail-row.selected{background:color-mix(in srgb,var(--card-tone-soft) 72%,#fff);box-shadow:inset 3px 0 0 var(--card-tone)}.detail-data-table tbody tr.detail-row.selected .cell-product-name{color:var(--card-tone-ink)}.detail-data-table tbody tr.detail-row.selected .row-go{opacity:1;color:var(--card-tone-ink);background:var(--card-tone-soft)}.detail-table-wrap.refreshing{opacity:.62;pointer-events:none;transition:opacity .16s var(--ease-out)}.detail-filter-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 14px;border-bottom:1px solid color-mix(in srgb,var(--tone-orders) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--tone-orders-soft) 75%,#fff),#fff);flex-shrink:0}.detail-filter-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tone-orders-ink);font-size:.84rem;font-weight:650}.detail-filter-copy{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.detail-filter-label{flex-shrink:0;display:inline-flex;align-items:center;min-height:24px;margin-top:2px;padding:0 8px;border-radius:999px;background:var(--tone-orders);color:#fff;font-size:.72rem;font-weight:700}.detail-filter-clear{min-height:34px;padding:0 12px;flex-shrink:0}.detail-data-table tbody tr.detail-row:active{transform:none;background:color-mix(in srgb,var(--card-tone-soft) 70%,#fff)}.detail-data-table .col-idx{width:44px;color:var(--muted);font-size:.78rem;text-align:center;opacity:.75}.detail-data-table--products .col-idx{opacity:1}.row-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-strong);background:#fff;color:#fff;transition:background .14s var(--ease-out),border-color .14s var(--ease-out)}.row-check svg{width:12px;height:12px}.row-check.on{border-color:var(--card-tone);background:var(--card-tone)}.detail-filter-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;flex:1}.filter-chip{display:inline-flex;align-items:center;gap:4px;max-width:180px;min-height:28px;padding:0 8px 0 10px;border:1px solid color-mix(in srgb,var(--tone-orders) 28%,var(--line));border-radius:999px;background:#fff;color:var(--tone-orders-ink);font-size:.76rem;font-weight:650;cursor:pointer;transition:background .14s var(--ease-out),border-color .14s var(--ease-out)}.filter-chip:hover{background:var(--tone-orders-soft);border-color:var(--tone-orders)}.filter-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-chip-x{flex-shrink:0;font-size:1rem;line-height:1;opacity:.65}.detail-data-table .col-product{max-width:0;width:46%}.detail-data-table .col-action{width:40px;text-align:center}.cell-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.cell-product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--ink);font-weight:650;line-height:1.35}.cell-product-model{color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-val{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:28px;padding:0 8px;border-radius:8px;background:#eef2f6;color:var(--ink);font-weight:700;font-size:.84rem}.metric-val--accent{background:var(--card-tone-soft);color:var(--card-tone-ink)}.date-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:8px;background:#f1f4f7;color:#3d4f61;font-size:.8rem;font-weight:650;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.platform-tag{display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--tone-orders) 22%,var(--line));background:#fff;color:var(--tone-orders-ink);font-size:.76rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-tag[data-tone=wechat]{border-color:color-mix(in srgb,#16a34a 28%,var(--line));background:#f0fdf4;color:#166534}.platform-tag[data-tone=public]{border-color:color-mix(in srgb,#d97706 28%,var(--line));background:#fffbeb;color:#92400e}.platform-tag[data-tone=mall]{border-color:color-mix(in srgb,#ea580c 28%,var(--line));background:#fff7ed;color:#9a3412}.row-go{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--muted);opacity:.35;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),background .16s var(--ease-out),color .16s var(--ease-out)}.row-go svg{width:16px;height:16px}.detail-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 16px;color:var(--muted);text-align:center}.detail-empty strong{color:var(--ink);font-size:.95rem}.detail-empty span{font-size:.82rem}.detail-table-pager{margin:0;padding:10px 14px;border-top:1px solid var(--line);background:#f7fafb}.detail-table-pager .count{font-weight:650;color:#4a5d6f}@media(hover:hover)and (pointer:fine){.detail-data-table tbody tr.detail-row:hover{background:var(--table-row-hover)}.detail-data-table tbody tr.detail-row:hover .cell-product-name{color:var(--card-tone-ink)}.detail-data-table tbody tr.detail-row:hover .row-go{opacity:1;color:var(--card-tone-ink);background:var(--card-tone-soft);transform:translate(2px)}.detail-table-card--orders .detail-data-table tbody tr.detail-row:hover{background:color-mix(in srgb,var(--tone-orders-soft) 55%,#fff)}}@media(prefers-reduced-motion:reduce){.detail-data-table tbody td,.row-go{transition:none}}.info-card{flex-shrink:0}.info-scroll{max-height:140px;overflow:auto}.table-scroll{flex:1;min-height:0;overflow:auto;margin:0 -4px;padding:0 4px}.info-list{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.info-list .kv{grid-template-columns:72px 1fr;padding:6px 0;border-bottom:1px solid var(--line)}.table-scroll table{min-width:520px;width:100%}.table-scroll th{position:sticky;top:0;z-index:1}.legend{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:.8rem}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.legend .orders{background:var(--accent)}.legend .new{background:#7a8fa3}.legend .churn{background:#c2410c;border-radius:999px}.legend .repurchase{background:#2563eb;border-radius:999px}.grid-2,.charts-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-4);align-items:stretch}.chart-svg-wrap{width:100%;overflow-x:auto}.trend-chart{width:100%;height:100%;display:block}.grid-line{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.axis-label{fill:var(--muted);font-size:11px;font-family:var(--font-mono)}.bar-orders,.bar-new,.churn-dot,.repurchase-dot,.pie-slice,.h-bar-fill{touch-action:manipulation}.bar-orders{fill:var(--accent);cursor:pointer}.bar-new{fill:#7a8fa3;cursor:pointer}.bar-orders:hover{fill:var(--accent-hover)}.bar-new:hover{fill:#64748b}.bar-value{fill:var(--accent-ink);font-size:10px;font-family:var(--font-mono);pointer-events:none}.bar-value.secondary{fill:#475569}.churn-line{stroke:#c2410c;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.churn-dot{fill:#fff;stroke:#c2410c;stroke-width:2.5;cursor:pointer}.churn-dot:hover{fill:#c2410c}.repurchase-line{stroke:#2563eb;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:0}.repurchase-dot{fill:#fff;stroke:#2563eb;stroke-width:2.5;cursor:pointer}.repurchase-dot:hover{fill:#2563eb}.line-value{fill:#9a3412;font-size:10px;font-family:var(--font-mono);pointer-events:none}.pie-slice{cursor:pointer;transition:opacity .14s var(--ease-out)}.pie-slice:hover{opacity:.88}.pie-hole{fill:#fff}.pie-center-label{fill:var(--muted);font-size:11px}.pie-center-value{fill:var(--ink);font-size:14px;font-family:var(--font-mono);font-weight:600}.pie-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pie-legend.compact{gap:6px}.pie-legend li{display:flex;gap:8px;align-items:flex-start}.pie-legend i{width:10px;height:10px;border-radius:3px;margin-top:3px;flex-shrink:0}.pie-legend strong{display:block;font-size:.85rem}.pie-legend span{display:block;color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-top:1px}.chart-tooltip{position:fixed;z-index:50;pointer-events:none;background:#15202b;color:#f8fafc;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.45;box-shadow:0 8px 24px #0f172040;max-width:220px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.kv{display:grid;grid-template-columns:110px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.kv dt{margin:0;color:var(--muted);font-size:.85rem}.kv dd{margin:0;font-weight:500}.drill-link{color:var(--accent-ink);text-decoration:underline;text-decoration-color:#0b6e6a59;text-underline-offset:3px}.drill-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);border-color:#9ed0cc;background:linear-gradient(180deg,#f3fbfa,#fff 70%)}.muted{color:var(--muted)}.error{color:var(--warn);background:var(--warn-soft);border:1px solid #fdba74;border-radius:var(--radius-sm);padding:12px 14px}.empty{text-align:center;padding:36px 16px;color:var(--muted)}.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 1px #15202b0a;transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .12s var(--ease-out)}.nav-toggle:hover{border-color:var(--line-strong);background:#f8fafc}.nav-toggle:active{transform:scale(.96)}.nav-toggle-bars{position:relative;width:18px;height:14px;display:block}.nav-toggle-bars span{position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:var(--ink);transition:transform .18s var(--ease-out),opacity .16s var(--ease-out),top .18s var(--ease-out)}.nav-toggle-bars span:nth-child(1){top:0}.nav-toggle-bars span:nth-child(2){top:6px}.nav-toggle-bars span:nth-child(3){top:12px}.nav-toggle-bars.open span:nth-child(1){top:6px;transform:rotate(45deg)}.nav-toggle-bars.open span:nth-child(2){opacity:0}.nav-toggle-bars.open span:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-bar{display:none;align-items:center;gap:12px;margin-bottom:var(--space-4)}.mobile-bar-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.mobile-bar-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.mobile-bar-copy strong{font-size:.98rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-bar-copy span{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.nav-locked{overflow:hidden;touch-action:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1280px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{min-height:92px}.kpi strong{font-size:clamp(1.35rem,2.4vw,1.75rem)}.detail-tables-row .col-date-secondary{display:none}}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary{grid-template-columns:1.2fr 1fr 1fr}.detail-tables-row{grid-template-columns:1fr;overflow:visible}.detail-tables-row>.detail-table-card{min-height:280px}.detail-tables-row .col-date-secondary{display:table-cell}.grid-2,.charts-grid{grid-template-columns:1fr}.dash-charts-scroll{overflow:visible;flex:none}.dash-charts{grid-template-columns:1fr;grid-template-rows:none;gap:14px;overflow:visible}.trend-card,.dash-charts .chart-card:nth-child(2),.dash-charts .chart-card:nth-child(3),.dash-charts .chart-card:nth-child(4){grid-row:auto;grid-column:auto}.dash-charts .chart-card{min-height:auto;height:auto}.trend-card .chart-svg-wrap.fill{flex:none;min-height:0;aspect-ratio:640 / 200;max-height:220px}.mini-pie-stack{grid-template-columns:1fr;grid-template-rows:auto auto;gap:14px;align-items:stretch;min-height:auto}.mini-pie-stack .mini-pie-chart{padding:6px 0 2px}.mini-pie-stack svg{max-width:168px;max-height:168px;margin:0 auto}.mini-pie-stack .pie-legend{width:100%;max-height:none;overflow:visible;display:grid;grid-template-columns:1fr;gap:8px}.mini-pie-stack .pie-legend li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(180deg,#fbfcfd,#fff)}.mini-pie-stack .pie-legend i{width:12px;height:12px;margin-top:0;border-radius:4px}.mini-pie-stack .pie-legend strong{font-size:.82rem}.mini-pie-stack .pie-legend span{font-size:.74rem;margin-top:2px}.panel-head.tight.stacked{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--line)}.legend.chart-legend-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;width:100%}.legend.chart-legend-row span{min-height:32px;padding:4px 8px;border-radius:6px;background:#f4f7fa;font-size:.72rem}.prov-bars{gap:10px;justify-content:flex-start;padding-top:4px}.h-bar-row{grid-template-columns:52px 1fr 52px;min-height:36px;gap:10px}.h-bar-track{height:10px}.h-bar-name{font-size:.76rem}.h-bar-val{font-size:.74rem;font-weight:600;color:var(--ink)}}@media(max-width:900px){html,body,#app{overflow:auto;height:auto}.layout{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,88vw);z-index:40;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-105%);transition:transform .24s var(--ease-out);box-shadow:none;gap:14px}.sidebar.open{transform:translate(0);box-shadow:16px 0 48px #080c1259}.sidebar-top{padding:4px 2px 8px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-close{display:inline-flex}.sidebar-label{display:block}.nav{gap:8px}.nav a{min-height:52px;padding:0 14px;border-radius:12px}.nav-icon{width:38px;height:38px;border-radius:11px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a101885;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;animation:backdrop-in .22s var(--ease-out)}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}.mobile-bar{display:flex;position:sticky;top:0;z-index:20;background:#eef1f4f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:calc(-14px - env(safe-area-inset-top,0px)) -12px 10px;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;border-bottom:1px solid var(--line);box-shadow:0 1px #ffffffa6}.nav-toggle{display:inline-flex}.main{height:auto;overflow:visible;padding:14px 12px 28px}.main-fit .main-body{overflow:visible;display:block}.dash-page,.detail-page,.list-page{height:auto;overflow:visible;display:flex;flex-direction:column;gap:12px}.list-page:has(.drill-banner){grid-template-rows:none}.list-table-card{min-height:320px}.list-table-card .table-scroll{max-height:55vh}.detail-body{grid-template-columns:1fr;grid-template-rows:none;overflow:visible}.detail-tables-row{grid-template-columns:1fr;overflow:visible}.detail-card{min-height:220px}.detail-table-head{padding:12px}.detail-table-meta{width:100%}.detail-data-table .col-product{width:auto;max-width:none}.detail-data-table{min-width:560px}.info-card{min-height:0}.info-scroll{max-height:none}.info-list{grid-template-columns:1fr}.table-scroll{max-height:360px}.dash-header{flex-direction:column;align-items:stretch;gap:10px}.dash-controls{flex-direction:column;align-items:stretch;gap:8px}.year-switch-wrap:before,.year-switch-wrap:after{opacity:1}.year-switch{width:100%;padding-bottom:4px}.year-chip{min-height:44px;min-width:56px}.dash-filter-toggle{display:flex}.dash-toolbar{width:100%;justify-content:space-between;display:none;border:none;padding:0;background:transparent}.dash-toolbar.open{display:flex;padding:10px 12px;border:1px solid var(--line);background:#fff}.dash-charts-scroll{overflow:visible;flex:none}.dash-charts{grid-template-columns:1fr;grid-template-rows:none;overflow:visible;gap:14px}.trend-card,.dash-charts .chart-card:nth-child(2),.dash-charts .chart-card:nth-child(3),.dash-charts .chart-card:nth-child(4){grid-row:auto;grid-column:auto}.dash-charts .chart-card{min-height:auto;height:auto;padding:14px 14px 16px}.trend-card .chart-svg-wrap.fill{flex:none;aspect-ratio:640 / 200;max-height:200px}.mini-pie-stack svg{max-width:152px;max-height:152px}.mini-pie-stack .pie-legend li{padding:9px 10px}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{min-height:104px;padding:14px 14px 16px}.kpi:hover{transform:none}.kpi strong{font-size:1.65rem}.stat-grid{grid-template-columns:1fr 1fr}.detail-summary,.detail-grid{grid-template-columns:1fr}table{min-width:640px}.chart-tooltip{max-width:min(220px,calc(100vw - 24px))}}@media(max-width:480px){.dash-page{gap:10px}.kpi-strip{grid-template-columns:1fr 1fr;gap:8px}.kpi{min-height:92px;padding:12px;border-radius:12px}.kpi strong{font-size:1.45rem}.kpi.kpi-primary{grid-column:1 / -1;min-height:88px}.n-chips{display:flex;flex-wrap:wrap}.dash-toolbar.open{flex-direction:column;align-items:stretch}.dash-toolbar .field{width:100%}.dash-charts{gap:12px}.dash-charts .chart-card{padding:12px}.trend-card .chart-svg-wrap.fill{max-height:180px}.mini-pie-stack svg{max-width:140px;max-height:140px}.legend.chart-legend-row{grid-template-columns:1fr 1fr;gap:6px}.legend.chart-legend-row span{min-height:36px;justify-content:center}.h-bar-row{grid-template-columns:40px 1fr 44px;gap:6px;min-height:40px}.h-bar-name{font-size:.68rem}.h-bar-val{font-size:.66rem}.panel-head.tight{flex-wrap:wrap}.chart-tooltip{max-width:min(220px,calc(100vw - 24px));font-size:11px}}