:root{--lip-burg:#2a0608;--lip-burg-mid:#3d0a0d;--lip-burg-light:#5c1215;--lip-burg-hover:#1e0406;--lip-cream:#e8dfc8;--lip-cream-dim:#e8dfc88c;--lip-cream-dark:#d4c9ae;--lip-bg:#fffdf8;--lip-surface:#faf7f0;--lip-border:#e2d9c4;--lip-text:#1a0304;--lip-text-muted:#6b5a4e;--lip-good-bg:#edf5e8;--lip-good-txt:#2a5a1a;--lip-warn-bg:#fff4e0;--lip-warn-txt:#7a4e00;--lip-bad-bg:#fbe8e8;--lip-bad-txt:#7a1a1a;--threshold-good:15;--threshold-warn:5;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:18px;--space-xl:24px;--radius-sm:8px;--radius-md:12px;--radius-full:999px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--topbar-height:72px;--repbar-height:56px;--tabs-height:36px;--selector-height:40px;--bottom-nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-ui);background:var(--lip-cream-dark);color:var(--lip-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font-ui);cursor:pointer;background:0 0;border:none}select{font-family:var(--font-ui)}svg{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}#app{background:var(--lip-bg);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}#topbar{background:var(--lip-burg);padding:calc(env(safe-area-inset-top) + var(--space-lg)) var(--space-lg) var(--space-lg);flex-shrink:0;justify-content:space-between;align-items:flex-end;display:flex}#rep-bar{background:var(--lip-burg-mid);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--lip-burg-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}#section-tabs{background:var(--lip-burg-mid);border-bottom:1px solid var(--lip-burg-light);flex-shrink:0;display:flex}#content{-webkit-overflow-scrolling:touch;flex:1;position:relative;overflow-y:auto}#dashboard{width:100%;min-height:100%}#bottom-nav{background:var(--lip-bg);border-top:1px solid var(--lip-border);padding:var(--space-sm) 0 max(var(--space-lg), env(safe-area-inset-bottom));flex-shrink:0;justify-content:space-around;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand-eyebrow{color:var(--lip-cream-dim);letter-spacing:1.8px;text-transform:uppercase;font-size:9px}.brand-name{color:var(--lip-cream);letter-spacing:.5px;font-size:20px;font-weight:800;line-height:1.1}.brand-name span{opacity:.75;font-weight:400}.week-chip{color:var(--lip-cream);border-radius:var(--radius-full);white-space:nowrap;background:#e8dfc826;border:1px solid #e8dfc84d;padding:4px 12px;font-size:11px}.rep-select{color:var(--lip-cream);appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23e8dfc8' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") 100% no-repeat;border:none;padding:0 18px 0 0;font-size:15px;font-weight:600}.rep-select:focus{outline:none}.rep-select option{color:var(--lip-text);background:var(--lip-bg)}.rep-region{color:var(--lip-cream-dim);letter-spacing:.3px;margin-top:2px;font-size:10px}.avatar{width:36px;height:36px;color:var(--lip-cream);background:#e8dfc82e;border:1.5px solid #e8dfc859;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.tab{padding:var(--space-sm) 0;letter-spacing:.4px;color:var(--lip-cream-dim);text-transform:uppercase;border-bottom:2px solid #0000;flex:1;font-size:10px;font-weight:600;transition:color .15s,border-color .15s}.tab.active,.tab:hover{color:var(--lip-cream);border-bottom-color:var(--lip-cream)}.nav-item{padding:0 var(--space-lg);flex-direction:column;align-items:center;gap:3px;transition:opacity .15s;display:flex}.nav-item svg{width:20px;height:20px;stroke:var(--lip-text-muted)}.nav-item span{color:var(--lip-text-muted);letter-spacing:.3px;font-size:9px}.nav-item.active svg{stroke:var(--lip-burg)}.nav-item.active span{color:var(--lip-burg);font-weight:700}.kpi-grid{padding:14px var(--space-lg);grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi-card{background:var(--lip-surface);border:1px solid var(--lip-border);border-radius:var(--radius-md);padding:12px 14px;position:relative}.kpi-card.accent{border-left:3px solid var(--lip-burg);border-radius:0 var(--radius-md) var(--radius-md) 0}.kpi-label{color:var(--lip-text-muted);text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px;padding-right:24px;font-size:9px;display:block}.kpi-icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;pointer-events:none;flex-shrink:0;width:17px;height:17px;position:absolute;top:10px;right:10px}.kpi-value{color:var(--lip-text);font-size:22px;font-weight:700;line-height:1}.kpi-value.good{color:var(--lip-good-txt)}.kpi-value.warn{color:var(--lip-warn-txt)}.kpi-value.bad{color:var(--lip-bad-txt)}.kpi-sub{color:var(--lip-text-muted);margin-top:4px;font-size:10px}.section-heading{color:var(--lip-text-muted);text-transform:uppercase;letter-spacing:.7px;padding:12px var(--space-lg) var(--space-sm);font-size:10px;font-weight:700}.divider{background:var(--lip-border);height:1px;margin:0 var(--space-lg)}.bar-list{padding:0 var(--space-lg) 14px}.bar-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);border-radius:var(--radius-sm);padding:2px 0;display:flex}.bar-row.clickable{cursor:pointer;transition:opacity .15s}.bar-row.clickable:hover{opacity:.75}.bar-label{color:var(--lip-text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:128px;font-size:11px;overflow:hidden}.bar-track{background:var(--lip-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.bar-fill{background:var(--lip-good-txt);border-radius:3px;height:100%;transition:width .4s}.bar-fill.warn{background:var(--lip-warn-txt)}.bar-fill.bad{background:var(--lip-bad-txt)}.bar-pct{color:var(--lip-text-muted);text-align:right;flex-shrink:0;width:28px;font-size:10px}.table-section{padding:12px var(--space-lg) 20px}.table-wrap{border:1px solid var(--lip-border);border-radius:var(--radius-md);overflow:hidden}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}.data-table th{padding:var(--space-sm) 10px;color:var(--lip-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--lip-surface);border-bottom:1px solid var(--lip-border);text-align:left;white-space:normal;word-break:break-word;vertical-align:bottom;font-size:9px;font-weight:700;line-height:1.3}.data-table td{padding:var(--space-sm) 10px;border-bottom:1px solid var(--lip-border);color:var(--lip-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.data-table tr:last-child td{border-bottom:none}.data-table tr:nth-child(2n) td{background:#faf7f099}.pill{border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.pill.good{background:var(--lip-good-bg);color:var(--lip-good-txt)}.pill.warn{background:var(--lip-warn-bg);color:var(--lip-warn-txt)}.pill.bad{background:var(--lip-bad-bg);color:var(--lip-bad-txt)}.report-placeholder{height:100%;color:var(--lip-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.report-placeholder .spinner{border:2px solid var(--lip-border);border-top-color:var(--lip-burg);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row-clickable{cursor:pointer;transition:background .15s}.row-clickable:hover td{background:var(--lip-surface)}.chevron-icon{stroke:var(--lip-text-muted);opacity:.4;vertical-align:middle;fill:none;stroke-width:2px;margin-left:4px}.row-clickable:hover .chevron-icon{opacity:1}.breadcrumb{padding:10px var(--space-lg) 6px;flex-wrap:wrap;align-items:center;gap:0;display:flex}.breadcrumb-item{color:var(--lip-burg);cursor:pointer;border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:0;padding:3px 6px 3px 0;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.breadcrumb-item:hover{opacity:.7}.breadcrumb-sep{color:var(--lip-text-muted);-webkit-user-select:none;user-select:none;padding:0 2px 0 0;font-size:12px}.breadcrumb-current{color:var(--lip-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;padding:3px 0;font-size:12px;font-weight:600;overflow:hidden}.detail-heading{color:var(--lip-text);padding:0 var(--space-lg) var(--space-sm);font-size:16px;font-weight:700}.brand-group-row{cursor:pointer}.brand-group-row td{text-transform:uppercase;letter-spacing:.4px;color:var(--lip-text-muted);background:var(--lip-surface);border-bottom:1px solid var(--lip-border);padding:8px 12px 6px;font-size:11px;font-weight:700}.brand-chevron{stroke:var(--lip-text-muted);fill:none;stroke-width:2px;vertical-align:middle;transition:transform .15s}.brand-group-row.expanded .brand-chevron{transform:rotate(90deg)}.brand-count{opacity:.6;font-size:10px;font-weight:400}.item-indented{padding-left:24px!important}.pacing-section{padding:0}.pacing-card{margin:0 var(--space-lg) 12px;background:var(--lip-surface);border:1px solid var(--lip-border);border-radius:var(--radius-md);padding:14px}.pacing-card.on-track{border-left:3px solid var(--lip-good-txt);border-radius:0 var(--radius-md) var(--radius-md) 0}.pacing-card.off-track{border-left:3px solid var(--lip-bad-txt);border-radius:0 var(--radius-md) var(--radius-md) 0}.pacing-status{align-items:center;gap:6px;margin-bottom:10px;display:flex}.pacing-icon{font-size:8px}.on-track .pacing-icon{color:var(--lip-good-txt)}.off-track .pacing-icon{color:var(--lip-bad-txt)}.pacing-label{font-size:12px;font-weight:700}.on-track .pacing-label{color:var(--lip-good-txt)}.off-track .pacing-label{color:var(--lip-bad-txt)}.pacing-stats{gap:16px;margin-bottom:12px;display:flex}.pacing-stat{flex-direction:column;display:flex}.pacing-stat-value{color:var(--lip-text);font-size:16px;font-weight:700;line-height:1.2}.pacing-stat-label{color:var(--lip-text-muted);letter-spacing:.2px;font-size:9px}.pacing-bar-wrap{margin-top:4px}.pacing-bar-track{background:var(--lip-border);border-radius:3px;height:6px;position:relative;overflow:visible}.pacing-bar-fill{border-radius:3px;height:100%;transition:width .4s}.pacing-bar-fill.good{background:var(--lip-good-txt)}.pacing-bar-fill.bad{background:var(--lip-bad-txt)}.pacing-bar-target{background:var(--lip-text-muted);opacity:.5;border-radius:1px;width:2px;height:12px;position:absolute;top:-3px;left:50%}.pacing-bar-legend{color:var(--lip-text-muted);justify-content:space-between;margin-top:3px;font-size:8px;display:flex}.sparkline{display:block}.narrative-wrap{padding:0 var(--space-lg)}.narrative-card{color:var(--lip-text-muted);margin-bottom:var(--space-md);font-size:13px;line-height:1.6}.narrative-card strong{color:var(--lip-text);font-weight:600}