:root{--bg: #0b0f14;--panel: #131a24;--panel-2: #1a222e;--border: #232d3b;--text: #e6ebf2;--muted: #9aa4b2;--up: #4ade80;--down: #f87171;--accent: #f5c518}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}#app{max-width:1400px;margin:0 auto;padding:12px}.app-header{display:flex;justify-content:space-between;align-items:center;padding:8px 4px 16px}.brand-name{font-size:20px;font-weight:800;color:var(--accent)}.brand-tag{margin-left:10px;color:var(--muted);font-size:13px}.status-badge{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600}.status-badge.ok{color:var(--up);background:#4ade801a}.status-badge.stale{color:var(--accent);background:#f5c5181f}.status-badge.error{color:var(--down);background:#f871711f}.price-row{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.analysis-row{display:grid;gap:12px;grid-template-columns:3fr 2fr;margin-top:12px}.map-slot:empty{display:none}.map-slot{height:480px;border-radius:10px;overflow:hidden;position:relative}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.panel-title{font-weight:700;font-size:15px}.panel-subtitle{margin-left:6px;color:var(--muted);font-size:12px;font-weight:400}.panel-loading,.panel-error,.panel-empty{color:var(--muted);padding:20px 0;text-align:center;font-size:13px}.price-quote{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:6px}.quote-item{display:flex;flex-direction:column}.quote-label{color:var(--muted);font-size:11px}.quote-value{font-size:18px;font-weight:800}.quote-delta{font-size:12px;font-weight:700}.quote-delta.up{color:var(--up)}.quote-delta.down{color:var(--down)}.range-switch{display:flex;gap:4px;margin:6px 0}.range-btn{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:11px;cursor:pointer}.range-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:700}.chart-host{width:100%;height:220px}.brief-tabs,.news-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.brief-tab,.news-filter{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}.brief-tab.active,.news-filter.active{color:var(--bg);background:var(--accent);font-weight:700}.brief-meta{display:flex;gap:12px;margin-bottom:8px;font-size:12px}.brief-outlook.up{color:var(--up)}.brief-outlook.down{color:var(--down)}.brief-outlook.sideways{color:var(--muted)}.brief-body{font-size:14px}.brief-body a{color:var(--accent)}.brief-sources{margin-top:8px;font-size:12px;color:var(--muted)}.brief-sources a{color:var(--accent);margin-right:4px}.brief-disclaimer{margin-top:8px;font-size:11px;color:var(--muted);font-style:italic}.news-list{list-style:none;margin:0;padding:0}.news-item{padding:8px 0;border-bottom:1px solid var(--border)}.news-item a{color:var(--text);text-decoration:none;font-weight:600}.news-item a:hover{color:var(--accent)}.news-meta{display:flex;gap:10px;margin-top:3px;font-size:11px;color:var(--muted)}.news-province-note{font-size:12px;color:var(--muted);margin-bottom:8px}.clear-filter{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px}.app-footer{margin-top:20px;padding:16px 4px;color:var(--muted);font-size:12px;text-align:center}.disclaimer-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.disclaimer-modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:480px;padding:24px}.disclaimer-modal h2{margin-top:0;color:var(--accent)}.disclaimer-ok{background:var(--accent);color:var(--bg);border:none;border-radius:8px;padding:10px 20px;font-weight:700;cursor:pointer;margin-top:12px}@media(max-width:900px){.price-row{grid-template-columns:repeat(2,1fr)}.analysis-row{grid-template-columns:1fr}}@media(max-width:560px){.price-row{grid-template-columns:1fr}.app-header{flex-direction:column;align-items:flex-start;gap:8px}}.map-slot{background:var(--panel);border:1px solid var(--border)}.map-header{position:absolute;top:10px;left:12px;z-index:5}.map-title{font-weight:700;background:#0b0f14cc;padding:4px 10px;border-radius:6px}.map-note{position:absolute;top:44px;left:12px;z-index:5;color:var(--muted);font-size:12px;background:#0b0f14b3;padding:3px 8px;border-radius:6px}.map-canvas{position:absolute;inset:0;width:100%;height:100%}.map-canvas .maplibregl-map{width:100%;height:100%}.tab-nav{display:flex;gap:4px;flex:1;margin:0 16px;flex-wrap:wrap}.tab-btn{background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;cursor:pointer}.tab-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.tab-host{min-height:400px}.tab-stub{color:var(--muted);text-align:center;padding:80px 20px;font-size:15px}@media(max-width:700px){.tab-nav{order:3;width:100%;margin:8px 0 0;overflow-x:auto}}.tab-intro{color:var(--muted);font-size:13px;margin-bottom:12px;padding:0 4px}.tab-single-feed{max-width:900px}.map-toggle{position:absolute;top:10px;right:44px;z-index:5;display:flex;gap:4px}.map-mode-btn{background:#0b0f14d9;color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:11px;cursor:pointer;font-weight:600}.map-mode-btn.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.sentiment-bias-note{margin-top:8px;font-size:11px;color:var(--muted);font-style:italic}.tab-xa-hoi .map-slot{margin-top:12px;height:460px;border-radius:10px;overflow:hidden;position:relative}.cpi-legend{display:flex;gap:14px;font-size:11px;margin-bottom:6px}.cpi-legend-mom{color:#7cc4ff}.cpi-legend-yoy{color:#f5c518}.tab-highlight{max-width:1000px;margin:0 auto}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;text-decoration:none;color:var(--text);transition:border-color .15s}.stat-tile:hover{border-color:var(--accent)}.stat-tile.loading{opacity:.5}.stat-label{color:var(--muted);font-size:11px;margin-bottom:4px}.stat-value{font-size:18px;font-weight:800}.stat-delta{font-size:11px;font-weight:700;margin-top:2px}.stat-delta.up{color:var(--up)}.stat-delta.down{color:var(--down)}.tab-highlight .brief-body{font-size:15px;line-height:1.7}.signal-label{font-size:11px;padding:2px 8px;border-radius:999px;white-space:nowrap;border:1px solid var(--border);color:var(--muted)}.signal-media{background:#2563eb1f}.signal-official{background:#7c3aed1f}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.panel-head h2{font-size:15px;margin:0}.alert-feed-panel{margin-bottom:16px}.alert-empty{padding:12px;background:var(--panel-2);border-radius:8px}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-card{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel-2);border-left:3px solid var(--accent);border-radius:6px;padding:10px 12px}.alert-title{font-weight:700;font-size:14px}.alert-conf{color:var(--muted);font-size:11px;white-space:nowrap}.alert-brief{margin-top:14px}.alert-brief h3{font-size:14px;margin:0 0 6px}.alert-brief-body{font-size:14px;line-height:1.7}.alert-week{color:var(--muted);font-size:12px;margin-top:6px}.alert-outlook{margin-top:14px}.alert-outlook h3{font-size:14px;margin:0 0 6px}.outlook-list{margin:0 0 6px;padding-left:18px}.outlook-disclaimer{color:var(--muted);font-size:11px;font-style:italic}.tab-phan-tich{max-width:1100px;margin:0 auto}.ranking-panel,.heatmap-panel{margin-bottom:16px}.ranking-week{font-size:12px;margin-bottom:8px}.ranking-list{display:flex;flex-direction:column;gap:6px}.ranking-row{display:grid;grid-template-columns:90px 1fr 32px 44px;align-items:center;gap:8px}.ranking-label{font-size:13px}.ranking-bar-wrap{background:var(--panel-2);border-radius:4px;height:14px;overflow:hidden}.ranking-bar{display:block;height:100%;background:var(--accent)}.ranking-count{font-weight:700;font-size:13px;text-align:right}.ranking-delta{font-size:11px;text-align:right}.ranking-delta.up{color:var(--up)}.ranking-delta.down{color:var(--down)}.ranking-delta.flat{color:var(--muted)}.heatmap-controls{display:flex;gap:8px;margin-bottom:10px}.heatmap-controls select{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:4px 8px}.heatmap-empty{padding:16px;background:var(--panel-2);border-radius:8px}.heatmap-scroll{overflow-x:auto}.heatmap-grid{display:grid;gap:2px;min-width:max-content}.heatmap-corner,.heatmap-col-head,.heatmap-row-head{font-size:11px;color:var(--muted);padding:2px 4px}.heatmap-col-head{text-align:center}.heatmap-row-head{white-space:nowrap}.heatmap-row-link{cursor:pointer}.heatmap-row-link:hover{color:var(--accent)}.heatmap-cell{min-width:22px;height:22px;border-radius:3px;background:var(--panel-2)}.province-page{max-width:900px;margin:0 auto}.province-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.province-header h1{font-size:22px;margin:0}.province-back{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer;min-height:36px}.province-summary{color:var(--muted);font-size:13px;margin-bottom:16px}.province-insight-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:10px}.province-insight-card h3{font-size:14px;margin:0 0 6px}.province-timeline{display:flex;flex-direction:column;gap:8px}.event-card{background:var(--panel-2);border-radius:8px;padding:10px 12px}.event-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:4px}.event-type{color:var(--accent);font-weight:700}.event-title{font-size:14px}.event-source{font-size:12px;color:var(--accent);text-decoration:none}.event-source:hover{text-decoration:underline}.chart-caption{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}.chart-forecast-label{color:var(--text)}.chart-forecast-note{font-style:italic;cursor:help}@media(max-width:640px){.ranking-row{grid-template-columns:76px 1fr 28px 40px}.province-header h1{font-size:18px}}