:root{--ink:#17172d;--muted:#757687;--line:#e7e8ed;--paper:#f5f5f2;--mint:#55e6a5;--violet:#7057d9;--blue:#4f7fe8;--amber:#f4b94f;--red:#ed6b72;--panel:#fff}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;z-index:30;flex-direction:column;width:230px;padding:26px 16px 20px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.side-brand>span{background:var(--mint);width:38px;height:38px;color:var(--ink);border-radius:11px;place-items:center;font-weight:900;display:grid}.side-brand div{flex-direction:column;display:flex}.side-brand b{font-size:15px}.side-brand small{color:#8e8fa2;letter-spacing:.12em;margin-top:3px;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#9a9bad;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.sidebar nav button i{text-align:center;width:20px;font-size:17px;font-style:normal}.sidebar nav button:hover{color:#fff;background:#22223d}.sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--mint);background:#2a2944}.sidebar nav button.active i{color:var(--mint)}.sidebar nav em{background:var(--violet);color:#fff;border-radius:9px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.side-foot{border-top:1px solid #2e2e46;margin-top:auto;padding:18px 6px 0}.admin{align-items:center;gap:9px;display:flex}.admin>span{color:#bfb4ff;background:#423b75;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.admin div{flex-direction:column;min-width:0;display:flex}.admin b{font-size:11px}.admin small{color:#88899b;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:9px;overflow:hidden}.side-foot>a{color:#77788a;margin:12px 0 0 42px;font-size:10px;text-decoration:none;display:block}.workspace{width:calc(100% - 230px);min-width:0;margin-left:230px}.workspace-head{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:12px;height:68px;padding:0 3vw;display:flex;position:sticky;top:0}.mobile-brand{display:none}.period-tabs{background:#f0f0ee;border-radius:8px;padding:3px;display:flex}.period-tabs button{color:#858692;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 14px;font-size:11px}.period-tabs button.active{color:var(--ink);background:#fff;font-weight:800;box-shadow:0 2px 7px #16162912}.date-button,.ghost,.primary{cursor:pointer;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:700}.date-button,.ghost{border:1px solid var(--line);color:#55566a;background:#fff}.sync-state{color:#7f8090;margin-left:auto;font-size:10px}.sync-state i{background:var(--mint);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #55e6a522}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink)}.primary:hover{background:#292944}.content{max-width:1460px;margin:auto;padding:38px 3vw 70px}.page-title{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.page-title span,.card-head small{font:800 9px var(--font-geist-mono);letter-spacing:.17em;color:var(--violet)}.page-title h1{letter-spacing:-.045em;margin:7px 0 0;font-size:34px}.page-title p{color:var(--muted);text-align:right;max-width:420px;font-size:12px;line-height:1.6}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.stat{border:1px solid var(--line);border-top:3px solid var(--mint);background:#fff;border-radius:12px;padding:19px 20px}.stat.blue{border-top-color:#6d9eff}.stat.violet{border-top-color:#a48bff}.stat.amber{border-top-color:#ffd271}.stat p{color:var(--muted);margin:0;font-size:11px}.stat strong{font:750 27px var(--font-geist-mono);letter-spacing:-.05em;margin:11px 0 7px;display:block}.stat span{color:#198459;font-size:10px;font-weight:800}.stat.amber span{color:#9d680d}.decision{background:var(--ink);color:#fff;border-radius:14px;grid-template-columns:155px 1fr auto;align-items:center;gap:20px;margin-bottom:18px;padding:23px 26px;display:grid}.decision>span{background:var(--mint);color:var(--ink);border-radius:5px;width:max-content;padding:7px 10px;font-size:10px;font-weight:900}.decision h2{margin:0;font-size:17px}.decision p{color:#a9a9ba;margin:5px 0 0;font-size:11px;line-height:1.5}.decision button{color:var(--mint);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.grid-2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:18px;padding:23px;box-shadow:0 10px 35px #19182b06}.grid-2>.card{margin-bottom:0}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.card-head h3{letter-spacing:-.03em;margin:6px 0 0;font-size:18px}.card-head>span,.card-head>div+span{color:#90919e;font-size:10px}.legend{gap:14px;display:flex}.legend span{color:#999;font-size:9px}.legend i{background:var(--mint);border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.legend .blue-dot{background:var(--violet)}.overview-funnel{flex-direction:column;align-items:center;gap:7px;padding:4px 0;display:flex}.overview-funnel>div{color:#fff;border-radius:5px;grid-template-columns:1fr auto auto;align-items:center;gap:18px;height:43px;padding:0 14px;display:grid}.overview-funnel b{font-size:11px}.overview-funnel strong{font:800 13px var(--font-geist-mono)}.overview-funnel em{font:9px var(--font-geist-mono);opacity:.75;font-style:normal}.big-line{background:repeating-linear-gradient(#0000 0 46px,#ececf0 47px);height:190px;padding:12px 0;position:relative}.big-line .line-chart{width:100%;height:calc(100% - 18px);position:absolute;inset:8px 0 10px}.big-line .line-chart:nth-child(2){opacity:.9}.big-line.tall{height:250px}.axis{font:8px var(--font-geist-mono);color:#aaa;justify-content:space-between;padding-top:5px;display:flex}.actions-table{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.actions-table>div{background:#fff;padding:3px 18px 8px}.actions-table b{margin-left:8px;font-size:12px}.actions-table p{color:#858694;min-height:30px;font-size:10px;line-height:1.5}.actions-table strong{color:var(--violet);font-size:9px}.risk{border-radius:4px;padding:4px 6px;font-size:9px}.risk.high{color:#c94b54;background:#ffe4e5}.risk.mid{color:#a96c00;background:#fff0d6}.link-button{color:var(--violet);background:#f3f1ff;border:0;border-radius:6px;padding:8px;font-size:10px}.funnel-detail>div{border-bottom:1px solid #f0f0f3;grid-template-columns:28px 75px 1fr 65px 45px;align-items:center;gap:10px;padding:13px 0;display:grid}.funnel-detail span{font:9px var(--font-geist-mono);color:#aaa}.funnel-detail b{font-size:11px}.funnel-detail i{background:#f0f0f3;border-radius:5px;height:8px;overflow:hidden}.funnel-detail u{border-radius:5px;height:100%;display:block}.funnel-detail strong{font:700 12px var(--font-geist-mono);text-align:right}.funnel-detail em{font:9px var(--font-geist-mono);color:#777;font-style:normal}.bar-rows{flex-direction:column;display:flex}.bar-row{border-bottom:1px solid #f1f1f3;grid-template-columns:25px minmax(130px,1fr) 1.4fr 70px;align-items:center;gap:12px;padding:11px 0;display:grid}.bar-row:last-child{border:0}.bar-row .rank{font:8px var(--font-geist-mono);color:#aaa}.bar-row b{font-size:10px}.bar-row i{background:#f0eff4;border-radius:6px;height:7px}.bar-row u{background:linear-gradient(90deg,var(--violet),#9280ed);border-radius:6px;height:100%;display:block}.bar-row strong{font:700 10px var(--font-geist-mono);text-align:right}.sales-table{border-bottom:1px solid #eee;grid-template-columns:55px 1.2fr 1fr 1fr .7fr 1.5fr;align-items:center;gap:16px;padding:13px 10px;font-size:11px;display:grid}.sales-table.head,.marketing-table.head,.source-table.head{color:#9697a3;text-transform:uppercase;background:#f5f5f3;border-radius:7px;padding-top:10px;padding-bottom:10px;font-size:9px}.sales-table>span:first-child{font:9px var(--font-geist-mono);color:#999}.sales-table span:nth-child(2){flex-direction:column;display:flex}.sales-table small{color:#999;margin-top:3px}.sales-table span:last-child{grid-template-columns:1fr 45px;align-items:center;gap:10px;display:grid}.sales-table i,.completion-bars i{background:#eee;border-radius:4px;height:6px}.sales-table u{background:var(--mint);border-radius:4px;height:100%;display:block}.sales-table b{font-size:11px}.completion-bars{flex-direction:column;gap:17px;display:flex}.completion-bars>div{grid-template-columns:145px 1fr 52px;align-items:center;gap:12px;display:grid}.completion-bars span{font-size:10px}.completion-bars u{background:var(--violet);border-radius:4px;height:100%;display:block}.completion-bars u.good{background:var(--mint)}.completion-bars u.bad{background:var(--red)}.completion-bars b{font:9px var(--font-geist-mono);text-align:right}.step-funnel{justify-content:space-between;align-items:center;display:flex}.step-funnel>div{background:#f4f3ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.step-funnel span{color:#858696;font-size:9px}.step-funnel b{font:700 14px var(--font-geist-mono);margin-top:5px}.step-funnel>i{color:#bbb;font-style:normal}.metric-pairs{border-top:1px solid #eee;grid-template-columns:1fr 1fr;margin-top:22px;display:grid}.metric-pairs p{color:#888;border-bottom:1px solid #eee;margin:0;padding:7px 5px;font-size:9px}.metric-pairs b{float:right;color:var(--ink)}.metric-pairs .warn{color:#d45b62}.marketing-table{border-bottom:1px solid #eee;grid-template-columns:1.2fr .8fr .8fr .8fr .7fr .6fr .6fr;align-items:center;gap:14px;padding:13px 10px;font-size:10px;display:grid}.badge{background:#eee;border-radius:5px;width:max-content;padding:5px 8px;font-size:8px}.badge.green{color:#18764e;background:#dff8ec}.badge.red{color:#bc4d55;background:#ffe5e6}.code-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.code-grid>div{background:#f8f8f6;border:1px solid #ececef;border-radius:9px;padding:14px}.code-grid b{margin:12px 0;font-size:11px;display:block}.code-grid p{color:#888;margin:4px 12px 0 0;font-size:9px;display:inline-block}.code-grid strong{color:var(--ink)}.retention{grid-template-columns:1fr 1fr;gap:30px;display:grid}.retention>div>span{font-size:11px;font-weight:800}.retention p{background:#eee;border-radius:5px;height:26px;margin:10px 0}.retention p b{background:var(--mint);white-space:nowrap;border-radius:5px;align-items:center;min-width:72px;height:100%;padding-left:8px;font-size:9px;display:flex}.retention>div+div p b{color:#fff;background:#a796ed}.health-flow{justify-content:space-between;align-items:center;gap:10px;display:flex}.health-flow>div{background:#f6f5f2;border:1px solid #e8e7e4;border-radius:10px;flex-direction:column;flex:1;min-width:0;padding:14px;display:flex;position:relative}.health-flow span{font:8px var(--font-geist-mono);color:#aaa}.health-flow b{margin:9px 0;font-size:10px}.health-flow strong{font:800 17px var(--font-geist-mono)}.health-flow i{color:#bbb;z-index:2;font-style:normal;position:absolute;top:35px;right:-15px}.data-grid{align-items:start}.upload-card{min-height:355px}.dropzone{text-align:center;cursor:pointer;background:#fafaf8;border:1.5px dashed #cfd0d9;border-radius:12px;padding:42px 20px}.dropzone:hover{border-color:var(--violet);background:#f8f6ff}.dropzone>span{width:40px;height:40px;color:var(--violet);background:#ece9ff;border-radius:10px;place-items:center;margin:auto;font-size:20px;display:grid}.dropzone b{margin:14px 0 6px;font-size:12px;display:block}.dropzone p{color:#999;font-size:9px}.dropzone input{display:none}.import-result{background:#edfaf4;border-radius:8px;margin-top:15px;padding:12px}.import-result b{color:#197752;font-size:10px}.import-result p{color:#6e8277;font-size:9px}.import-result span{background:#fff;border-radius:4px;margin:2px;padding:4px 6px;font-size:8px;display:inline-block}.manual-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.manual-form label{color:#777;flex-direction:column;gap:7px;font-size:9px;display:flex}.manual-form input,.manual-form select,.manual-form textarea{background:#fff;border:1px solid #dddde3;border-radius:7px;padding:10px;font:11px inherit}.manual-form .wide{grid-column:1/-1}.manual-form textarea{resize:vertical;height:95px}.manual-form button{grid-column:1/-1}.source-table{border-bottom:1px solid #eee;grid-template-columns:1.2fr 1fr .8fr .8fr .8fr;align-items:center;gap:15px;padding:13px 10px;font-size:10px;display:grid}.status-ok{color:#16855a}.status-wait{color:#b47a12}.toast{background:var(--ink);color:#fff;border-left:4px solid var(--mint);z-index:60;border-radius:8px;padding:14px 18px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 35px #1116}@media (width<=1100px){.sidebar{width:205px}.workspace{width:calc(100% - 205px);margin-left:205px}.stats{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}.decision{grid-template-columns:130px 1fr}.decision button{display:none}.health-flow{grid-template-columns:repeat(3,1fr);display:grid}.health-flow i{display:none}.code-grid{grid-template-columns:1fr 1fr}.sync-state{display:none}}@media (width<=760px){.sidebar{flex-direction:row;width:auto;height:64px;padding:6px 8px;position:fixed;top:auto;right:0;overflow-x:auto}.side-brand,.side-foot{display:none}.sidebar nav{flex-direction:row;width:max-content}.sidebar nav button{flex-direction:column;gap:2px;padding:6px 11px;font-size:8px}.sidebar nav button i{font-size:14px}.sidebar nav button.active{box-shadow:inset 0 -3px var(--mint)}.workspace{width:100%;margin:0 0 64px}.workspace-head{gap:7px;padding:0 14px}.mobile-brand{margin-right:auto;font-size:11px;font-weight:900;display:block}.period-tabs,.date-button,.ghost{display:none}.content{padding:24px 14px 55px}.page-title{flex-direction:column;align-items:flex-start}.page-title h1{font-size:27px}.page-title p{text-align:left}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat strong{font-size:21px}.decision{grid-template-columns:1fr;gap:8px}.actions-table{grid-template-columns:1fr}.card{padding:18px;overflow-x:auto}.sales-table,.marketing-table,.source-table{min-width:670px}.code-grid{grid-template-columns:1fr}.health-flow{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:20px 115px 1fr 55px}.retention,.manual-form{grid-template-columns:1fr}.manual-form .wide{grid-column:auto}.primary{white-space:nowrap}}.channel-funnel-layout{grid-template-columns:230px 1fr;gap:22px;margin-bottom:25px;display:grid}.channel-selector{flex-direction:column;gap:6px;display:flex}.channel-selector button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fafaf8;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.channel-selector button b{font-size:10px}.channel-selector button span{color:#999;font-size:8px}.channel-selector button.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:inset 3px 0 var(--mint)}.channel-selector button.active span{color:var(--mint)}.selected-funnel{border:1px solid var(--line);border-radius:11px;padding:18px 20px}.selected-head{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.selected-head span{color:#999;font-size:8px}.selected-head h4{margin:5px 0 0;font-size:16px}.selected-head p{color:var(--violet);margin:0;font-size:9px}.channel-steps>div{border-bottom:1px solid #f0f0f3;grid-template-columns:26px 74px 1fr 45px 52px;align-items:center;gap:10px;padding:10px 0;display:grid}.channel-steps>div:last-child{border:0}.channel-steps span{font:8px var(--font-geist-mono);color:#aaa}.channel-steps b{font-size:10px}.channel-steps i{background:#eee;border-radius:5px;height:8px}.channel-steps u{background:linear-gradient(90deg,var(--violet),var(--mint));border-radius:5px;height:100%;display:block}.channel-steps strong{font:800 11px var(--font-geist-mono);text-align:right}.channel-steps em{font:9px var(--font-geist-mono);color:#777;text-align:right;font-style:normal}.channel-table{border-bottom:1px solid #eee;grid-template-columns:1.2fr .65fr .55fr .8fr .55fr .8fr .55fr .8fr 1.45fr;align-items:center;gap:10px;padding:12px 9px;font-size:9px;display:grid}.channel-table.head{color:#9697a3;text-transform:uppercase;background:#f5f5f3;border-radius:7px;font-size:8px}.channel-table strong{font:800 9px var(--font-geist-mono);color:#198459}.channel-table em{color:#777;font-size:8px;font-style:normal}.channel-table span{text-align:center}@media (width<=1100px){.channel-table{min-width:920px}}@media (width<=760px){.channel-funnel-layout{grid-template-columns:1fr}.channel-selector{grid-template-columns:1fr 1fr;display:grid}.selected-funnel{min-width:560px}}.period-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:56px;display:flex}.period-empty>span{color:#7057d9;letter-spacing:.16em;font-size:12px;font-weight:800}.period-empty h2{margin:14px 0 10px;font-size:28px}.period-empty p{max-width:620px;color:var(--muted);line-height:1.8}.period-empty>div{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.source-link{width:max-content;color:var(--violet);border-bottom:1px solid #0000;align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.source-link:hover{border-bottom-color:currentColor}.source-link:focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:2px}.source-link span{font-size:11px}.trend-chart{position:absolute;inset:8px 0 10px}.trend-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.trend-guide{stroke:#a7a8b4;stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.trend-hit-grid{z-index:2;grid-template-columns:repeat(7,1fr);display:grid;position:absolute;inset:0}.trend-hit-grid button{cursor:crosshair;background:0 0;border:0;min-width:0;padding:0}.trend-hit-grid button:focus-visible{outline:2px solid var(--violet);outline-offset:-2px;border-radius:5px}.trend-tooltip{z-index:4;background:var(--ink);color:#fff;pointer-events:none;border-radius:9px;min-width:145px;padding:10px 12px;font-size:10px;position:absolute;top:0;box-shadow:0 8px 24px #17172d33}.trend-tooltip>strong{font:800 10px var(--font-geist-mono);color:#c9c9d6;margin-bottom:7px;display:block}.trend-tooltip>span{white-space:nowrap;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin-top:5px;display:grid}.trend-tooltip>span i{border-radius:50%;width:7px;height:7px}.trend-tooltip>span b{font:800 11px var(--font-geist-mono);margin-left:14px}.date-control{position:relative}.date-button{justify-content:center;align-items:center;gap:7px;min-width:190px;padding:12px 16px;font-size:14px;display:flex}.date-button strong{color:var(--ink);font-size:15px}.date-button>span{color:#999;margin-left:3px;font-size:11px}.month-picker{border:1px solid var(--line);z-index:50;background:#fff;border-radius:12px;width:310px;padding:16px;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 16px 45px #17172d22}.month-picker>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.month-picker>div:first-child b{font-size:13px}.month-picker>div:first-child span,.month-picker p{color:#92939f;font-size:9px}.month-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.month-grid button{border:1px solid var(--line);color:#666778;cursor:pointer;background:#fafaf8;border-radius:7px;padding:10px 6px;font-size:11px;position:relative}.month-grid button:hover{color:var(--violet);border-color:#a99bea}.month-grid button.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:800}.month-grid button i{background:var(--mint);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.month-picker p{margin:11px 0 0}.month-picker button:focus-visible,.date-button:focus-visible{outline:2px solid var(--violet);outline-offset:2px}@media (width<=760px){.date-control{margin-left:auto}.date-button{min-width:auto;padding:9px 10px;display:flex}.date-button strong{font-size:12px}.month-picker{width:290px;left:auto;right:0}.workspace-head>.primary{display:none}}.week-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.quarter-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.week-grid button,.quarter-grid button{border:1px solid var(--line);color:#666778;cursor:pointer;background:#fafaf8;border-radius:7px;padding:10px 6px;font-size:11px;position:relative}.week-grid button:hover,.quarter-grid button:hover{color:var(--violet);border-color:#a99bea}.week-grid button.active,.quarter-grid button.active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:800}.week-grid button i,.quarter-grid button i{background:var(--mint);border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.roi-table{border-bottom:1px solid #eee;grid-template-columns:1.2fr repeat(8,minmax(78px,1fr));align-items:center;gap:10px;padding:12px 9px;font-size:9px;display:grid}.roi-table.head{color:#9697a3;text-transform:uppercase;background:#f5f5f3;border-radius:7px;font-size:8px}.roi-table span{text-align:right}.roi-table strong{text-align:right;color:#16855a;font:800 10px var(--font-geist-mono)}@media (width<=1100px){.roi-table{min-width:980px}}.roi-table{grid-template-columns:1.25fr repeat(8,minmax(88px,1fr));gap:12px;padding:15px 10px;font-size:12px;line-height:1.45}.roi-table.head{color:#777987;font-size:10px;font-weight:700}.roi-table b,.roi-table strong{font-size:12px}.change-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.change-grid>div{border:1px solid var(--line);background:#f7f7f5;border-radius:9px;justify-content:space-between;align-items:center;padding:15px;display:flex}.change-grid>div>span:first-child{font-size:12px;font-weight:700}.change-tag{border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:5px 8px;font:800 11px var(--font-geist-mono)!important;display:inline-flex!important}.change-tag.up{color:#15764d;background:#ddf8eb}.change-tag.down{color:#c64b54;background:#ffe7e8}.change-tag.flat{color:#777987;background:#eeeef1}.period-table{border-bottom:1px solid #eee;grid-template-columns:.55fr repeat(7,1fr);align-items:center;gap:12px;padding:14px 10px;font-size:12px;display:grid}.period-table.head{color:#777987;background:#f5f5f3;border-radius:7px;font-size:10px;font-weight:700}.period-table.active{background:#f4f1ff;border-radius:8px}.period-table span:not(.change-tag),.period-table strong{text-align:right}.period-table strong{color:#16855a;font:800 12px var(--font-geist-mono)}.period-note{margin-top:-5px}.stat .change-tag{margin-top:0}@media (width<=1100px){.roi-table{min-width:1120px}.period-table{min-width:900px}}.roi-table.with-opportunities.head{font-size:9px}.roi-table.with-opportunities span{overflow-wrap:anywhere;min-width:0}.source-cta{white-space:nowrap;justify-content:center;align-items:center;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.decision .source-cta{color:var(--mint)}.source-handoff{justify-content:space-between;align-items:center;gap:24px;display:flex}.source-handoff h3{margin:6px 0;font-size:18px}.source-handoff p{color:var(--muted);max-width:720px;margin:0;font-size:11px;line-height:1.6}.source-handoff .source-cta{color:#fff;border-radius:8px;padding:11px 15px}.monthly-kpis{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.monthly-lead-grid{grid-template-columns:1.25fr .75fr;gap:18px;margin-bottom:18px;display:grid}.monthly-lead-grid>.card{margin:0}.snapshot-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.snapshot-grid>div{border:1px solid var(--line);background:#f7f7f5;border-radius:9px;padding:14px}.snapshot-grid span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.snapshot-grid b{font:800 14px var(--font-geist-mono)}.monthly-trends{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.monthly-trends>.card{margin:0}.channel-revenue-bars{flex-direction:column;gap:12px;display:flex}.channel-revenue-bars>div{grid-template-columns:38px 1fr 75px 82px;align-items:center;gap:10px;font-size:10px;display:grid}.channel-revenue-bars i{background:#efeff2;border-radius:5px;height:8px;overflow:hidden}.channel-revenue-bars u{background:linear-gradient(90deg,var(--violet),var(--mint));border-radius:5px;height:100%;display:block}.channel-revenue-bars b{font:800 10px var(--font-geist-mono);text-align:right}.channel-revenue-bars em{color:var(--muted);text-align:right;font-size:9px;font-style:normal}.editable-review{border-top:3px solid var(--violet)}.editable-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.editable-grid label{flex-direction:column;gap:8px;display:flex}.editable-grid label>span{font-size:11px;font-weight:800}.editable-grid textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:130px;color:var(--ink);background:#fafaf8;border-radius:10px;padding:14px;font:12px/1.75 Arial,PingFang SC,Microsoft YaHei,sans-serif}.editable-grid textarea:focus{border-color:var(--violet);outline:2px solid #7057d933}.editable-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.editable-review .data-note{text-align:right;margin-bottom:0}.monthly-kpis{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.monthly-kpis{grid-template-columns:1fr 1fr}.monthly-lead-grid,.monthly-trends{grid-template-columns:1fr}}@media (width<=760px){.monthly-kpis{grid-template-columns:1fr 1fr}.snapshot-grid,.editable-grid{grid-template-columns:1fr}.channel-revenue-bars>div{grid-template-columns:34px minmax(90px,1fr) 65px}.channel-revenue-bars em{text-align:left;grid-column:2/-1}.editable-actions{justify-content:stretch}.editable-actions button{flex:1}}.login-page{background:#fff;grid-template-columns:minmax(360px,520px) 1fr;min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;padding:clamp(34px,6vw,82px);display:flex}.login-brand{align-items:center;gap:12px;margin-bottom:clamp(50px,9vh,100px);display:flex}.login-brand>span{background:var(--mint);border-radius:14px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:grid}.login-brand>div{flex-direction:column;display:flex}.login-brand b{font-size:17px}.login-brand small{color:#8e8fa2;letter-spacing:.15em;margin-top:4px;font-size:10px}.login-heading>span{font:800 10px var(--font-geist-mono);letter-spacing:.18em;color:var(--violet)}.login-heading h1{letter-spacing:-.045em;margin:12px 0;font-size:36px}.login-heading p{color:var(--muted);margin:0;font-size:13px}.login-form{flex-direction:column;margin-top:38px;display:flex}.login-form label{margin:0 0 8px;font-size:11px;font-weight:800}.login-form input{width:100%;height:48px;color:var(--ink);background:#fafaf8;border:1px solid #dedef0;border-radius:9px;outline:none;margin-bottom:18px;padding:0 14px;font-size:14px}.login-form input:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #7057d91b}.login-error{color:#b6434b;background:#fff0f1;border-radius:8px;margin:-3px 0 15px;padding:10px 12px;font-size:11px}.login-submit{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:9px;height:48px;font-size:13px;font-weight:800}.login-submit:hover{background:#292944}.login-submit:disabled{opacity:.65;cursor:wait}.login-security{color:#9a9ba7;margin:18px 0 0;font-size:10px;line-height:1.6}.login-visual{background:var(--ink);color:#fff;align-items:flex-end;padding:clamp(38px,6vw,88px);display:flex;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";border-radius:50%;position:absolute}.login-visual:before{opacity:.8;background:radial-gradient(circle at 35% 35%,#55e6a5,#55e6a500 68%);width:580px;height:580px;top:-130px;right:-120px}.login-visual:after{border:1px solid #8d79ee77;width:440px;height:440px;bottom:-220px;left:-180px;box-shadow:0 0 0 80px #7057d91c,0 0 0 160px #7057d90e}.login-visual>div{z-index:1;position:relative}.login-visual span{color:var(--mint);font:800 10px var(--font-geist-mono);letter-spacing:.2em}.login-visual h2{letter-spacing:-.055em;margin:16px 0;font-size:clamp(36px,5vw,70px);line-height:1.06}.login-visual p{color:#a7a8bb;letter-spacing:.14em;font-size:13px}.side-foot>button{color:#77788a;cursor:pointer;background:0 0;border:0;margin:12px 0 0 38px;padding:4px;font-size:10px;display:block}.side-foot>button:hover{color:#fff}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:34px 24px}.login-brand{margin-bottom:58px}.login-heading h1{font-size:32px}.login-visual{display:none}}.card{min-width:0}:is(.card:has(.roi-table),.card:has(.period-table),.card:has(.channel-table),.card:has(.sales-table),.card:has(.source-table)){overflow-x:auto}.roi-table.with-opportunities{grid-template-columns:150px repeat(11,minmax(78px,1fr));gap:12px;min-width:1280px}.roi-table.with-opportunities b,.roi-table.with-opportunities span,.roi-table.with-opportunities strong{white-space:nowrap;overflow-wrap:normal}.roi-table.with-opportunities b{line-height:1.45}.period-table{min-width:860px}.channel-table{min-width:980px}.sales-table{min-width:760px}.page-title p,.data-note,.period-note{display:none}.page-title{align-items:flex-start}.card-head>span{text-align:right;max-width:260px;line-height:1.45}@media (width<=760px){.roi-table.with-opportunities{min-width:1180px}.page-title{margin-bottom:20px}.card-head>span{display:none}}
