:root{--felt: #0b5d3b;--felt-dark: #063a25;--gold: #d4af37;--ink: #f5f5f0;--muted: #b8c9bf;--line: rgba(212, 175, 55, .35);--warn: #ffb74d;--critical: #ff5252;--positive: #7ec8a3;--amber: #ffb74d;--dashboard-max: 1400px}*{box-sizing:border-box}.hidden{display:none!important}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,#127a4f 0%,var(--felt) 45%,var(--felt-dark) 100%);color:var(--ink)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(480px,100%);padding:2rem;border:1px solid var(--line);border-radius:12px;background:#00000040}.login-card h1{margin:0 0 .75rem}.login-card p{margin:0 0 1.25rem;color:var(--muted)}.login-error{margin-top:1rem;color:var(--critical);min-height:1.25rem}.signed-in-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--line);background:#0003;color:var(--muted)}.signed-in-bar strong{color:var(--ink)}.signed-in-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.signed-in-nav a{color:var(--gold);text-decoration:none}.signed-in-nav a:hover{text-decoration:underline}.ghost-btn,.gold-btn{border-radius:8px;padding:.45rem .85rem;font:inherit;cursor:pointer}.ghost-btn{border:1px solid var(--line);background:transparent;color:var(--ink)}.gold-btn{border:1px solid var(--gold);background:#d4af3726;color:var(--gold)}.gold-btn:disabled{opacity:.45;cursor:not-allowed}.sticky-header{position:sticky;top:0;z-index:100;background:#063a25eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem .75rem;flex-wrap:wrap;max-width:var(--dashboard-max);margin:0 auto}.app-header-desc{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.filter-row{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--muted)}.filter-field select,.filter-field input[type=datetime-local]{border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem;background:#0003;color:var(--ink);font:inherit;min-width:10rem}.filter-field input[type=datetime-local]{min-width:12.5rem;color-scheme:dark}.filter-checkbox{flex-direction:row;align-items:center;gap:.4rem;padding-bottom:.35rem}.filter-checkbox input[type=checkbox]{margin:0}.date-hint{margin:0;font-size:.78rem;color:var(--muted);max-width:36rem;text-align:right}.meta-note{color:var(--muted);font-size:.9rem}.load-error{color:var(--critical)}.metrics-dashboard{padding:0 1.25rem 2rem;max-width:var(--dashboard-max);margin:0 auto}.banner{margin:.75rem 0 0;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--line)}.banner-warn{background:#ffb74d1f;border-color:#ffb74d73;color:var(--warn)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--line);margin:.75rem 0 1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:.92rem;padding:.65rem 1.1rem;white-space:nowrap;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--ink)}.tab-btn.tab-active{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}.tab-panels{min-height:200px}.tab-panel{display:none}.tab-panel-active,.tab-panel.tab-panel-active{display:block}.hero-kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.85rem;margin-bottom:1.25rem}.stat-card-gold{border-left:3px solid var(--gold)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.insight-card{padding:.85rem 1rem;border-radius:10px;background:#00000026;border:1px solid rgba(212,175,55,.2);border-left-width:4px}.insight-critical{border-left-color:var(--critical)}.insight-warning{border-left-color:var(--amber)}.insight-positive{border-left-color:var(--positive)}.insight-title{font-weight:600;font-size:.95rem;margin-bottom:.35rem;color:var(--ink)}.insight-detail{font-size:.85rem;color:var(--muted);line-height:1.45}.insight-metric{margin-top:.5rem;font-size:1.1rem;font-weight:600;color:var(--gold)}.executive-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.metrics-section{margin:1.25rem 0 1.75rem;padding:1rem 1.1rem 1.2rem;border:1px solid var(--line);border-radius:12px;background:#0000002e}.metrics-section h2{margin:0 0 .85rem;font-size:1.15rem;color:var(--gold)}.metrics-section h3{margin:1rem 0 .5rem;font-size:1rem;color:var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.stat-card{padding:.75rem .85rem;border:1px solid rgba(212,175,55,.25);border-radius:10px;background:#00000026}.stat-label{font-size:.82rem;color:var(--muted);margin-bottom:.25rem}.stat-value{font-size:1.35rem;font-weight:600;color:var(--ink)}.stat-hint{margin-top:.25rem;font-size:.78rem;color:var(--muted)}.chart-wrap{margin:.5rem 0;width:100%}.chart-legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.5rem;font-size:.82rem;color:var(--muted)}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.donut-layout{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem}.donut-legend{flex-direction:column;gap:.45rem}.legend-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.legend-label{flex:1;color:var(--muted)}.legend-pct{color:var(--ink);font-weight:600;min-width:3rem;text-align:right}.hbar-chart{display:grid;gap:.45rem}.hbar-row{display:grid;grid-template-columns:minmax(120px,28%) 1fr auto;gap:.6rem;align-items:center}.hbar-label{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{height:.65rem;border-radius:999px;background:#00000040;overflow:hidden}.hbar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#d4af378c,#d4af37f2)}.hbar-value{font-size:.85rem;color:var(--ink);min-width:3rem;text-align:right}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem}.heatmap-card{padding:.75rem;border-radius:10px;border:1px solid rgba(212,175,55,.2);background:rgba(212,175,55,calc(var(--intensity, .1) * .35))}.heatmap-label{font-size:.78rem;color:var(--muted);margin-bottom:.25rem}.heatmap-value{font-size:1.25rem;font-weight:600;color:var(--ink)}.heatmap-pct{font-size:.75rem;color:var(--muted);margin-top:.2rem}.funnel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1rem}.funnel-mini{padding:.75rem;border:1px solid rgba(212,175,55,.15);border-radius:10px;background:#0000001a}.funnel-mini h3{margin:0 0 .5rem;font-size:.95rem;color:var(--gold)}.table-wrap{overflow-x:auto;margin-top:.5rem}.metrics-table{width:100%;border-collapse:collapse;font-size:.92rem}.metrics-table th,.metrics-table td{padding:.45rem .6rem;border-bottom:1px solid rgba(212,175,55,.18);text-align:left}.metrics-table th{color:var(--gold);font-weight:600}.metrics-table tbody tr:hover{background:#ffffff08}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.75rem}.three-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:.75rem}.cosmetic-unlock-list{display:flex;flex-direction:column;gap:.35rem}.cosmetic-unlock-row{display:flex;flex-direction:row;align-items:center;gap:.65rem;padding:.35rem .45rem;border-radius:6px;transition:background .15s ease}.cosmetic-unlock-row:hover{background:#0000002e}.cosmetic-unlock-meta{display:flex;flex:1;align-items:center;gap:.5rem;min-width:0}.cosmetic-unlock-label{flex:1;font-size:.92rem;line-height:1.3}.cosmetic-unlock-count{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:600;font-size:.92rem;flex-shrink:0}.cosmetic-thumb-background{width:72px;height:40px;object-fit:cover;border-radius:4px;flex-shrink:0}.cosmetic-thumb-dealer{width:44px;height:44px;object-fit:cover;border-radius:50%;flex-shrink:0}.cosmetic-thumb-cardBack{width:32px;height:46px;object-fit:cover;border-radius:3px;flex-shrink:0}.cosmetic-thumb-placeholder{flex-shrink:0;border:1px dashed rgba(184,201,191,.45);background:#00000026}.cosmetic-thumb-placeholder-background{width:72px;height:40px;border-radius:4px}.cosmetic-thumb-placeholder-dealer{width:44px;height:44px;border-radius:50%}.cosmetic-thumb-placeholder-cardBack{width:32px;height:46px;border-radius:3px}.empty-note,.disclaimer{color:var(--muted);font-size:.92rem;margin:.35rem 0}.disclaimer{padding:.55rem .75rem;border-left:3px solid var(--gold);background:#0000001f}@media(max-width:768px){.hbar-row{grid-template-columns:1fr}.hbar-value{text-align:left}.executive-charts,.funnel-grid,.three-col{grid-template-columns:1fr}.tab-btn{padding:.55rem .75rem;font-size:.85rem}}