:root{color:#252421;font-synthesis:none;text-rendering:optimizelegibility;--gold:#b78a1f;--gold-dark:#8b6511;--ink:#252421;--muted:#746f67;--line:#e3e0da;--panel:#fff;--blue:#2674d9;--green:#278a62;--orange:#d87820;--red:#d9574f;background:#f3f5f3;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{background:#f3f5f3;min-width:320px}body{background:#f3f5f3;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #2674d97a}.app-shell{grid-template-columns:214px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;z-index:20;background:#202524;border-right:1px solid #323937;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.brand-mark{background:var(--gold);color:#fff;border:1px solid #d6b660;place-items:center;width:38px;height:38px;font-family:SimSun,Songti SC,serif;font-size:21px;font-weight:800;display:grid}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:15px}.brand-lockup span{color:#aeb8b5;margin-top:3px;font-size:11px}.side-nav{gap:5px;display:grid}.side-nav button{color:#bfc8c5;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;width:100%;height:42px;padding:0 12px;transition:background .15s,color .15s;display:flex}.side-nav button:hover{color:#fff;background:#2d3432}.side-nav button.active{color:#fff;box-shadow:inset 3px 0 0 var(--gold);background:#3c4137}.side-nav button span{font-size:13px}.side-foot{color:#c7d0cd;border-top:1px solid #363d3b;gap:9px;margin-top:auto;padding:14px 10px;display:flex}.side-foot strong,.side-foot span{display:block}.side-foot strong{font-size:12px}.side-foot span{color:#89938f;margin-top:4px;font-size:10px;line-height:1.4}.main-stage{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:15;background:#fffffff5;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{font-size:18px;font-weight:750}.topbar-sub{color:var(--muted);margin-top:4px;font-size:11px}.topbar-status{color:#4d554f;align-items:center;gap:7px;font-size:12px;display:flex}.online-dot{background:#2a9568;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #2a95681f}.filter-deck{border-bottom:1px solid var(--line);z-index:14;background:#fff;padding:12px 22px 10px;position:sticky;top:68px;box-shadow:0 5px 16px #25242109}.filter-row{scrollbar-width:thin;align-items:center;gap:10px;min-height:34px;display:flex;overflow-x:auto}.filter-row+.filter-row{margin-top:8px}.filter-label{color:#746f67;flex:none;align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.filter-divider{background:var(--line);flex:0 0 1px;height:22px;margin:0 1px}.segmented{background:#f7f8f6;border:1px solid #dedad3;border-radius:7px;flex:none;padding:2px;display:flex}.segmented button{color:#68635c;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;min-height:28px;padding:0 11px;font-size:11px;display:flex}.segmented button:hover{color:#292824;background:#fff}.segmented button.active{color:#fff;background:#262a29;box-shadow:0 1px 3px #0000001f}.month-tabs button.active{background:var(--gold)}.touchpoint-tabs button.active{background:#2d5f8f}.active-scope{color:#80786e;flex:none;margin-left:auto;padding-right:2px;font-size:10px}.custom-range{align-items:center;gap:8px;margin:8px 0 0 56px;display:flex}.custom-range input{color:#37342f;background:#fff;border:1px solid #d8d3cb;border-radius:5px;height:32px;padding:0 9px;font-size:11px}.custom-range span{color:#8c857b;font-size:11px}.primary-button{background:var(--gold);color:#fff;cursor:pointer;border:0;border-radius:5px;min-height:32px;padding:0 14px;font-size:11px;font-weight:700}.primary-button:disabled{opacity:.45;cursor:not-allowed}.mobile-nav{display:none}.view-stage{max-width:1680px;margin:0 auto;padding:18px 22px 36px}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.metric-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;min-height:116px;padding:15px 15px 13px;position:relative;overflow:hidden}.metric-card:before{content:"";background:#bfc5c1;width:3px;height:100%;position:absolute;top:0;left:0}.metric-card.tone-gold:before{background:var(--gold)}.metric-card.tone-risk:before{background:var(--red)}.metric-label{color:#79736b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.metric-value{color:var(--ink);white-space:nowrap;margin-top:10px;font-size:clamp(22px,2vw,31px);font-weight:780;line-height:1}.metric-card.tone-gold .metric-value{color:#9b7115}.metric-card.tone-risk .metric-value{color:#c64740}.metric-foot{color:#8a8379;min-height:16px;margin-top:11px;font-size:10px}.delta{align-items:center;gap:3px;display:inline-flex}.delta.positive{color:#278a62}.delta.negative{color:#d44f48}.decision-strip{border:1px solid var(--line);background:var(--line);border-radius:7px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:12px;display:grid;overflow:hidden}.decision-strip>div{background:#fff;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;min-width:0;padding:13px 15px;display:grid}.decision-strip svg{color:var(--gold-dark)}.decision-strip span{color:#777168;font-size:10px}.decision-strip strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.decision-strip small{color:#999188;grid-column:2/-1;font-size:9px}.two-col{gap:12px;margin-bottom:12px;display:grid}.two-col.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr)}.two-col.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;margin-bottom:12px;padding:16px}.two-col .panel{margin-bottom:0}.panel-head{justify-content:space-between;align-items:flex-start;gap:14px;min-height:36px;margin-bottom:9px;display:flex}.panel h2{margin:0;font-size:14px;font-weight:750}.eyebrow{color:#938b80;text-transform:uppercase;margin-bottom:5px;font-size:9px}.chart{width:100%;height:286px;min-height:286px}.touchpoint-bars{padding:7px 1px 0}.touchpoint-bar+.touchpoint-bar{margin-top:18px}.touchpoint-bar-head,.touchpoint-bar-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.touchpoint-bar-head span,.touchpoint-name{color:#4d4943;align-items:center;gap:7px;font-size:11px;display:inline-flex}.touchpoint-bar-head i,.touchpoint-name i,.investment-touchpoints i{border-radius:50%;width:7px;height:7px;display:inline-block}.touchpoint-bar-head strong{font-size:12px}.bar-track{background:#eeece7;border-radius:4px;height:7px;margin:7px 0 5px;overflow:hidden}.bar-track span{border-radius:4px;min-width:2px;height:100%;display:block}.touchpoint-bar-foot{color:#9a9288;font-size:9px}.funnel{padding:5px 0}.funnel-row{grid-template-columns:34px 88px minmax(80px,1fr) 56px;align-items:center;gap:8px;min-height:52px;display:grid;position:relative}.funnel-icon{border:1px solid #e4e0d9;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.funnel-copy span,.funnel-copy strong{display:block}.funnel-copy span{color:#777168;font-size:10px}.funnel-copy strong{margin-top:4px;font-size:13px}.funnel-track{background:#f0eee9;border-radius:3px;height:13px;overflow:hidden}.funnel-track span{border-radius:3px;height:100%;display:block}.funnel-rate{color:#777168;text-align:right;font-size:9px}.compact-table-wrap{overflow-x:auto}.table-wrap{border:1px solid #ece8e1;border-radius:5px;width:100%;max-height:540px;overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px;font-size:11px}.data-table.compact{min-width:580px}.data-table th{z-index:2;color:#787169;text-align:left;white-space:nowrap;background:#f6f7f5;border-bottom:1px solid #dedbd5;height:37px;padding:0 10px;font-weight:650;position:sticky;top:0}.data-table td{color:#45413b;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ece9e3;padding:10px}.data-table tbody tr:hover td{background:#fafbf9}.product-cell{min-width:270px;max-width:460px}.product-cell strong,.product-cell span{display:block}.product-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.product-cell span{color:#9b9389;margin-top:4px;font-size:9px}.scope-notice{color:#85671d;background:#fffaf0;border:1px solid #ddc98e;border-radius:7px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.scope-notice strong,.scope-notice span{display:block}.scope-notice strong{font-size:11px}.scope-notice span{color:#8a7951;margin-top:4px;font-size:10px;line-height:1.55}.status-pill{color:#68645e;white-space:nowrap;background:#f0f1ef;border-radius:4px;align-items:center;min-height:21px;padding:0 7px;font-size:9px;display:inline-flex}.status-healthy{color:#237a55;background:#e9f6ef}.status-watch{color:#9b6915;background:#fff4dc}.status-danger{color:#bf433d;background:#fdeceb}.risk-summary{gap:7px;display:grid}.risk-summary>div{border-bottom:1px solid #eeeae4;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:7px 0;display:flex}.risk-summary>div>div:first-child{min-width:0}.risk-summary strong,.risk-summary span{display:block}.risk-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:370px;font-size:10px;overflow:hidden}.risk-summary span{color:#948c82;margin-top:4px;font-size:9px}.risk-summary>div>div:last-child{flex:none;align-items:center;gap:8px;display:flex}.risk-summary b{font-size:11px}.search-box{color:#8b847a;background:#fff;border:1px solid #d8d4cd;border-radius:5px;align-items:center;gap:7px;width:min(260px,44vw);height:32px;padding:0 9px;display:flex}.search-box input{color:#35322e;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.empty-state{color:#817a71;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;padding:24px;display:flex}.empty-state strong{color:#534f49;font-size:12px}.empty-state span{max-width:420px;font-size:10px;line-height:1.6}.empty-warning svg{color:#c08d23}.fatal-state,.loading-state{color:#655f57;justify-content:center;align-items:center;gap:10px;min-height:100vh;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.room-list{gap:8px;padding-top:6px;display:grid}.room-list>div{border:1px solid #e5e1da;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.room-list>div>div{align-items:center;gap:8px;display:flex}.room-list svg{color:var(--blue)}.room-list strong,.room-list b{font-size:11px}.room-list span,.room-list small{color:#8c857b;font-size:9px}.investment-touchpoints{background:#e9e5df;border:1px solid #e9e5df;border-radius:6px;gap:1px;display:grid;overflow:hidden}.investment-touchpoints>div{background:#fff;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;min-height:55px;padding:10px 12px;display:grid}.investment-touchpoints span{color:#5a554e;align-items:center;gap:7px;font-size:10px;display:flex}.investment-touchpoints strong{font-size:12px}.investment-touchpoints small{color:#8d857b;grid-column:1/-1;font-size:9px}.concern-cloud{flex-wrap:wrap;place-content:center;align-items:center;gap:8px;min-height:280px;padding:20px;display:flex}.concern-cloud span{color:#48504b;background:#f7faf8;border:1px solid #dfe4df;border-radius:5px;align-items:center;gap:6px;min-height:29px;padding:0 10px;font-size:10px;display:inline-flex}.concern-cloud span:nth-child(3n+1){color:#725918;background:#fffaf0;border-color:#eadbb7}.concern-cloud span:nth-child(3n+2){color:#285e96;background:#f3f7fc;border-color:#cbdcf0}.concern-cloud b{opacity:.7;font-size:9px}.concern-cloud .weight-1{min-height:34px;font-size:12px;font-weight:700}.comment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.comment-grid article{background:#fff;border:1px solid #e5e1da;border-radius:6px;flex-direction:column;min-width:0;min-height:112px;padding:12px;display:flex}.comment-grid article>svg{color:var(--blue)}.comment-grid p{flex:1;margin:9px 0 12px;font-size:11px;line-height:1.55}.comment-grid footer{color:#8b847a;justify-content:space-between;align-items:center;gap:8px;font-size:9px;display:flex}.health-list{gap:2px;display:grid}.health-item{border-bottom:1px solid #ede9e3;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:50px;display:grid}.health-icon{border-radius:5px;place-items:center;width:27px;height:27px;display:grid}.health-icon.ok{color:#278a62;background:#eaf6ef}.health-icon.warn{color:#bd8619;background:#fff4da}.health-copy span,.health-copy small{display:block}.health-copy span{font-size:10px}.health-copy small{color:#938c82;margin-top:3px;font-size:9px}.health-item strong{font-size:11px}.source-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:4px;display:grid}.source-types>div{border:1px solid #e5e1da;border-radius:6px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;min-height:53px;padding:10px;display:grid}.source-types svg{color:var(--green)}.source-types span{color:#605a53;text-overflow:ellipsis;font-size:10px;overflow:hidden}.source-types strong{font-size:12px}.boundary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.boundary-grid>div{background:#fafbf9;border:1px solid #e4e0d9;border-radius:6px;min-height:124px;padding:14px}.boundary-grid svg{color:var(--gold-dark)}.boundary-grid strong,.boundary-grid span{display:block}.boundary-grid strong{margin-top:14px;font-size:11px}.boundary-grid span{color:#787168;margin-top:7px;font-size:9px;line-height:1.65}@media (width<=1240px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.decision-strip,.boundary-grid,.comment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{border-bottom:1px solid var(--line);z-index:12;background:#fff;gap:5px;padding:8px 18px;display:flex;position:sticky;top:192px;overflow-x:auto}.mobile-nav button{color:#69635c;background:#fff;border:1px solid #dedad3;border-radius:5px;flex:none;align-items:center;gap:6px;height:34px;padding:0 10px;font-size:10px;display:flex}.mobile-nav button.active{color:#fff;background:#262a29;border-color:#262a29}.two-col.wide-left,.two-col.equal{grid-template-columns:1fr}.topbar{padding:0 18px}.filter-deck{padding-left:18px;padding-right:18px}.view-stage{padding:14px 18px 30px}.active-scope{display:none}}@media (width<=680px){.topbar{height:62px}.topbar-status{display:none}.filter-deck{padding:8px 12px;top:62px}.filter-row{gap:7px}.filter-divider,.filter-label:nth-of-type(2){display:none}.period-tabs button{padding:0 8px}.custom-range{flex-wrap:wrap;margin-left:0}.custom-range input{width:calc(50% - 19px)}.custom-range .primary-button{width:100%}.mobile-nav{padding-left:12px;padding-right:12px;top:170px}.view-stage{padding-left:12px;padding-right:12px}.metric-grid,.metric-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:108px;padding:13px 12px}.metric-value{font-size:22px}.decision-strip,.comment-grid,.boundary-grid,.source-types{grid-template-columns:1fr}.panel{padding:13px}.panel-head{flex-direction:column;align-items:stretch}.search-box{width:100%}.chart{height:250px;min-height:250px}.funnel-row{grid-template-columns:32px 76px minmax(62px,1fr) 45px}}