:root{color:#172033;background:#f7f8fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #2f6fed;--blue-50: #eef4ff;--border: #e4e7ec;--muted: #748094;--surface: #fff;--page-gutter: 16px;--section-gap: 12px;--panel-padding: 14px}*{box-sizing:border-box}body{margin:0;min-width:1200px;min-height:100vh;background:#f7f8fa;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.module-sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:170px;border-right:1px solid var(--border);background:#fff}.module-sidebar-title{height:58px;padding:0 18px;border-bottom:1px solid #edf0f3;color:#253047;display:flex;align-items:center;font-size:13px;font-weight:700}.module-sidebar nav{padding:12px 8px;display:grid;gap:4px}.module-sidebar button{position:relative;width:100%;height:42px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#4e596c;font-size:13px;text-align:left}.module-sidebar button:hover{background:#f5f7fa;color:#253047}.module-sidebar button.active{background:var(--blue-50);color:var(--blue);font-weight:700}.module-sidebar button.active:before{position:absolute;inset:9px auto 9px 0;width:3px;border-radius:2px;background:var(--blue);content:""}.dashboard-main{width:100%;min-width:1200px;padding:0 var(--page-gutter) 24px}.topbar{height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dashboard-title{display:flex;align-items:center;gap:5px}.dashboard-title h1{margin:0;font-size:20px;letter-spacing:-.01em}.icon-button,.metric-info{border:0;background:transparent;color:#8390a3;display:inline-grid;place-items:center;padding:3px}.refresh-status{display:flex;align-items:center;gap:7px;color:#7a8595;font-size:12px}.refresh-status button{border:0;background:transparent;color:#3e4859;padding:0}.refresh-status .is-spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scope-line{min-height:44px;display:flex;align-items:center;justify-content:space-between}.scope-line div{display:flex;align-items:center;gap:10px}.scope-line strong{font-size:14px}.scope-line span{color:#667085;font-size:12px}.scope-line .scope-badges{gap:6px}.scope-line .exclusion-badge{padding:4px 8px;border:1px solid #f0d9a7;border-radius:4px;background:#fffaf0;color:#8a611d;font-weight:650}.scope-line .daily-badge{padding:4px 8px;border:1px solid #cddcff;border-radius:4px;background:#f4f7ff;color:#2f6fed;font-weight:650}.filter-panel{border:1px solid var(--border);border-radius:7px;background:#fff}.filter-row{min-height:58px;padding:9px 12px;display:flex;align-items:center;gap:8px}.primary-row{min-height:64px}.secondary-row{min-height:54px;border-top:1px solid #edf0f3;background:#fbfcfd}.date-range,.quick-range,.user-switch{height:38px;border:1px solid #dfe3e9;border-radius:6px;background:#fff}.date-range{width:374px;min-width:374px;height:44px;padding:3px 8px;display:flex;align-items:center;gap:5px;color:#657084}.date-range>svg{flex:0 0 auto;color:#5e6c80}.date-field{width:122px;height:36px;padding:2px 5px;border-radius:4px;display:grid;align-content:center;gap:1px;cursor:pointer}.date-field:hover,.date-field:focus-within{background:#f4f7fc}.date-field>span{color:#7b8798;font-size:10px;line-height:1.1}.date-field input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#202b3d;font-size:13px;font-weight:650;line-height:1.3;cursor:pointer}.date-arrow{color:#9aa3b1;font-size:14px}.date-count{min-width:38px;padding:4px 6px;border-radius:4px;background:#f2f5f9;color:#566277;font-size:11px;text-align:center;white-space:nowrap}.quick-range{height:44px;display:flex;overflow:hidden}.quick-range button{min-width:62px;height:42px;border:0;border-right:1px solid #e6e9ee;background:#fff;color:#525e72;font-size:12px}.quick-range button:hover{background:#f7f9fc;color:#273247}.quick-range button:last-child{border-right:0}.quick-range button.active{background:var(--blue-50);color:var(--blue);font-weight:650}.search-select{position:relative;z-index:2;min-width:160px;height:38px;padding-left:10px;border:1px solid #dfe3e9;border-radius:6px;background:#fff;display:flex;align-items:center;gap:5px}.search-select.open{z-index:35;border-color:#86a8f3;box-shadow:0 0 0 3px #2f6fed1a}.search-select.wide{min-width:185px}.search-select-label{flex:0 0 auto;color:#596579;font-size:12px;white-space:nowrap}.search-select-trigger{min-width:0;height:36px;padding:0 7px 0 1px;border:0;background:transparent;color:#273247;display:flex;align-items:center;gap:5px}.search-select-trigger>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.search-select-trigger>svg{flex:0 0 auto;color:#8993a3;transition:transform .16s ease}.search-select.open .search-select-trigger>svg{transform:rotate(180deg)}.search-select-popover{position:absolute;top:calc(100% + 6px);left:0;width:280px;padding:8px 0 6px;border:1px solid #dfe3e9;border-radius:7px;background:#fff;box-shadow:0 12px 28px #18274329}.search-select-input{height:36px;margin:0 8px 7px;padding:0 8px;border:1px solid #d8dee8;border-radius:5px;display:flex;align-items:center;gap:6px;color:#7b8798}.search-select-input:focus-within{border-color:#78a0f6;box-shadow:0 0 0 2px #2f6fed1a}.search-select-input input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#253047;font-size:12px}.search-select-input input::-webkit-search-cancel-button{display:none}.search-select-input>button{width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:#7f8a9b;display:grid;place-items:center}.search-select-input>button:hover{background:#f0f3f7;color:#374151}.search-select-options{max-height:248px;padding:0 5px;overflow-y:auto}.search-select-options>button{width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:4px;background:transparent;color:#344054;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;font-size:12px}.search-select-options>button:hover{background:#f4f7fb}.search-select-options>button.selected{background:#eef4ff;color:var(--blue);font-weight:650}.search-select-options>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select-options>button svg{flex:0 0 auto}.multi-select .search-select-popover{width:300px}.multi-select .search-select-options>button{justify-content:flex-start}.multi-select .search-select-options>button>span{display:flex;align-items:center;gap:8px}.multi-checkbox{width:17px;height:17px;border:1px solid #c9d1dd;border-radius:4px;background:#fff;color:#fff;display:inline-grid;place-items:center;flex:0 0 auto}.multi-select .search-select-options>button.selected .multi-checkbox{border-color:var(--blue);background:var(--blue)}.multi-select-footer{min-height:42px;margin-top:5px;padding:7px 9px 1px 12px;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:7px}.multi-select-footer>span{flex:1;color:#7b8798;font-size:12px}.multi-select-footer>button{height:28px;padding:0 8px;border:0;border-radius:4px;background:transparent;color:#4f5d70;font-size:12px}.multi-select-footer>button:hover{background:#f2f5f9}.multi-select-footer>button.multi-done{padding:0 11px;background:var(--blue);color:#fff}.multi-select-footer>button.multi-done:hover{background:#245ed0}.search-empty{height:72px;color:#8a94a4;display:grid;place-items:center;font-size:12px}.search-result-count{margin-top:5px;padding:6px 12px 0;border-top:1px solid #edf0f3;color:#8a94a4;font-size:11px}.user-switch{padding:3px;display:flex;align-items:center;gap:2px}.user-switch>span{padding:0 6px;color:#596579;font-size:12px}.user-switch button{height:30px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#4f5d70;font-size:12px}.user-switch button.active{background:var(--blue-50);color:var(--blue);font-weight:700}.query-button,.reset-button,.definition-button,.export-button{height:38px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.query-button{min-width:76px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-weight:650}.query-button.pending{min-width:92px;box-shadow:0 0 0 3px #2f6fed21}.query-button.success{border-color:#1f9d72;background:#1f9d72}.query-button:disabled{cursor:wait;border-color:#8baaf0;background:#8baaf0}.reset-button{min-width:58px;border:1px solid #dfe3e9;background:#fff;color:#485469}.metrics-grid{margin-top:var(--section-gap);border:1px solid var(--border);border-radius:7px;background:#fff;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible}.coverage-warning{min-height:34px;margin-top:8px;padding:7px 10px;border:1px solid #f0d9a7;border-radius:6px;background:#fffaf0;color:#7a5418;display:flex;align-items:center;gap:7px;font-size:12px}.metric-card{position:relative;min-width:0;height:86px;padding:14px 16px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.metric-card:nth-child(5n){border-right:0}.metric-card:nth-last-child(-n+5){border-bottom:0}.metric-count-9 .metric-card:nth-child(n+6),.metric-count-10 .metric-card:nth-child(n+6){border-bottom:0}.metric-label{display:flex;align-items:center;gap:3px;color:#4f5d70;font-size:12px;white-space:nowrap}.metric-info:hover,.metric-info:focus-visible{color:var(--blue);outline:none}.metric-value{display:block;margin-top:8px;color:#111827;font-size:24px;line-height:1;letter-spacing:-.02em}.metric-value.strong{color:#1b65d6}.metric-tooltip{position:absolute;z-index:15;top:76px;right:8px;width:270px;padding:11px 12px;border:1px solid #dfe3e9;border-radius:6px;background:#fff;color:#4f5d70;box-shadow:0 8px 22px #1e2d4624;font-size:12px;line-height:1.6;pointer-events:none}.panel{border:1px solid var(--border);border-radius:7px;background:#fff;overflow:hidden}.charts-grid{margin-top:var(--section-gap);display:grid;grid-template-columns:1fr 1fr;gap:var(--section-gap)}.chart-panel{height:306px}.panel-title{min-height:54px;padding:10px var(--panel-padding);display:flex;align-items:center}.panel-title.inline{justify-content:space-between}.panel-title.chart-title{justify-content:space-between;gap:12px}.panel-title h2{margin:0;color:#1e293b;font-size:14px}.panel-title span{display:block;margin-top:4px;color:#687386;font-size:12px}.interactive-legend{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.interactive-legend button{min-width:60px;height:32px;padding:0 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#4f5d70;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:12px;white-space:nowrap}.interactive-legend button:hover{border-color:#dfe3e9;background:#f8f9fb}.interactive-legend button i{width:13px;height:2px;border-radius:2px}.interactive-legend button span{margin:0;color:inherit;font-size:inherit}.interactive-legend button.is-hidden{color:#aab1bd;text-decoration:line-through}.interactive-legend button.is-hidden i{background:#c8ced7!important}.chart-wrap{height:250px;padding:0 8px 4px}.table-panel{margin-top:var(--section-gap)}.definition-button{height:31px;padding:0 9px;border:1px solid var(--border);background:#fff;color:#586478}.table-actions{display:flex;align-items:center;gap:7px}.export-button{height:31px;padding:0 10px;border:1px solid #b9cdfb;background:#f5f8ff;color:#2f6fed;font-weight:650}.export-button:hover{border-color:#7ea5f7;background:#eaf1ff}.export-button.success{border-color:#86d1b8;background:#effaf6;color:#16815d}.table-scroll{overflow:auto;border-top:1px solid #eef0f3}.table-pagination{min-height:46px;padding:7px var(--panel-padding);border-top:1px solid #eef0f3;display:flex;align-items:center;justify-content:space-between;color:#667085;font-size:12px}.table-pagination>div{display:flex;align-items:center;gap:8px}.table-pagination button{height:32px;padding:0 11px;border:1px solid #dfe3e9;border-radius:5px;background:#fff;color:#485469;font-size:12px}.table-pagination button:hover:not(:disabled){border-color:#9db8f4;color:var(--blue)}.table-pagination button:disabled{cursor:not-allowed;color:#b2bac6;background:#f7f8fa}table{width:100%;border-collapse:collapse;color:#374151;font-size:12px;white-space:nowrap}th{height:36px;padding:0 10px;background:#f8f9fb;color:#596579;font-weight:650;text-align:right}th:first-child,td:first-child{text-align:left}td{height:35px;padding:0 10px;border-top:1px solid #edf0f3;text-align:right}tbody tr:hover{background:#f8fbff}.dimension-name{color:#1f2a3d;font-weight:600}.table-panel th:first-child,.table-panel td:first-child{width:112px;min-width:112px;max-width:112px}.ranking-tabs{height:48px;margin-top:var(--section-gap);padding:6px;border:1px solid var(--border);border-radius:7px;background:#fff;display:flex;align-items:center;gap:4px}.ranking-tabs button{height:34px;padding:0 16px;border:0;border-radius:5px;background:transparent;color:#566175;font-size:12px}.ranking-tabs button.active{background:var(--blue-50);color:var(--blue);font-weight:700}.ranking-layout{margin-top:var(--section-gap);display:grid;grid-template-columns:minmax(430px,.85fr) minmax(620px,1.15fr);gap:var(--section-gap)}.ranking-visual,.ranking-table{height:598px}.ranking-chart{height:542px;padding:0 8px 8px}.ranking-scroll{height:544px}.row-count{margin:0!important;padding:4px 8px;border-radius:4px;background:#f4f6f9;color:#657084!important}.rank-change{min-width:48px;display:inline-flex;align-items:center;justify-content:flex-end;gap:3px;font-weight:650}.rank-change.up{color:#16815d}.rank-change.down{color:#c2413b}.rank-change.flat{color:#7a8595;font-weight:500}.data-note{min-height:40px;display:flex;align-items:center;gap:7px;color:#687386;font-size:12px}.query-state{min-height:360px;margin-top:var(--section-gap);border:1px solid var(--border);border-radius:7px;background:#fff;color:#667085;display:grid;place-items:center;font-size:13px}.query-state.error-state{border-color:#efc9c5;background:#fff8f7;color:#a43f37}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a38}.definition-drawer{position:absolute;inset:0 0 0 auto;width:400px;background:#fff;box-shadow:-12px 0 35px #15233a2e}.definition-drawer>header{height:58px;padding:0 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.definition-drawer>header>div{display:flex;align-items:center;gap:9px}.definition-drawer h2{margin:0;font-size:17px}.drawer-body{height:calc(100vh - 58px);padding:16px 20px 28px;overflow:auto}.drawer-intro{margin:0 0 12px;padding:10px 12px;border-radius:6px;background:#f6f8fb;color:#596579;font-size:12px;line-height:1.6}.drawer-body section{padding:11px 0;border-bottom:1px solid #edf0f3}.drawer-body h3{margin:0 0 5px;font-size:13px}.drawer-body p{margin:0;color:#596579;font-size:12px;line-height:1.65}.drawer-warning{margin-top:14px;padding:11px;border:1px solid #f0d9a7;border-radius:6px;background:#fffaf0;color:#7a5418;display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.6}@media(max-width:1280px){.filter-row{gap:6px;padding-inline:9px}.date-range{width:348px;min-width:348px;padding-inline:6px}.date-field{width:111px}.quick-range button{min-width:56px}.search-select{min-width:148px}.search-select.wide{min-width:165px}.user-switch button{padding-inline:7px}.metric-card{padding-inline:12px}}