:root{--wine: #5A0B1D;--wine-hover: #6C1128;--wine-dark: #430816;--wine-soft: rgba(90, 11, 29, .08);--sidebar-bg: #4C0818;--sidebar-active: #6B1327;--rose: #E1C2C7;--rose-soft: rgba(225, 194, 199, .35);--rose-mid: #C99CA3;--mauve: #7E7275;--blue: #2563EB;--blue-soft: rgba(37, 99, 235, .09);--gold: var(--blue);--gold-soft: var(--blue-soft);--amber: var(--blue);--amber-soft: var(--blue-soft);--pink: var(--wine);--pink-soft: var(--wine-soft);--teal: var(--blue);--teal-soft: var(--blue-soft);--purple: var(--rose-mid);--purple-soft: rgba(201, 156, 163, .18);--positive: #16A34A;--positive-soft: rgba(22, 163, 74, .09);--negative: #DC2626;--negative-soft: rgba(220, 38, 38, .09);--bg: #F8F5F3;--card: #FFFFFF;--border: #ECE4E0;--text: #2D2326;--muted: #7E7275;--muted-2: #B7ABA8;--shadow-card: 0 8px 25px rgba(0,0,0,.05);--radius-lg: 20px;--radius-md: 18px;--radius-sm: 14px;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg)}body{margin:0;font-family:var(--font-body);color:var(--text)}.app-shell{display:flex;min-height:100vh;align-items:flex-start}.sidebar{width:280px;flex-shrink:0;min-height:100vh;background:var(--sidebar-bg);display:flex;flex-direction:column;padding:28px 18px;position:sticky;top:0}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px 28px}.sidebar-logo img{width:96px;height:96px;object-fit:contain}.sidebar-logo .wordmark{font-family:var(--font-display);font-weight:700;color:#fff;font-size:15px;letter-spacing:.04em;text-align:center;line-height:1.3}.sidebar-logo .wordmark small{display:block;font-family:var(--font-body);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:#ffffff8c;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;color:#ffffffad;font-size:13.5px;font-weight:600;cursor:pointer;border:none;background:transparent;text-align:left;width:100%;white-space:nowrap}.sidebar-item:hover{background:#ffffff0f;color:#fff}.sidebar-item.active{background:var(--sidebar-active);color:#fff}.sidebar-item .soon-tag{margin-left:auto;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#ffffff1f;color:#ffffffb3;padding:2px 6px;border-radius:100px}.sidebar-account{margin-top:20px;display:flex;align-items:center;gap:10px;text-align:left;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;width:100%}.sidebar-account:hover,.sidebar-account.active{background:#ffffff24}.sidebar-account-avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--wine-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-account .label{font-size:10.5px;color:#ffffff8c;font-weight:600}.sidebar-account .handle{font-family:var(--font-display);color:#fff;font-size:13.5px;font-weight:700;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.main{flex:1;min-width:0}.app-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 32px;background:#f8f5f3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--wine-dark);letter-spacing:-.01em}.app-header .greeting-sub{font-size:13.5px;color:var(--muted);margin-top:2px}.header-avatar{width:38px;height:38px;border-radius:50%;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.content{padding:24px 32px 80px;max-width:1500px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:transform .15s,box-shadow .15s}.card.hoverable:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000012}.section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-display)}.section-sub{color:var(--muted);font-size:12.5px;margin:-8px 0 16px;line-height:1.5}label.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:4px;font-weight:500}input,select{background:#fff;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;font-family:var(--font-body)}input:focus,select:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 3px #5a0b1d1a}button{font-family:inherit}.btn{border-radius:var(--radius-sm);padding:9px 16px;height:40px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--rose-mid)}.btn-primary{background:var(--wine);border-color:var(--wine);color:#fff}.btn-primary:hover{background:var(--wine-hover);border-color:var(--wine-hover)}.btn-ghost{background:transparent;border:none;color:var(--muted);padding:4px 6px;cursor:pointer}.btn-ghost:hover{color:var(--text)}.pill-group{display:inline-flex;background:var(--rose-soft);border-radius:11px;padding:3px;gap:2px}.pill{border:none;background:transparent;padding:7px 13px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--mauve);cursor:pointer}.pill.active{background:#fff;color:var(--wine-dark);box-shadow:0 1px 2px #3a14201a}.badge{display:inline-block;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:10px;border-bottom:1px solid var(--border);background:#fbf9f8}td{padding:12px 10px;border-bottom:1px solid #F2ECE9}tr.discrepancy td{background:var(--amber-soft)}tr:hover td{background:#fbf9f8}tr.discrepancy:hover td{background:#2563eb24}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.metric-value{font-size:21px;font-weight:700;letter-spacing:-.01em}.metric-delta{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:3px;margin-top:4px}.kpi-row{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:16px;margin-bottom:24px}.kpi-card{border-radius:var(--radius-lg);padding:20px 22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-card)}.kpi-card.featured{background:var(--wine);color:#fff}.kpi-card.plain{background:var(--card);border:1px solid var(--border);color:var(--text)}.kpi-label{font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:5px}.kpi-card.featured .kpi-label{color:#ffffffbf}.kpi-card.plain .kpi-label{color:var(--muted)}.kpi-value{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px}.kpi-card.plain .kpi-value{font-size:24px}.kpi-delta{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:6px}.kpi-card.featured .kpi-delta.up{color:#8fe3b2}.kpi-card.featured .kpi-delta.down{color:#f3a6a0}.kpi-progress-track{height:6px;border-radius:100px;background:#fff3;overflow:hidden;margin-top:10px}.kpi-progress-fill{height:100%;background:#fff;border-radius:100px}.kpi-sparkline{margin-top:6px}.insight-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.insight-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-title{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.insight-desc{font-size:12.5px;color:var(--muted);line-height:1.5}.goal-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bar-row{margin-bottom:14px}.bar-row:last-child{margin-bottom:0}.bar-row-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}.bar-row-head .name{display:flex;align-items:center;gap:8px;font-weight:600}.bar-row-head .value{color:var(--muted);font-size:12.5px}.bar-track{height:10px;border-radius:100px;background:var(--wine-soft);overflow:hidden}.bar-fill{height:100%;border-radius:100px}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F2ECE9}.rank-row:last-child{border-bottom:none}.rank-badge{width:20px;height:20px;border-radius:6px;background:var(--wine-soft);color:var(--wine);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-badge.gold{background:var(--wine);color:#fff}.combobox-wrap{position:relative}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);max-height:260px;overflow-y:auto;z-index:30;box-shadow:0 8px 24px #3a142024}.combobox-option{padding:9px 12px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center}.combobox-option:hover,.combobox-option.highlighted{background:var(--wine-soft)}.scroll-x{overflow-x:auto}.anchor-target{scroll-margin-top:110px}.section-nav{display:flex;gap:4px;overflow-x:auto;padding:10px 0 2px}.section-nav-btn{flex-shrink:0;background:#fff;border:1px solid var(--border);color:var(--mauve);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.section-nav-btn:hover{color:var(--wine-dark);border-color:var(--rose-mid)}.scope-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:100px;padding:6px 12px 6px 8px}.scope-toggle input{width:15px;height:15px;margin:0;cursor:pointer}.scope-toggle.active{color:var(--wine-dark);border-color:var(--blue);background:var(--blue-soft)}.product-image{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid var(--border);background:#f7f1f0;flex-shrink:0}.product-image-placeholder{width:64px;height:64px;border-radius:10px;border:1px dashed var(--border);background:#fbf8f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted-2)}.product-image-sm{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:#f7f1f0;flex-shrink:0}.product-image-sm-placeholder{width:34px;height:34px;border-radius:8px;background:#fbf8f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted-2)}.platform-tabs{display:flex;gap:8px;flex-wrap:wrap}.platform-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--mauve);position:relative;white-space:nowrap}.platform-tab.active{background:var(--wine);border-color:var(--wine);color:#fff}.platform-tab.soon{color:var(--muted-2);cursor:default}.platform-tab .soon-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--rose-soft);color:var(--mauve);padding:1px 6px;border-radius:100px}.platform-tab.active .soon-tag{background:#ffffff40;color:#fff}@media(max-width:1100px){.sidebar{width:84px;padding:20px 10px}.sidebar-item span.label-text,.sidebar-logo .wordmark{display:none}.sidebar-logo img{width:44px;height:44px}.sidebar-account{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{display:none}.kpi-row{grid-template-columns:1fr}.content{padding:20px 16px 60px}.app-header{padding:16px}}