*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#09090b;color:#fafafa;font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.header{border-bottom:1px solid #27272a;background:#18181b80;position:sticky;top:0;z-index:10}.header-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.header-title{font-size:18px;font-weight:700}.header-sub{font-size:12px;color:#71717a;margin-top:2px}.btn{display:inline-flex;align-items:center;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid #3f3f46;background:transparent;color:#d4d4d8;text-decoration:none;transition:border-color .15s}.btn:hover{border-color:#71717a}.main{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.loading{text-align:center;padding:80px;color:#52525b}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.kpi-grid{grid-template-columns:repeat(8,1fr)}}.kpi-card{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:14px 16px}.kpi-label{font-size:10px;font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:28px;font-weight:700;margin-top:4px}.kpi-sub{font-size:11px;color:#71717a;margin-top:3px}.callout-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.callout-grid{grid-template-columns:repeat(3,1fr)}}.callout{border-radius:12px;padding:16px;display:flex;gap:14px;align-items:flex-start}.callout-blue{background:#2563eb1a;border:1px solid rgba(37,99,235,.3)}.callout-emerald{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.callout-orange{background:#f973161a;border:1px solid rgba(249,115,22,.3)}.callout-icon{font-size:24px;flex-shrink:0}.callout-label{font-size:12px;font-weight:600}.callout-blue .callout-label{color:#93c5fd}.callout-emerald .callout-label{color:#6ee7b7}.callout-orange .callout-label{color:#fdba74}.callout-value{font-size:18px;font-weight:700;color:#fff;margin-top:2px}.callout-desc{font-size:11px;margin-top:4px}.callout-blue .callout-desc{color:#93c5fdb3}.callout-emerald .callout-desc{color:#6ee7b7b3}.callout-orange .callout-desc{color:#fdba74b3}.panel-grid-2{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:1024px){.panel-grid-2{grid-template-columns:1fr 1fr}}.panel{background:#18181b;border:1px solid #27272a;border-radius:12px;padding:20px}.panel-title{font-size:13px;font-weight:600;margin-bottom:16px}.chart-row{margin-bottom:12px}.chart-row-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.chart-label{font-size:13px;color:#d4d4d8}.chart-meta{display:flex;align-items:center;gap:10px;font-size:11px}.text-zinc{color:#71717a}.text-emerald{color:#34d399}.text-red{color:#f87171}.text-blue{color:#60a5fa}.text-purple{color:#c084fc}.stacked-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#3f3f46}.bar-positive{background:#10b981}.bar-negative{background:#ef4444}.bar-rest{background:#3f3f46;flex:1}.funnel-bar-wrap{margin-bottom:10px}.funnel-bar{height:24px;border-radius:8px;display:flex;align-items:center;padding-left:10px;transition:width .3s}.funnel-bar span{font-size:12px;color:#fff;font-weight:500}.legend{display:flex;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid #27272a;font-size:11px;color:#71717a}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.source-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.source-name{font-size:13px;color:#d4d4d8;width:110px;flex-shrink:0}.mini-bar-wrap{flex:1;height:6px;background:#27272a;border-radius:3px;overflow:hidden}.mini-bar-fill{height:100%;background:#3b82f6;border-radius:3px}.source-stats{display:flex;gap:10px;font-size:11px;flex-shrink:0;width:110px;justify-content:flex-end}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:11px;font-weight:500;color:#71717a;padding-bottom:8px;border-bottom:1px solid #27272a}.data-table td{padding:8px 0;border-bottom:1px solid rgba(39,39,42,.5);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.tag{font-size:11px;color:#a1a1aa;background:#27272a;padding:2px 8px;border-radius:4px}.link{font-size:12px;color:#60a5fa;text-decoration:none}.link:hover{color:#93c5fd}.urgency-hot{color:#f87171;font-size:12px;font-weight:500}.urgency-warn{color:#fb923c;font-size:12px;font-weight:500}.urgency-mild{color:#fbbf24;font-size:12px;font-weight:500}.footer{text-align:center;font-size:11px;color:#3f3f46;padding:20px 0 32px}