*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#06131f;--bg-1:#0b1f2f;--panel:#ffffffeb;--panel-soft:#ffffffd1;--line:#94a3b847;--text:#0f172a;--muted:#64748b;--blue:#2563eb;--cyan:#06b6d4;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--purple:#7c3aed;--shadow:0 20px 60px #02081738;--radius:20px;font-family:Inter,HarmonyOS Sans SC,MiSans,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{min-height:100vh;color:var(--text);background-color:#0000;background-image:radial-gradient(circle at 8% 4%,#2dd4bf47,#0000 34%),radial-gradient(circle at 86% 10%,#3b82f64d,#0000 34%),radial-gradient(circle at 48% 88%,#22c55e29,#0000 36%),linear-gradient(135deg,#06131f 0%,#0b1f2f 46%,#102a3a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-family:inherit}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 78%);mask-image:linear-gradient(#000000bf,#0000 78%)}#app{min-height:100vh}.dashboard-page{flex-direction:column;gap:16px;width:min(1540px,100vw - 28px);margin:0 auto;padding:22px 0 34px;display:flex}.top-header{color:#fff;min-height:168px;box-shadow:var(--shadow);background:linear-gradient(135deg,#0f766ee0,#1d4ed8e6),url("data:image/svg+xml,%3Csvg width='900' height='240' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='rgba(255,255,255,.20)' stroke-width='1'%3E%3Cpath d='M0 180 C160 90 250 220 390 130 S700 70 900 160'/%3E%3Cpath d='M0 120 C170 40 260 170 420 90 S690 45 900 105'/%3E%3C/g%3E%3C/svg%3E");border:1px solid #7dd3fc3d;border-radius:28px;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.top-header:before,.top-header:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.top-header:before{background:#ffffff29;width:360px;height:360px;top:-170px;right:-130px}.top-header:after{background:#2dd4bf38;width:190px;height:190px;bottom:-120px;right:320px}.top-header>*{z-index:1;position:relative}.top-header h1{letter-spacing:-.04em;text-shadow:0 8px 24px #02081738;margin:0 0 10px;font-size:clamp(30px,3.2vw,46px);font-weight:900;line-height:1.08}.top-header p{color:#eff6fff0;max-width:720px;margin:0;font-size:14px;line-height:1.75}.source-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#eff6ff;text-align:right;background:#ffffff29;border:1px solid #ffffff47;border-radius:18px;width:min(520px,42vw);padding:14px 16px;font-size:12px;line-height:1.65;box-shadow:inset 0 1px #ffffff29}.filter-panel,.card,.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius);border:1px solid #e2e8f0c7;position:relative;box-shadow:0 16px 40px #02081724}.filter-panel{grid-template-columns:1fr 1.2fr 1fr auto;align-items:end;gap:14px;padding:16px;display:grid}.filter-item{flex-direction:column;gap:7px;display:flex}.filter-item label{color:#334155;letter-spacing:.04em;font-size:12px;font-weight:800}.filter-item select,.filter-item input{color:#0f172a;background:linear-gradient(#fff,#f8fafc);border:1px solid #cbd5e1;border-radius:13px;outline:none;width:100%;height:42px;padding:0 13px;font-size:14px;transition:border-color .18s,box-shadow .18s,transform .18s}.filter-item select:focus,.filter-item input:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf829}.refresh-btn,.ghost-btn{cursor:pointer;border:0;font-family:inherit;font-weight:800;transition:transform .16s,box-shadow .16s,opacity .16s,filter .16s}.refresh-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#0ea5e9 58%,#2563eb);border-radius:14px;min-width:128px;height:42px;box-shadow:0 12px 24px #0ea5e94d}.refresh-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.refresh-btn:active:not(:disabled),.ghost-btn:active:not(:disabled){transform:translateY(1px)}.refresh-btn:disabled,.ghost-btn:disabled{opacity:.62;cursor:not-allowed}.export-panel{grid-template-columns:minmax(220px,1fr) minmax(420px,2fr);align-items:center;gap:8px 18px;padding:16px;display:grid}.export-panel .panel-title,.export-panel .panel-subtitle{grid-column:1}.export-actions{grid-area:1/2/span 2;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.ghost-btn{color:#1d4ed8;background:linear-gradient(#eff6ff,#fff);border:1px solid #2563eb2e;border-radius:12px;min-height:38px;padding:0 12px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card,.panel{padding:16px}.card{min-height:118px;overflow:hidden}.card:before{content:"";background:linear-gradient(180deg, var(--green), var(--cyan), var(--blue));width:5px;position:absolute;inset:0 auto 0 0}.card:after{content:"";background:radial-gradient(circle,#0ea5e929,#0000 70%);border-radius:999px;width:112px;height:112px;position:absolute;top:-36px;right:-36px}.extreme-cards .card:first-child:before{background:linear-gradient(#ef4444,#f97316)}.extreme-cards .card:last-child:before{background:linear-gradient(#22c55e,#06b6d4)}.label{z-index:1;color:var(--muted);letter-spacing:.04em;margin-bottom:9px;font-size:12px;font-weight:800;position:relative}.value{z-index:1;letter-spacing:-.035em;color:#0f172a;font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.1;position:relative}.value.small{letter-spacing:-.01em;word-break:break-all;color:#1e293b;font-size:18px;font-weight:850}.detail{z-index:1;color:#475569;margin-top:8px;font-size:13px;line-height:1.55;position:relative}.panel-title{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 8px;font-size:16px;font-weight:900;display:flex}.panel-title:before{content:"";background:linear-gradient(#22c55e,#0ea5e9);border-radius:99px;width:8px;height:18px;box-shadow:0 0 0 4px #0ea5e91a}.panel-subtitle{color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.55}.scope-panel{background:linear-gradient(135deg,#ecfdf5f0,#ffffffeb);border-color:#6ee7b78f}.scope-list,.insights-panel ul{gap:9px;margin:0;padding:0;list-style:none;display:grid}.scope-list li,.insights-panel li{color:#1e293b;background:#ffffff9e;border:1px solid #e2e8f0e0;border-radius:14px;padding:10px 12px 10px 34px;font-size:13px;line-height:1.5;position:relative}.scope-list li:before,.insights-panel li:before{content:"✓";color:#fff;background:#10b981;border-radius:999px;place-items:center;width:16px;height:16px;font-size:10px;font-weight:900;display:grid;position:absolute;top:10px;left:12px}.source-panel{background:linear-gradient(#eff6fff0 0%,#ffffffeb 84%);border-color:#7dd3fc70}.source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.source-chip{background:#ffffffc2;border:1px solid #bfdbfee6;border-radius:16px;flex-direction:column;justify-content:space-between;gap:10px;min-height:78px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffffb8}.source-chip.primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#0e7490);border-color:#0000;box-shadow:0 14px 26px #2563eb3d}.source-chip span{color:#64748b;font-size:12px;line-height:1.35}.source-chip strong{color:#0f172a;font-size:13px;line-height:1.4}.source-chip.primary span{color:#dbeafe}.source-chip.primary strong{color:#fff}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.chart-layout{align-items:stretch}.chart-card{flex-direction:column;min-height:0;display:flex;overflow:hidden}.chart-card:after{content:"";background:linear-gradient(90deg,#0000,#0ea5e973,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}.chart{width:100%;height:320px}.chart-card .chart{background:linear-gradient(#f8fafc94,#ffffff2e);border-radius:16px;flex:1;min-height:300px}.chart-card-wide{grid-column:span 8}.chart-card-side,.chart-card-map,.chart-card-mid{grid-column:span 4}.chart-card-half{grid-column:span 6}.trend-panel .wide-chart{height:350px}.map-panel .map-chart{height:450px}.rank-panel .tall-chart{height:455px}.chart-card-mid .medium-chart{height:310px}.secondary-grid .chart{height:345px}.compact-insights{min-height:350px}.emphasis-panel{background:linear-gradient(#fffffff0,#f0f9ffeb)}.rank-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.compact-panel ol{counter-reset:rank;gap:9px;margin:0;padding:0;list-style:none;display:grid}.compact-panel li{counter-increment:rank;background:linear-gradient(#fff,#f8fafc);border:1px solid #e2e8f0e6;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:8px 12px;font-size:13px;display:flex}.compact-panel li span{color:#334155;align-items:center;gap:8px;font-weight:700;display:flex}.compact-panel li span:before{content:counter(rank);color:#fff;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:8px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid}.compact-panel strong{color:#1d4ed8;font-size:15px;font-weight:900}.table-wrap{border:1px solid #e2e8f0e0;border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;background:#ffffffb8;width:100%;font-size:12px}.data-table th,.data-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:10px 9px}.data-table th{z-index:1;color:#0f172a;background:linear-gradient(#f8fafc,#eef6ff);font-weight:900;position:sticky;top:0}.data-table tbody tr:hover{background:#f0f9ff}.status{color:#dbeafe;margin:0 2px;font-size:13px}.status.error{color:#dc2626;font-weight:800}.status.success{color:#0f766e;font-weight:800}.refresh-toast{z-index:20;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #cbd5e1b8;border-radius:999px;width:fit-content;min-width:320px;margin:0 auto;padding:13px 20px;font-size:14px;position:sticky;top:12px;box-shadow:0 16px 42px #0f172a38}.notice-fade-enter-active,.notice-fade-leave-active{transition:all .22s}.notice-fade-enter-from,.notice-fade-leave-to{opacity:0;transform:translateY(-8px)}@media (width<=1200px){.dashboard-page{width:min(1280px,100vw - 24px);padding-top:16px}.top-header{flex-direction:column}.source-badge{text-align:left;width:100%;max-width:none}.filter-panel,.cards,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-cards .card:nth-child(3){grid-column:span 2}.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.chart-card-wide,.chart-card-side,.chart-card-map,.chart-card-mid,.chart-card-half{grid-column:span 6}.export-panel{grid-template-columns:1fr}.export-panel .panel-title,.export-panel .panel-subtitle,.export-actions{grid-area:auto/1}.export-actions,.rank-lists{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-panel .wide-chart,.map-panel .map-chart,.rank-panel .tall-chart,.chart-card-mid .medium-chart,.secondary-grid .chart{height:330px}}@media (width<=760px){.dashboard-page{gap:12px;width:min(100vw - 18px,760px);padding-top:10px}.top-header{border-radius:22px;min-height:auto;padding:22px 18px}.filter-panel,.cards,.source-grid,.rank-lists,.export-actions{grid-template-columns:1fr}.summary-cards .card:nth-child(3),.chart-card-wide,.chart-card-side,.chart-card-map,.chart-card-mid,.chart-card-half{grid-column:1/-1}.card,.panel,.filter-panel{border-radius:17px;padding:14px}.chart,.trend-panel .wide-chart,.map-panel .map-chart,.rank-panel .tall-chart,.chart-card-mid .medium-chart,.secondary-grid .chart{height:300px}.refresh-toast{width:calc(100vw - 42px);min-width:0}}.market-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.change-card.up:before{background:linear-gradient(#ef4444,#f97316)}.change-card.down:before{background:linear-gradient(#10b981,#059669)}.change-card.flat:before{background:linear-gradient(#64748b,#94a3b8)}.change-card.up .value,.change-card.up .detail{color:#dc2626}.change-card.down .value,.change-card.down .detail{color:#059669}.change-card.flat .value,.change-card.flat .detail{color:#475569}@media (width<=1200px){.market-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.market-cards .change-card{grid-column:span 2}}@media (width<=760px){.market-cards,.market-cards .change-card{grid-column:1/-1;grid-template-columns:1fr}}.section-heading{color:#fff;border:1px solid #7dd3fc57;border-radius:22px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 16px 40px #02081729}.section-heading:after{content:"";background:#ffffff21;border-radius:999px;width:230px;height:230px;position:absolute;top:-90px;right:-70px}.section-heading>div{z-index:1;position:relative}.section-heading span{color:#eff6ffeb;letter-spacing:.12em;background:#ffffff29;border-radius:999px;margin-bottom:6px;padding:4px 9px;font-size:11px;font-weight:900;display:inline-flex}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.2}.section-heading p{color:#eff6ffe0;max-width:880px;margin:8px 0 0;font-size:13px;line-height:1.65}.global-heading{background:linear-gradient(135deg,#0e7490eb,#2563ebe6)}.province-heading{background:linear-gradient(135deg,#15803deb,#0ea5e9e0)}.global-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.province-metric-cards{grid-template-columns:minmax(280px,520px) 1fr}.province-metric-cards .change-card{min-height:128px}.global-chart-grid,.province-chart-grid{scroll-margin-top:18px}.global-chart-grid .chart-card-map{grid-column:span 4}.global-chart-grid .rank-panel{grid-column:span 8}.province-chart-grid .chart-card-half{grid-column:span 6}.province-chart-grid .chart-card-wide{grid-column:span 12}.province-chart-grid .wide-chart{height:360px}@media (width<=1200px){.province-metric-cards,.global-metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.global-chart-grid .chart-card-map,.global-chart-grid .rank-panel,.province-chart-grid .chart-card-half,.province-chart-grid .chart-card-wide{grid-column:span 6}}@media (width<=760px){.section-heading{border-radius:18px;padding:16px}.province-metric-cards,.global-metric-cards{grid-template-columns:1fr}.global-chart-grid .chart-card-map,.global-chart-grid .rank-panel,.province-chart-grid .chart-card-half,.province-chart-grid .chart-card-wide{grid-column:1/-1}}.source-chip em{color:#64748b;font-size:11px;font-style:normal;line-height:1.35}.source-chip.primary em{color:#dbeafe}