:root{--brand: #f2c94c;--brand-deep: #e3a81f;--ink: #18181b;--bg: #f4f4ef;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f1f1ea;--border: #e7e7df;--border-strong: #d8d8cd;--text: #18181b;--muted: #6b6b73;--faint: #9b9ba2;--gold: #f2c94c;--gold-2: #e3a81f;--cyan: #0ea5b7;--violet: #7c5cff;--green: #17a34a;--red: #dc2626;--radius: 16px;--radius-sm: 11px;--shadow: 0 1px 2px rgba(24, 24, 27, .04), 0 12px 30px -16px rgba(24, 24, 27, .18);--shadow-sm: 0 1px 2px rgba(24, 24, 27, .05), 0 4px 12px -8px rgba(24, 24, 27, .14);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(55% 40% at 88% -12%,rgba(242,201,76,.16),transparent 62%),radial-gradient(50% 40% at 0% 0%,rgba(24,24,27,.02),transparent 60%),var(--bg)}.tabnum{font-variant-numeric:tabular-nums}.shell{max-width:1280px;margin:0 auto;padding:22px clamp(14px,3vw,30px) 80px}.masthead{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:6px 2px 20px}.brandmark{display:flex;align-items:center;gap:13px}.brandlogo{width:44px;height:44px;flex:none;filter:drop-shadow(0 4px 10px rgba(227,168,31,.28))}.wordmark{line-height:1.05}.wordmark h1{margin:0;font-size:clamp(18px,2.4vw,25px);font-weight:800;letter-spacing:-.01em;color:var(--ink)}.wordmark h1 .accent{background:linear-gradient(120deg,var(--brand-deep),var(--brand));-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark p{margin:3px 0 0;color:var(--muted);font-size:12.5px}.masthead-spacer{flex:1}.session-chip{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px}.dot-live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #17a34a24}.tabs{display:flex;gap:5px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow-sm);overflow-x:auto}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:9px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px;transition:color .15s,background .15s}.tab:hover{color:var(--ink);background:var(--surface-2)}.tab.active{color:var(--ink);background:linear-gradient(180deg,#f7d764,var(--brand));box-shadow:0 4px 14px -5px #e3a81f99}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 8px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer;transition:all .15s}.chip:hover{border-color:var(--border-strong);color:var(--ink)}.chip.active{color:var(--ink);border-color:var(--brand-deep);background:#f2c94c38}.date-inputs{display:flex;align-items:center;gap:6px;margin-left:auto}input[type=date],input[type=text],input[type=password],input[type=number],input[type=month]{font:inherit;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:8px 11px;color-scheme:light}input:focus{outline:none;border-color:var(--brand-deep);box-shadow:0 0 0 3px #f2c94c47}.subtle{color:var(--muted);font-size:12.5px}.compare-note{color:var(--faint);font-size:12px;margin:2px 2px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px 18px 16px}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 2px 12px}.section-title h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em}.section-title .hint{color:var(--faint);font-size:12px;font-weight:500}.grid{display:grid;gap:14px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.block{margin-top:22px}.kpi{position:relative;padding:15px 16px 14px;overflow:hidden}.kpi .label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.kpi .value{margin-top:9px;font-size:26px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}.kpi .sub{margin-top:3px;color:var(--faint);font-size:12px}.kpi .accent{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--brand),var(--brand-deep))}.kpi.cyan .accent{background:linear-gradient(var(--cyan),#0c8494)}.kpi.violet .accent{background:linear-gradient(var(--violet),#5f43e0)}.kpi.green .accent{background:linear-gradient(var(--green),#0f7a37)}.delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:999px;margin-top:10px}.delta.up{color:#0f7a37;background:#17a34a21}.delta.down{color:#b91c1c;background:#dc26261c}.delta.flat{color:var(--muted);background:var(--surface-2)}.delta.invert.up{color:#b91c1c;background:#dc26261c}.delta.invert.down{color:#0f7a37;background:#17a34a21}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--border)}.tbl td{padding:10px;border-bottom:1px solid var(--border)}.tbl tr:last-child td{border-bottom:0}.tbl td.num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl .rank{color:var(--brand-deep);font-weight:700;width:26px}.tbl .prod{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-cell{position:relative}.bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f2c94c66,#f2c94c14);border-radius:6px;z-index:0}.bar-cell>span{position:relative;z-index:1}.funnel{display:flex;flex-direction:column;gap:8px}.funnel-step{position:relative;border-radius:10px;background:var(--surface-2);overflow:hidden;height:46px;display:flex;align-items:center}.funnel-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f2c94c8c,#e3a81f52);border-right:2px solid var(--brand-deep)}.funnel-step .txt{position:relative;display:flex;justify-content:space-between;width:100%;padding:0 14px;font-size:13px}.funnel-step .txt b{font-variant-numeric:tabular-nums}.funnel-step .pct{color:var(--muted);font-size:12px}.goal-hero{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}@media (max-width: 640px){.goal-hero{grid-template-columns:1fr}}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.ring{position:relative;width:200px;height:200px}.ring svg{transform:rotate(-90deg)}.ring .center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ring .center .big{font-size:30px;font-weight:800;color:var(--ink)}.ring .center .lil{color:var(--muted);font-size:12px;margin-top:2px}.status-badge{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px}.status-badge.ok{color:#0f7a37;background:#17a34a21}.status-badge.behind{color:var(--brand-deep);background:#f2c94c33}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border)}.stat .k{color:var(--muted);font-size:12px;font-weight:600}.stat .v{margin-top:6px;font-size:22px;font-weight:750;color:var(--ink)}.pill{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.pill.complete{color:var(--muted);background:var(--surface-2)}.pill.current{color:var(--brand-deep);background:#f2c94c38}.pill.future{color:var(--faint);background:var(--surface-2)}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:#0ea5b714;border:1px solid rgba(14,165,183,.22);color:var(--muted);font-size:12.5px}.notice.warn{background:#f2c94c1f;border-color:#e3a81f52}.error-banner{padding:12px 14px;border-radius:var(--radius-sm);background:#dc262612;border:1px solid rgba(220,38,38,.22);color:#b91c1c;font-size:13px;margin-bottom:14px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font:inherit;font-weight:600;font-size:13px;padding:9px 15px;border-radius:9px;cursor:pointer;transition:all .15s}.btn:hover{border-color:var(--brand-deep);background:var(--surface-2)}.btn.primary{color:var(--ink);border:0;background:linear-gradient(180deg,#f7d764,var(--brand))}.btn.primary:hover{filter:brightness(1.03)}.btn:disabled{opacity:.5;cursor:not-allowed}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg,var(--surface-2) 30%,#e9e9e1 50%,var(--surface-2) 70%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--brand-deep);animation:spin .8s linear infinite}.center-screen{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:380px;padding:34px 30px;text-align:center}.login-card .brandlogo{width:62px;height:62px;margin:0 auto 16px}.login-card h1{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px;color:var(--ink)}.login-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card input{text-align:center}.login-error{color:var(--red);font-size:12.5px;min-height:16px}.recharts-cartesian-axis-tick-value{font-size:11px}.recharts-tooltip-wrapper{outline:none}.chart-tip{background:#fff;border:1px solid var(--border-strong);border-radius:10px;padding:9px 12px;font-size:12px;box-shadow:var(--shadow);color:var(--text)}.chart-tip .t{color:var(--muted);margin-bottom:5px}.chart-tip .r{display:flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}.chart-tip .sw{width:9px;height:9px;border-radius:2px}