:root{color:#202431;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f6f9;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0,#5b5bd60d,#0000 24rem),#f4f6f9;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input{transition:border-color .16s,box-shadow .16s,background .16s}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#5b5bd6) 25%, transparent);outline-offset:2px}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dadee6cc;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand>span{color:#fff;background:linear-gradient(145deg, var(--accent), #7777e8);width:35px;height:35px;box-shadow:0 8px 18px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:10px;place-items:center;font-weight:700;display:grid}.brand div{line-height:1.05;display:grid}.brand strong{letter-spacing:-.01em;font-size:15px}.brand small{color:#9298a5;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:600}.topbar-meta{color:#7a8190;align-items:center;gap:8px;font-size:12px;display:flex}.topbar-meta i{background:#dfe2e8;width:1px;height:14px;margin:0 5px}.status-dot{background:#15ad78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #15ad781c}.dashboard-main{width:min(1480px,100% - clamp(32px,6vw,96px));margin:0 auto;padding:42px 0 54px}.page-intro{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;display:flex}.section-label,.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.page-intro h1{color:#1f2330;letter-spacing:-.035em;margin:9px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.15}.page-intro p{color:#7a8190;max-width:650px;margin:0;font-size:14px;line-height:1.6}.data-status{border-left:2px solid var(--accent);justify-items:end;min-width:220px;padding-left:20px;display:grid}.data-status span,.data-status small{color:#979daa;font-size:10px}.data-status strong{color:#414654;margin:5px 0;font-size:14px}.filter-bar{background:#fff;border:1px solid #e5e8ee;border-radius:13px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding:18px 20px;display:flex;box-shadow:0 2px 7px #1e233205}.filter-fields,.filter-actions{align-items:flex-end;gap:13px;display:flex}.filter-group{gap:7px;display:grid}.filter-group label{color:#777e8b;font-size:10px;font-weight:600}.filter-group select,.filter-group input{color:#343946;background:#fafbfc;border:1px solid #dde1e8;border-radius:7px;height:36px;padding:0 11px;font-size:12px}.filter-group select{min-width:125px}.date-group>div{align-items:center;gap:8px;display:flex}.date-group>div span{color:#9ba1ad;font-size:11px}.filter-actions button,.alert button{cursor:pointer;border:1px solid #0000;border-radius:7px;height:36px;padding:0 16px;font-size:12px;font-weight:600}.filter-actions button:disabled{cursor:wait;opacity:.6}.primary-button{color:#fff;background:var(--accent);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 22%, transparent)}.primary-button:hover{background:color-mix(in srgb, var(--accent) 88%, #000)}.secondary-button{color:#656c79;background:#fff;align-items:center;gap:6px;display:flex;border-color:#dfe3e9!important}.secondary-button:hover{background:#f7f8fa}.spin{animation:.85s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:17px;transition:opacity .16s;display:grid}.widget-grid.is-refreshing{opacity:.58;pointer-events:none}.widget-shell{grid-column:span var(--widget-span);min-width:0;min-height:var(--widget-min-height)}.widget-card{background:#fffffff5;border:1px solid #e5e8ee;border-radius:13px;height:100%;overflow:hidden;box-shadow:0 4px 16px #1f243009}.kpi-card{justify-content:space-between;align-items:center;padding:22px 21px;display:flex;position:relative}.kpi-copy{min-width:0;display:grid}.kpi-copy .eyebrow{color:#7d8492;letter-spacing:.05em;text-transform:none}.kpi-copy strong{color:#282d39;letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:12px 0 7px;font-size:clamp(23px,2.3vw,31px);overflow:hidden}.kpi-copy small{color:#a0a6b1;font-size:9px}.kpi-mark{opacity:.92;border-radius:11px;flex:none;justify-content:center;align-items:flex-end;gap:3px;width:38px;height:38px;padding:10px;display:flex}.kpi-mark span{background:#ffffffe0;border-radius:3px 3px 1px 1px;width:4px}.kpi-mark span:first-child{height:7px}.kpi-mark span:nth-child(2){height:15px}.kpi-mark span:nth-child(3){height:11px}.chart-card,.table-card{padding:20px 21px 15px}.widget-heading{justify-content:space-between;gap:15px;min-height:42px;display:flex}.widget-heading h2{color:#343945;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:650}.widget-heading p{color:#9aa0ac;margin:6px 0 0;font-size:9px}.chart-canvas{width:100%;height:calc(100% - 42px);min-height:240px}.empty-state{color:#a4aab5;background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#5a5f6e05 10px 20px);place-items:center;height:calc(100% - 42px);min-height:180px;font-size:12px;display:grid}.deferred-card{text-align:center;background:linear-gradient(145deg,#fffffffa,#f8f9fcf5),repeating-linear-gradient(-45deg,#0000,#0000 10px,#5a5f6e06 10px 20px);place-content:center;justify-items:center;padding:26px;display:grid}.deferred-card>span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.deferred-card h2{color:#3b404d;margin:10px 0 7px;font-size:15px}.deferred-card p{color:#9298a4;max-width:380px;margin:0 0 15px;font-size:10px;line-height:1.6}.deferred-card button{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:7px;height:33px;padding:0 14px;font-size:11px;font-weight:600}.deferred-card small{color:#747b89;align-items:center;gap:7px;font-size:10px;display:flex}.deferred-card small i{font-style:normal;display:inline-block}.table-heading{align-items:flex-start}.pager{align-items:center;gap:8px;display:flex}.pager button{color:#6b7280;cursor:pointer;background:#f7f8fa;border:1px solid #e3e6eb;border-radius:6px;width:26px;height:26px}.pager button:disabled{opacity:.35;cursor:default}.pager span{color:#9399a5;font-size:9px}.table-scroll{height:calc(100% - 42px);overflow:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{z-index:1;color:#8c929e;text-align:left;white-space:nowrap;background:#f8f9fb;padding:10px 9px;font-weight:600;position:sticky;top:0}td{color:#555b68;white-space:nowrap;border-bottom:1px solid #eef0f3;padding:10px 9px}tbody tr:hover td{background:#fafbfc}.alert,.warning-banner{border-radius:9px;align-items:center;gap:12px;margin-bottom:17px;padding:12px 15px;font-size:11px;display:flex}.alert{color:#9d3845;background:#fff2f3;border:1px solid #ffd9dd}.alert span{flex:1}.alert button{color:#9d3845;background:#fff;border-color:#f5cbd0;height:30px}.warning-banner{color:#8b681b;background:#fff9e8;border:1px solid #f5e6b6}footer{color:#a2a8b2;border-top:1px solid #e3e6eb;justify-content:space-between;width:min(1480px,100% - clamp(32px,6vw,96px));margin:0 auto;padding:19px 0 28px;font-size:9px;display:flex}.loading-screen{width:min(1100px,100% - 48px);margin:70px auto}.loading-brand{color:#444956;align-items:center;gap:10px;margin-bottom:38px;font-size:14px;font-weight:700;display:flex}.loading-brand span{color:#fff;background:#5b5bd6;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.loading-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.loading-grid div{background:linear-gradient(100deg,#eceff3 25%,#f7f8fa 45%,#eceff3 65%) 0 0/300% 100%;border-radius:13px;min-height:130px;animation:1.4s infinite shimmer}.loading-grid div:nth-child(n+5){grid-column:span 2;min-height:320px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.fatal-state{text-align:center;place-content:center;justify-items:center;min-height:100vh;padding:30px;display:grid}.fatal-state>span{color:#a14450;background:#ffedef;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:700;display:grid}.fatal-state h1{margin:18px 0 8px;font-size:22px}.fatal-state p{color:#7c8390;font-size:13px}@media (width<=1050px){.widget-shell{grid-column:span 6}.widget-kpi{grid-column:span 3}.filter-bar,.filter-fields{align-items:stretch}.filter-bar{flex-direction:column}.filter-actions{justify-content:flex-end}}@media (width<=720px){.topbar{height:60px;padding:0 18px}.topbar-meta i,.topbar-meta i+*{display:none}.dashboard-main{width:calc(100% - 28px);padding-top:28px}.page-intro{flex-direction:column;align-items:flex-start}.data-status{justify-items:start}.filter-fields{grid-template-columns:1fr 1fr;display:grid}.date-group{grid-column:1/-1}.filter-group select{width:100%}.date-group input{width:100%;min-width:0}.widget-shell,.widget-kpi{grid-column:1/-1}footer{width:calc(100% - 28px)}}.roi-app{color:#202431;background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--roi-accent) 5%, transparent), transparent 24rem), #f4f6f9;--roi-accent:#168b84;--accent:var(--roi-accent);--roi-ink:#24313a;--roi-muted:#72808c;--roi-line:#e5e8ee;min-height:100vh}.roi-topbar{z-index:50;color:#202431;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid #dadee6cc;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(22px,4vw,64px);display:flex;position:sticky;top:0}.roi-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.roi-brand .roi-brand-mark{color:#fff;background:linear-gradient(145deg, var(--roi-accent), #44aaa3);width:35px;height:35px;box-shadow:0 8px 18px color-mix(in srgb, var(--roi-accent) 24%, transparent);letter-spacing:.02em;border-radius:10px;place-items:center;font-size:11px;font-weight:750;display:grid}.roi-brand div{line-height:1.05;display:grid}.roi-brand strong{letter-spacing:-.01em;font-size:15px}.roi-brand small{color:#9298a5;letter-spacing:.13em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:600}.roi-service-state{color:#7a8190;align-items:center;gap:8px;font-size:12px;display:flex}.roi-service-state i{background:#15ad78;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #15ad781c}.roi-service-divider{background:#dfe2e8;width:1px;height:14px;margin:0 5px}.roi-main{width:min(1480px,100% - clamp(32px,6vw,96px));margin-inline:auto;padding:42px 0 60px}.roi-command-center{background:#fff;border:1px solid #e5e8ee;border-radius:13px;margin-bottom:18px;overflow:visible;box-shadow:0 2px 7px #1e233206}.roi-query-bar{align-items:center;gap:15px;min-height:78px;padding:18px 20px;display:flex}.roi-filter{gap:6px;display:grid}.roi-filter label{color:#7a8791;font-size:10px;font-weight:650}.roi-filter input,.roi-filter select{color:#343946;background:#fafbfc;border:1px solid #dde1e8;border-radius:7px;height:36px;padding:0 11px;font-size:12px}.roi-filter input:focus,.roi-filter select:focus{border-color:var(--roi-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--roi-accent) 12%, transparent)}.roi-date-filter>div{align-items:center;gap:8px;display:flex}.roi-date-filter span{color:#9aa4ac;font-size:10px}.roi-filter select{min-width:130px}.roi-query-button,.roi-refresh-button{cursor:pointer;border-radius:7px;height:36px;padding:0 18px;font-size:12px;font-weight:600}.roi-query-actions{align-self:end;gap:9px;display:flex}.roi-query-button{color:#fff;background:var(--roi-accent);border:1px solid var(--roi-accent);box-shadow:0 5px 13px color-mix(in srgb, var(--roi-accent) 20%, transparent)}.roi-refresh-button{color:#596873;background:#fff;border:1px solid #d8dfe3}.roi-query-button:disabled,.roi-refresh-button:disabled{cursor:wait;opacity:.6}.roi-freshness{border-left:2px solid var(--roi-accent);justify-items:end;min-width:220px;padding-left:18px;display:grid}.roi-freshness span,.roi-freshness small{color:#8d98a1;font-size:9px}.roi-freshness strong{color:#324049;margin:4px 0;font-size:13px}.roi-navigation-row{border-top:1px solid #eef0f3;justify-content:space-between;align-items:flex-end;min-height:60px;padding:0 20px;display:flex}.roi-tabs{gap:3px;display:flex}.roi-tabs button{color:#65737e;cursor:pointer;background:0 0;border:0;justify-items:start;gap:3px;min-width:150px;height:59px;padding:10px 20px 9px;display:grid;position:relative}.roi-tabs button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15px;right:15px}.roi-tabs strong{font-size:13px;font-weight:700}.roi-tabs small{color:#a0a9af;font-size:9px}.roi-tabs button.is-active{color:#203039;background:color-mix(in srgb, var(--roi-accent) 5%, #fff)}.roi-tabs button.is-active:after{background:var(--roi-accent)}.period-switch{align-items:center;gap:4px;height:42px;display:flex}.period-switch>span{color:#8a969e;margin-right:7px;font-size:10px}.period-switch button{color:#6f7b84;cursor:pointer;background:#f7f9fa;border:1px solid #dfe5e8;height:28px;padding:0 13px;font-size:10px}.period-switch button:first-of-type{border-radius:5px 0 0 5px}.period-switch button:last-of-type{border-radius:0 5px 5px 0;margin-left:-5px}.period-switch button.is-active{z-index:1;color:#fff;background:var(--roi-accent);border-color:var(--roi-accent)}.roi-page-title{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.roi-page-title span,.trend-chart-card header span{color:var(--roi-accent);letter-spacing:.13em;font-size:9px;font-weight:800}.roi-page-title h1{color:#1f2330;letter-spacing:-.035em;margin:9px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.15}.roi-page-title p{color:#7a8190;max-width:650px;margin:0;font-size:14px;line-height:1.6}.roi-page-context-row{justify-content:space-between;align-items:center;gap:20px;min-height:54px;margin-bottom:14px;display:flex}.roi-page-context-row>p{color:#8b929e;margin:0;font-size:11px}.roi-page-context{min-height:1px}.roi-package-filter{min-width:240px}.searchable-package-select{gap:6px;display:grid;position:relative}.searchable-package-select>label{color:#7a8791;letter-spacing:.04em;font-size:9px;font-weight:700}.searchable-package-control{min-width:230px;position:relative}.searchable-package-control>input{color:#2f3a42;background:#fff;border:1px solid #d8dfe3;border-radius:6px;width:100%;height:34px;padding:0 34px 0 11px;font-size:11px}.searchable-package-control>input:focus{border-color:var(--roi-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--roi-accent) 12%, transparent);outline:none}.searchable-package-control>button{color:#65747e;cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:13px;position:absolute;top:1px;right:1px}.searchable-package-menu{z-index:90;background:#fff;border:1px solid #dfe5e8;border-radius:7px;max-height:286px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #1f2d3529}.searchable-package-menu button{color:#41505a;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:4px;width:100%;height:31px;padding:0 9px;font-family:Cascadia Mono,Consolas,monospace;font-size:10.5px;display:block;position:static;overflow:hidden}.searchable-package-menu button.is-active{color:#176f69;background:#edf7f6}.searchable-package-menu button.is-selected{font-weight:800}.searchable-package-menu p{color:#919ba3;text-align:center;margin:0;padding:15px 9px;font-size:10px}.roi-error,.roi-warning{border-radius:7px;gap:12px;margin-bottom:16px;padding:12px 15px;font-size:11px;display:flex}.roi-error{color:#93454c;background:#fff1f2;border:1px solid #f2cfd2}.roi-warning{color:#856420;background:#fff9e8;border:1px solid #efe1b7}.package-period-stack{gap:24px;display:grid}.roi-period-card,.market-summary-shell,.trend-chart-card,.roi-loading{background:#fffffff7;border:1px solid #e5e8ee;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #1f243009}.roi-period-heading{background:color-mix(in srgb, var(--roi-accent) 7%, #fff);border-left:5px solid #70b8b2;justify-content:space-between;align-items:center;gap:20px;min-height:58px;padding:0 20px;display:flex}.roi-period-heading>div{align-items:center;gap:12px;display:flex}.roi-period-heading span{color:#23766f;letter-spacing:.08em;min-width:40px;font-size:10px;font-weight:800}.roi-period-heading strong{color:#33434c;font-size:14px}.roi-period-heading p{color:#7c8992;margin:0;font-size:10px}.roi-period-heading p b{color:#d4584d;margin:0 3px;font-size:14px}.period-tone-1{background:#f6f0e8;border-color:#d7a76d}.period-tone-2{background:#f5f2e3;border-color:#d4b75c}.period-tone-3{background:#f4edf1;border-color:#c68a9d}.roi-table-scroll,.market-scroll{width:100%;overflow:auto}.roi-data-table{border-collapse:separate;border-spacing:0;color:#46535c;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.roi-data-table th,.roi-data-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #e6eaed;border-right:1px solid #e6eaed;height:34px;padding:7px 9px;position:static}.roi-data-table thead th{color:#35434c;background:#f8f9fb;font-weight:750}.roi-data-table tbody tr:hover td{background:#f8fbfb}.package-summary-table{min-width:2060px}.package-summary-table th:first-child,.package-summary-table td:first-child{text-align:left;min-width:150px}.package-summary-table th:nth-child(3),.package-summary-table th:nth-child(4){min-width:92px}.period-total-row th{height:34px;color:#178078!important;background:#f2f8f7!important}.period-total-row th:first-child{color:#c54e45!important}.sticky-package{z-index:3;left:0;box-shadow:3px 0 7px #28363e09;background:#fff!important;position:sticky!important}thead .sticky-package{background:#f6f8f9!important}.package-name{color:#2d555f;font-family:Cascadia Mono,Consolas,monospace;font-size:9.5px}.os-pill{color:#52606c;background:#f0f2f6;border:1px solid #e1e5eb;border-radius:999px;justify-content:center;min-width:46px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.roi-cell-highlight{font-weight:800;color:#8d5703!important;background:#fff0bd!important}.status-pill{border-radius:999px;padding:2px 7px;font-size:9px;display:inline-flex}.status-pill.is-ok{color:#27765d;background:#e6f5ef}.status-pill.is-warning{color:#9c563d;background:#fff0e9}.market-summary-shell{padding:0}.market-summary-table th,.market-summary-table td{min-width:118px}.market-summary-table .market-label{color:#37454d;text-align:left;background:#f7f9fa;width:198px;min-width:198px}.market-summary-table .sticky-left{z-index:5;position:sticky;left:0;box-shadow:4px 0 9px #24323a0e}.market-summary-table .sticky-right{z-index:5;position:sticky;right:0;box-shadow:-4px 0 9px #24323a0e}.market-period-title{border-top:4px solid #70b8b2;color:#34464f!important;height:48px!important}.market-period-title.period-tone-1{border-top-color:#d7a76d}.market-period-title.period-tone-2{border-top-color:#d4b75c}.market-period-title.period-tone-3{border-top-color:#c68a9d}.market-age{color:#d5584e;font-weight:750}.market-current-row th,.market-current-row td{color:#994a28;background:#fff0e5!important}.market-current-row strong{font-size:14px}.threshold-heading-row th{color:#235e62;height:38px;background:#dff1ef!important}.threshold-heading-row th:not(.market-label){padding:0;display:table-cell}.threshold-heading-row th:not(.market-label) span{width:50%;padding:8px 3px;display:inline-block}.threshold-heading-row th:not(.market-label) span+span{border-left:1px solid #bedbd8}.threshold-emphasis th,.threshold-emphasis td{color:#b04943;font-weight:750}.roi-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.roi-kpi-grid article{border:1px solid #e5e8ee;border-top:3px solid var(--roi-accent);background:#fff;border-radius:13px;align-content:center;min-height:116px;padding:18px 20px;display:grid;box-shadow:0 4px 16px #1f243009}.roi-kpi-grid span{color:#788690;font-size:10px}.roi-kpi-grid strong{color:#2b3a42;letter-spacing:-.035em;margin:9px 0 6px;font-size:24px}.roi-kpi-grid small{color:#9aa4ab;font-size:9px}.trend-chart-card{padding:21px 23px 17px}.trend-chart-card header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.trend-chart-card h2{color:#2e3b43;margin:6px 0 0;font-size:15px}.trend-chart-card p{color:#8d98a0;margin:3px 0 0;font-size:10px}.roi-trend-chart{width:100%;height:430px}.package-trend-card{margin-top:16px}.package-trend-toolbar{background:#f8f9fb;border:1px solid #e5e8ee;border-radius:9px;align-items:flex-end;gap:12px;margin:18px 0 2px;padding:13px 14px;display:flex}.package-trend-toolbar label,.package-trend-period{gap:6px;display:grid}.package-trend-package-filter{min-width:240px}.package-trend-toolbar label>span,.package-trend-period>span{color:#7a8791;font-size:9px;font-weight:700}.package-trend-toolbar select{color:#334149;background:#fff;border:1px solid #d7dee2;border-radius:5px;min-width:210px;height:34px;padding:0 28px 0 10px;font-size:11px}.package-trend-period>div{display:flex}.package-trend-period button{color:#67757e;cursor:pointer;background:#fff;border:1px solid #d7dee2;min-width:58px;height:34px;padding:0 11px;font-size:10px}.package-trend-period button+button{margin-left:-1px}.package-trend-period button:first-child{border-radius:5px 0 0 5px}.package-trend-period button:last-child{border-radius:0 5px 5px 0}.package-trend-period button.is-active{z-index:1;color:#fff;background:var(--roi-accent);border-color:var(--roi-accent)}.package-trend-context{justify-items:end;gap:5px;min-width:175px;margin-left:auto;display:grid}.package-trend-context strong{color:#32424a;text-overflow:ellipsis;white-space:nowrap;max-width:250px;font-size:11px;overflow:hidden}.package-trend-context span{color:#8c98a0;font-size:9px}.package-roi-chart{width:100%;height:390px}.roi-chart-tooltip-row{justify-content:space-between;align-items:center;gap:22px;min-width:215px;margin-top:7px;display:flex}.roi-chart-tooltip-row b{color:#34434b;font-variant-numeric:tabular-nums}.package-trend-empty{color:#909ba3;background:repeating-linear-gradient(-45deg,#0000,#0000 11px,#30454e05 11px 22px);place-items:center;min-height:320px;font-size:11px;display:grid}.roi-loading{min-height:460px;padding:26px}.roi-loading-line,.roi-loading-table{background:linear-gradient(100deg,#edf0f2 25%,#f8f9fa 45%,#edf0f2 65%) 0 0/300% 100%;animation:1.35s infinite shimmer}.roi-loading-line{border-radius:5px;width:42%;height:17px;margin-bottom:11px}.roi-loading-line.short{width:25%;height:10px}.roi-loading-table{border-radius:7px;height:330px;margin-top:28px}.roi-empty{color:#8e9aa2;background:#fff;border:1px solid #e5e8ee;border-radius:13px;place-items:center;min-height:320px;font-size:12px;display:grid}@media (width<=980px){.roi-query-bar{flex-wrap:wrap;padding:14px 0}.roi-freshness{min-width:190px}.roi-navigation-row{flex-direction:column;align-items:stretch}.roi-tabs{overflow-x:auto}.period-switch{justify-content:flex-end}.roi-kpi-grid{grid-template-columns:repeat(2,1fr)}.package-trend-toolbar{flex-wrap:wrap;align-items:stretch}.package-trend-context{justify-items:start;width:100%;margin-left:0}.roi-query-actions{margin-left:auto}}@media (width<=640px){.roi-topbar{padding:0 16px}.roi-brand strong,.roi-service-state{display:none}.roi-main{width:calc(100% - 24px);padding-top:28px}.roi-date-filter,.roi-date-filter>div,.roi-date-filter input{width:100%}.roi-page-title{flex-direction:column;align-items:flex-start}.roi-freshness{justify-items:start;width:100%}.roi-page-context-row,.roi-page-context{flex-direction:column;align-items:stretch;width:100%}.roi-query-actions{width:100%;margin-left:0}.roi-query-actions button{flex:1}.roi-package-filter,.searchable-package-control,.package-trend-package-filter,.package-trend-toolbar label,.package-trend-toolbar select{width:100%}.roi-tabs button{min-width:132px;padding-inline:12px}.roi-kpi-grid{grid-template-columns:1fr}}