:root{--bg: #f6f3ec;--bg-2: #efeadd;--surface: #ffffff;--surface-2: #faf6ec;--line: #e3dcc9;--line-2: #c9c0a8;--text: #141821;--text-dim: #5a6372;--text-mute: #8b8e97;--accent: #f5c518;--accent-2: #ffd84d;--accent-deep: #c9a000;--accent-ink: #1a1200;--danger: #d8232a;--ok: #1f9d55;--warn: #cc7a00;--chart-1: #c9a000;--chart-2: #1b6fb0;--chart-3: #d8232a;--grid: rgba(20,24,33,.08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter Tight,system-ui,-apple-system,sans-serif;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;min-height:100vh}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);font-weight:700}.facets{background-color:var(--bg-2);background-image:var(--facets-svg);background-size:380px 220px}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}.hero .eyebrow{color:#3a2c00}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;color:var(--text-dim);white-space:nowrap;cursor:pointer;transition:all .15s ease}.pill:hover{border-color:var(--line-2);color:var(--text)}.pill.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.bft-0,.bft-1,.bft-2{background:#1f6d3f;color:#d7f5e1}.bft-3,.bft-4{background:#4a8f1f;color:#edf7da}.bft-5{background:#c89f00;color:#1a1200}.bft-6{background:#e07a00;color:#1a1200}.bft-7{background:#d8232a;color:#fff}.bft-8,.bft-9{background:#9b1219;color:#fff}.bft-10,.bft-11,.bft-12{background:#4b0f12;color:#fff}.bft-muted.bft-0,.bft-muted.bft-1,.bft-muted.bft-2{background:#d9ecdf;color:#0f4023}.bft-muted.bft-3,.bft-muted.bft-4{background:#e3efcf;color:#2d5407}.bft-muted.bft-5{background:#f5e5a8;color:#5c4100}.bft-muted.bft-6{background:#f8d4a3;color:#6b3500}.bft-muted.bft-7{background:#f4b8b8;color:#7a0f14}.bft-muted.bft-8,.bft-muted.bft-9{background:#e89a9e;color:#5a070b}.bft-muted.bft-10,.bft-muted.bft-11,.bft-muted.bft-12{background:#c97478;color:#2a0306}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.stage{min-height:100dvh;display:flex;justify-content:center;background:var(--bg)}.phone{width:100%;max-width:520px;height:100dvh;position:relative;overflow:hidden}@media (min-width: 760px){.phone{max-width:820px}}@media (min-width: 1100px){.phone{max-width:1280px;border-left:1px solid var(--line);border-right:1px solid var(--line)}}.phone-screen{width:100%;height:100%;background:var(--bg);background-image:url(/header-facets.jpg);background-size:180% auto;background-position:center top;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 760px){.phone-screen{background-size:100% auto}}@media (min-width: 1100px){.phone-screen{background-size:80% auto}}.phone-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f6f3ec00,#f6f3ec8c 28%,#f6f3eceb 42%,#f6f3ec);pointer-events:none;z-index:1}.phone-screen>*{position:relative;z-index:2}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;height:70px;flex-shrink:0;border-bottom:1px solid rgba(20,24,33,.06);background:transparent;position:relative;z-index:100}.app-header img.logo{height:26px;width:auto;display:block;position:relative;z-index:2}.menu-btn{width:42px;height:42px;border-radius:12px;background:#ffffffd1;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(20,24,33,.18);display:flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0;position:relative;z-index:110}.menu-btn:hover{background:#fffffff2;border-color:var(--line-2)}.hamburger{width:20px;height:14px;position:relative}.hamburger span{display:block;position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px;transition:transform .28s cubic-bezier(.5,.2,.2,1),top .22s cubic-bezier(.5,.2,.2,1) .06s,opacity .18s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:6px}.hamburger span:nth-child(3){top:12px}.hamburger.open span:nth-child(1){top:6px;transform:rotate(45deg);transition:top .22s cubic-bezier(.5,.2,.2,1),transform .28s cubic-bezier(.5,.2,.2,1) .06s}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){top:6px;transform:rotate(-45deg);transition:top .22s cubic-bezier(.5,.2,.2,1),transform .28s cubic-bezier(.5,.2,.2,1) .06s}.region-dd{position:relative;margin:14px 16px 8px;z-index:40}@media (min-width: 1100px){.region-dd{max-width:380px;margin:14px 24px 0}}.region-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;text-align:left}.region-trigger:hover{border-color:var(--line-2)}.region-trigger .region-sub{font-size:11px;color:var(--text-mute);margin-top:2px;font-weight:400;font-family:JetBrains Mono,monospace}.region-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #0000001f;z-index:50;overflow:hidden;max-height:320px;overflow-y:auto}.region-option{display:flex;align-items:center;gap:10px;padding:11px 14px;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--text);font-family:inherit;font-size:14px;border-bottom:1px solid var(--line)}.region-option:last-child{border-bottom:none}.region-option:hover{background:var(--surface-2)}.region-option.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.region-option .region-sub{font-size:11px;color:var(--text-mute);font-family:JetBrains Mono,monospace}.region-option.active .region-sub{color:#1a1200a6}.drawer-backdrop{position:absolute;top:calc(70px + env(safe-area-inset-top));left:0;right:0;bottom:0;background:#0f121859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;opacity:0;pointer-events:none;transition:opacity .22s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer{position:absolute;top:calc(70px + env(safe-area-inset-top));right:0;bottom:0;width:78%;max-width:320px;background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line);z-index:90;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 40px #0000001f}.drawer.open{transform:translate(0)}.drawer-nav{padding:10px;display:flex;flex-direction:column}.drawer-item{display:flex;align-items:center;gap:14px;padding:14px;border:none;background:none;border-radius:10px;cursor:pointer;color:var(--text);font-family:inherit;font-size:15px;font-weight:500;text-align:left;transition:background .12s ease}.drawer-item:hover{background:var(--surface-2)}.drawer-item.active{background:var(--accent);color:var(--accent-ink)}.drawer-item .drawer-icon{width:36px;height:36px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--text-dim);flex-shrink:0}.drawer-item.active .drawer-icon{background:#1a120024;border-color:#1a12002e;color:var(--accent-ink)}.drawer-item .drawer-sub{font-size:11px;color:var(--text-mute);margin-top:2px;font-weight:400}.drawer-item.active .drawer-sub{color:#1a1200b3}.drawer-foot{margin-top:auto;padding:16px;border-top:1px solid var(--line);font-size:11px;color:var(--text-mute);line-height:1.5}.statusbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-size:15px;font-weight:600;color:var(--text);flex-shrink:0;font-family:Inter Tight,system-ui,sans-serif}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.row{display:flex;gap:12px}.col{display:flex;flex-direction:column;gap:12px}.muted{color:var(--text-dim)}.dim{color:var(--text-mute)}.screen-grid{display:flex;flex-direction:column;gap:16px;padding:0 0 24px}.sidebar-col,.main-col{display:flex;flex-direction:column;gap:16px;min-width:0}@media (min-width: 1100px){.screen-grid{display:grid;grid-template-columns:380px 1fr;gap:20px;padding:8px 24px 32px;align-items:start}.sidebar-col{position:sticky;top:8px}.sidebar-col .hero{border-radius:16px;margin:0}.sidebar-col .card.kpi-strip{flex-direction:column;margin:0}.main-col{padding:0}.main-col>*{margin:0}}@media (min-width: 1400px){.screen-grid{grid-template-columns:420px 1fr;gap:28px;padding:12px 40px 40px}}.grid-line{stroke:var(--grid);stroke-width:1}.frame-label{text-align:center;margin-top:14px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-mute);letter-spacing:.12em;text-transform:uppercase}.tweaks{position:fixed;bottom:20px;right:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;width:240px;z-index:1000;box-shadow:0 12px 40px #0006;font-size:13px}.tweaks h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-mute);margin-bottom:12px}.tweak-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.toggle{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px}.toggle button{background:none;border:none;padding:4px 10px;border-radius:999px;color:var(--text-dim);font-size:12px;cursor:pointer;font-family:inherit}.toggle button.active{background:var(--accent);color:var(--accent-ink);font-weight:600}