:root{--navy:#0c1b33;--navy-mid:#1e3460;--gold:#b5820e;--gold-light:#d4a017;--gold-pale:#fdf3dc;--gold-bg:#fef8ec;--teal:#0f6e5a;--teal-light:#1a9a7a;--teal-bg:#edfaf5;--red:#c0392b;--red-bg:#fef0ee;--blue:#1b5eac;--blue-bg:#eef4fd;--purple:#6b3fa0;--purple-bg:#f3eef9;--bg:#f4f2ee;--surface:#fff;--surface-alt:#fafaf8;--border:#e8e4dc;--border-soft:#f0ede6;--text-primary:#1a1714;--text-secondary:#5c5750;--text-muted:#9c9590;--sidebar-bg:#0c1b33;--sidebar-text:#c8c4bc;--sidebar-muted:#5a6b8a;--sidebar-active-bg:#c8952a26;--sidebar-active:#e8b84b;--sidebar-border:#ffffff12}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}#root,.layout{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);padding:24px 20px 20px}.brand-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gold-light);margin-bottom:4px;font-size:10px;font-weight:500}.brand-name{color:#f0ede4;font-family:DM Serif Display,serif;font-size:19px;line-height:1.2}.brand-sub{color:var(--sidebar-muted);margin-top:3px;font-size:11px}.nav{flex:1;padding:16px 12px}.nav-section{margin-bottom:20px}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-muted);margin-bottom:6px;padding:0 8px;font-size:10px}.nav-item{color:var(--sidebar-text);cursor:pointer;border-radius:8px;align-items:center;gap:9px;margin-bottom:2px;padding:8px 10px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#f0ede4;background:#ffffff0d}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.nav-icon{opacity:.6;flex-shrink:0;width:15px;height:15px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);color:var(--sidebar-muted);padding:16px 20px;font-size:11px}.status-dot{background:#2ecc71;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.main{flex:1;overflow-x:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}.page-title{color:var(--text-primary);font-family:DM Serif Display,serif;font-size:20px}.page-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.topbar-right{align-items:center;gap:12px;display:flex}.date-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .12s}.date-btn:hover{border-color:var(--gold);color:var(--gold)}.date-btn.active{background:var(--gold-pale);border-color:var(--gold-light);color:var(--gold);font-weight:500}.export-btn{background:var(--navy);color:#f0ede4;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:12px;font-weight:500;transition:opacity .12s}.export-btn:hover{opacity:.82}.content{text-align:left;padding:24px 32px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.kpi-card:hover{border-color:#d8d4cc;box-shadow:0 4px 16px #00000012}.kpi-accent{border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-label{color:var(--text-muted);letter-spacing:.03em;margin-bottom:8px;font-size:11px}.kpi-value{color:var(--text-primary);font-family:DM Serif Display,serif;font-size:28px;line-height:1}.kpi-sub{color:var(--text-secondary);margin-top:5px;font-size:11px}.kpi-delta{font-size:11px;font-weight:500}.kpi-delta.up{color:var(--teal)}.kpi-delta.down{color:var(--red)}.grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-3{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px;display:grid}.grid-full{margin-bottom:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px 24px;box-shadow:0 1px 3px #00000008}.card-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card-title{color:var(--text-primary);font-size:14px;font-weight:500}.card-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.card-badge{background:var(--gold-bg);color:var(--gold);letter-spacing:.04em;border:1px solid #edd9a0;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:500}.bar-chart{flex-direction:column;gap:10px;display:flex}.bar-row{align-items:center;gap:10px;display:flex}.bar-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:155px;font-size:12px;overflow:hidden}.bar-track{background:var(--border-soft);border-radius:3px;flex:1;height:5px}.bar-fill{background:var(--gold-light);border-radius:3px;height:100%}.bar-fill.teal{background:var(--teal-light)}.bar-fill.blue{background:var(--blue)}.bar-val{color:var(--text-muted);text-align:right;flex-shrink:0;width:32px;font-size:11px}.bar-rank{color:#fff;background:var(--gold-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex}.bar-rank.teal{background:var(--teal-light)}.bar-rank.dim{background:var(--border);color:var(--text-muted)}.donut-wrap{align-items:center;gap:24px;display:flex}.donut{background:conic-gradient(#d4a017 0% 38%,#1a9a7a 38% 64%,#1b5eac 64% 79%,#6b3fa0 79% 88%,#e8e4dc 88% 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;width:68px;height:68px;position:absolute}.donut-legend{flex-direction:column;flex:1;gap:9px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.legend-text{color:var(--text-secondary);flex:1;font-size:12px}.legend-pct{color:var(--text-primary);font-size:12px;font-weight:500}.trend-svg{width:100%;height:120px}.funnel{flex-direction:column;gap:6px;display:flex}.funnel-bar{color:#fff;border-radius:6px;align-items:center;height:32px;padding:0 14px;font-size:12px;font-weight:500;display:flex}.funnel-val{margin-left:auto;font-size:11px}.funnel-label-out{color:var(--text-muted);margin-top:1px;padding-left:6px;font-size:10px}.data-table{border-collapse:collapse;width:100%}.data-table th{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border);background:var(--surface-alt);padding:8px 12px;font-size:11px;font-weight:500}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-soft);padding:10px 12px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-alt)}.td-name{font-weight:500;color:var(--text-primary)!important}.td-badge{border-radius:20px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.badge-gold{background:var(--gold-bg);color:var(--gold);border:1px solid #edd9a0}.badge-teal{background:var(--teal-bg);color:var(--teal);border:1px solid #b0e8d8}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid #b8d0f0}.badge-purple{background:var(--purple-bg);color:var(--purple);border:1px solid #c8b4e4}.advisor-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.advisor-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:16px;transition:box-shadow .15s,border-color .15s}.advisor-card:hover{border-color:#d8d4cc;box-shadow:0 4px 12px #0000000f}.advisor-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.advisor-avatar{border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:DM Serif Display,serif;font-size:15px;display:flex}.advisor-name{color:var(--text-primary);font-size:13px;font-weight:500}.advisor-role{color:var(--text-muted);font-size:11px}.advisor-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.adv-stat-val{color:var(--text-primary);font-family:DM Serif Display,serif;font-size:18px;font-weight:600}.adv-stat-label{color:var(--text-muted);font-size:10px}.adv-rev{color:var(--gold);border-top:1px solid var(--border);margin-top:8px;padding-top:8px;font-size:11px}.mini-progress{background:var(--border-soft);border-radius:2px;height:3px;margin-top:8px}.mini-fill{background:var(--gold-light);border-radius:2px;height:100%}.heatmap{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.heat-cell{aspect-ratio:1;background:var(--border-soft);cursor:default;border-radius:3px;transition:transform .1s}.heat-cell:hover{z-index:1;transform:scale(1.3)}.heat-cell[data-v="1"]{background:#fde9a0}.heat-cell[data-v="2"]{background:#f6c840}.heat-cell[data-v="3"]{background:#d4a017}.heat-cell[data-v="4"]{background:#a87808}.insight-list{flex-direction:column;gap:10px;display:flex}.insight-item{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.insight-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;display:flex}.insight-icon.gold{background:var(--gold-bg)}.insight-icon.teal{background:var(--teal-bg)}.insight-icon.red{background:var(--red-bg)}.insight-text{color:var(--text-secondary);flex:1;font-size:12px;line-height:1.55}.insight-text strong{color:var(--text-primary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}