:root{--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace}:root,[data-skin=nba]{--bg:#fafafa;--bg-card:#fff;--bg-sunken:#f2f2f0;--ink:#0a1f2d;--ink-60:rgba(10,31,45,.6);--ink-40:rgba(10,31,45,.4);--ink-20:rgba(10,31,45,.2);--ink-10:rgba(10,31,45,.1);--ink-05:rgba(10,31,45,.05);--line:rgba(10,31,45,.08);--accent-mint:#cef0d8;--accent-blue:#e9f0f4;--accent-peach:#ffefd8;--ok:#cef0d8;--ok-ink:#1f5538;--wait:#ffefd8;--wait-ink:#7a5320;--info:#e9f0f4;--info-ink:#2c5168;--bad:#ece3de;--bad-ink:#7a4b3a;--font-sans:"Geist","Inter",-apple-system,"Helvetica Neue",sans-serif;--font-serif:"Instrument Serif","Times New Roman",serif;--font-mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;--shadow-sm:0 1px 2px rgba(10,31,45,.04),0 1px 1px rgba(10,31,45,.03);--shadow-md:0 6px 20px rgba(10,31,45,.06),0 2px 6px rgba(10,31,45,.04);--shadow-lg:0 18px 48px rgba(10,31,45,.1),0 4px 12px rgba(10,31,45,.06);--brand-name:"No Bad Advice";--brand-mono:"nba."}[data-skin=heritage]{--bg:#f6f2ec;--bg-card:#fffdfa;--bg-sunken:#efe8de;--ink:#241913;--ink-60:rgba(36,25,19,.58);--ink-40:rgba(36,25,19,.4);--ink-20:rgba(36,25,19,.18);--ink-10:rgba(36,25,19,.1);--ink-05:rgba(36,25,19,.05);--line:rgba(36,25,19,.1);--accent-mint:#dce6d2;--accent-blue:#e7decf;--accent-peach:#ebd9c6;--ok:#dce6d2;--ok-ink:#4a5a33;--wait:#ebd9c6;--wait-ink:#835b33;--info:#e2d8c8;--info-ink:#6b5638;--bad:#e7d6cd;--bad-ink:#7c4a37;--shadow-sm:0 1px 2px rgba(36,25,19,.05),0 1px 1px rgba(36,25,19,.04);--shadow-md:0 6px 20px rgba(36,25,19,.07),0 2px 6px rgba(36,25,19,.05);--shadow-lg:0 18px 48px rgba(36,25,19,.12),0 4px 12px rgba(36,25,19,.07);--brand-name:"Heritage";--brand-mono:"h."}:root{--radius-card:24px;--radius-ctl:12px;--row-pad-y:13px;--num-font:var(--font-mono)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.num{font-family:var(--num-font);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--font-mono)}.serif-it{font-family:var(--font-serif);font-style:italic;font-weight:400}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{gap:11px;padding:6px 10px 22px}.brand,.brand-mark{display:flex;align-items:center}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--ink);color:var(--bg-card);justify-content:center;font-weight:700;font-size:16px;letter-spacing:-.04em;flex-shrink:0}.brand-name{font-weight:600;font-size:16.5px;letter-spacing:-.02em;line-height:1.1}.brand-sub{font:400 11.5px/1.2 var(--font-mono);color:var(--ink-40);letter-spacing:.02em;margin-top:2px}.brand-mono-dyn:after{content:var(--brand-mono)}.nav-label{font:500 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-40);padding:16px 12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-ctl);color:var(--ink-60);font-size:14.5px;font-weight:500;cursor:pointer;border:0;background:transparent;width:100%;text-align:left;transition:background .15s,color .15s;font-family:var(--font-sans)}.nav-item:hover{background:var(--ink-05);color:var(--ink)}.nav-item[aria-current=true]{background:var(--ink);color:var(--bg-card)}.nav-item[aria-current=true] .nav-ico{opacity:1}.nav-ico{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-badge{margin-left:auto;font:600 11px/1 var(--font-mono);background:var(--accent-peach);color:var(--wait-ink);padding:4px 8px;border-radius:999px;min-width:22px;text-align:center}.nav-item[aria-current=true] .nav-badge{background:hsla(0,0%,100%,.18);color:var(--bg-card)}.nav-soon{margin-left:auto;font:500 10px/1 var(--font-mono);color:var(--ink-40);border:1px solid var(--line);padding:3px 7px;border-radius:999px}.main{display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:14px 32px}.crumbs{display:flex;align-items:baseline;gap:10px;min-width:0}.crumb-h{font-size:19px;font-weight:600;letter-spacing:-.02em}.crumb-sub{font:400 13px/1 var(--font-mono);color:var(--ink-40)}.topsearch{margin-left:auto;display:flex;align-items:center;gap:9px;background:var(--bg-card);border:1px solid var(--line);border-radius:999px;padding:9px 16px;width:300px;box-shadow:var(--shadow-sm)}.topsearch input{border:0;outline:0;background:transparent;font-size:14px;font-family:var(--font-sans);color:var(--ink);width:100%}.topsearch input::placeholder{color:var(--ink-40)}.period-switch{display:flex;background:var(--ink-05);border-radius:999px;padding:3px;gap:2px}.period-opt{border:0;background:transparent;cursor:pointer;font:600 12px/1 var(--font-sans);color:var(--ink-60);padding:7px 12px;border-radius:999px;transition:all .15s;white-space:nowrap}.period-opt[aria-pressed=true]{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm)}.skin-switch{display:flex;background:var(--ink-05);border-radius:999px;padding:3px;gap:2px}.skin-opt{border:0;background:transparent;cursor:pointer;font:600 12px/1 var(--font-sans);color:var(--ink-60);padding:7px 13px;border-radius:999px;transition:all .15s}.skin-opt[aria-pressed=true]{background:var(--bg-card);color:var(--ink);box-shadow:var(--shadow-sm)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--accent-blue);color:var(--info-ink);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.canvas{padding:28px 32px 64px;max-width:1400px;width:100%}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.card-h{display:flex;align-items:center;gap:12px;margin-bottom:4px}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.card-title-sub{font:400 12.5px/1.3 var(--font-sans);color:var(--ink-60)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.kpi{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px 20px 20px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s}.kpi:hover{box-shadow:var(--shadow-md)}.kpi-label{font-size:13px;color:var(--ink-60);font-weight:500;display:flex;align-items:center;gap:7px}.kpi-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.kpi-val{font-size:30px;font-weight:600;letter-spacing:-.02em;margin-top:12px;line-height:1;white-space:nowrap}.kpi-val .unit{font-size:17px;color:var(--ink-40);margin-left:3px;font-weight:500}.kpi-meta{font-size:12.5px;color:var(--ink-40);margin-top:9px;display:flex;align-items:center;gap:6px}.kpi-accent{position:absolute;right:-22px;top:-22px;width:80px;height:80px;border-radius:50%;opacity:.5}.trend{font:600 12px/1 var(--font-mono);padding:3px 7px;border-radius:999px}.trend.up{background:var(--ok);color:var(--ok-ink)}.trend.flat{color:var(--ink-60)}.chip,.trend.flat{background:var(--ink-05)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font:500 12.5px/1 var(--font-sans);color:var(--ink);white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-40);flex-shrink:0}.chip[data-cat=product]{background:var(--accent-mint)}.chip[data-cat=material]{background:var(--accent-peach)}.chip[data-cat=color]{background:var(--accent-blue)}.chip[data-cat=product]:before{background:var(--ok-ink)}.chip[data-cat=material]:before{background:var(--wait-ink)}.chip[data-cat=color]:before{background:var(--info-ink)}.chip .n{font-family:var(--font-mono);color:var(--ink-40);font-size:11px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font:600 12px/1 var(--font-sans);white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;flex-shrink:0}.pill.s-vip{background:var(--ink);color:var(--bg-card)}.pill.s-vip:before{background:var(--accent-mint);opacity:1}.pill.s-regular{background:var(--ok);color:var(--ok-ink)}.pill.s-new{background:var(--info);color:var(--info-ink)}.pill.s-sleeping{background:var(--bad);color:var(--bad-ink)}.pill.st-ok{background:var(--ok);color:var(--ok-ink)}.pill.st-wait{background:var(--wait);color:var(--wait-ink)}.pill.st-info{background:var(--info);color:var(--info-ink)}.pill.st-bad{background:var(--bad);color:var(--bad-ink)}.tbl{width:100%;border-collapse:collapse}.tbl thead th{text-align:left;font:500 11.5px/1 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-40);padding:0 18px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tbody td.r,.tbl thead th.r{text-align:right}.tbl thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tbl thead th.sortable:hover{color:var(--ink)}.tbl thead th .arr{color:var(--ink);margin-left:4px}.tbl tbody td{padding:var(--row-pad-y) 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);vertical-align:middle}.tbl tbody tr{transition:background .12s;cursor:pointer}.tbl tbody tr:hover{background:var(--ink-05)}.tbl tbody tr:last-child td{border-bottom:0}.cell-strong{font-weight:600;letter-spacing:-.01em}.cell-sub{font-size:12px;color:var(--ink-40);margin-top:2px}.row{display:flex;align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.wrap{flex-wrap:wrap}.muted{color:var(--ink-60)}.faint{color:var(--ink-40)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;font:600 14px/1 var(--font-sans);border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap}.btn.primary{background:var(--ink);color:var(--bg-card)}.btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--ink-20)}.btn.secondary:hover{border-color:var(--ink);background:var(--ink-05)}.btn.sm{padding:8px 14px;font-size:13px}.btn.ghost{background:transparent;color:var(--ink-60)}.btn.ghost:hover{background:var(--ink-05);color:var(--ink)}.divider{height:1px;background:var(--line);width:100%}.bars{align-items:flex-end;height:120px}.bar-col,.bars{display:flex;gap:8px}.bar-col{flex:1 1;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{width:100%;max-width:30px;background:var(--accent-blue);border-radius:6px 6px 3px 3px;transition:height .4s ease,background .2s}.bar-col:hover .bar{background:var(--ink)}.bar-x{font:400 11px/1 var(--font-mono);color:var(--ink-40)}.trig{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.trig:last-child{border-bottom:0}.trig-name{font:500 13.5px/1.2 var(--font-mono)}.trig-bar-track{flex:1 1;height:8px;background:var(--ink-05);border-radius:999px;overflow:hidden}.trig-bar-fill{height:100%;border-radius:999px}.trig-n{font:600 15px/1 var(--font-mono);min-width:40px;text-align:right}@media (max-width:1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.topsearch{width:200px}}.screen-enter{opacity:1}@media (prefers-reduced-motion:no-preference){.screen-enter{animation:slideUp .4s cubic-bezier(.2,.7,.2,1)}}@keyframes slideUp{0%{transform:translateY(10px)}to{transform:none}}