body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f6f7f9;color:#1f2937}.header{background:#fff;border-bottom:4px solid #2fa44f;padding:12px 24px}.header-title{font-size:20px;font-weight:700}.header-subtitle{font-size:13px;color:#6b7280}.filters{background:#fff;padding:12px 24px;display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;border-bottom:1px solid #e5e7eb}.filters input,.filters select,.filters button{padding:6px 8px;font-size:13px}.filters button{background:#2fa44f;color:#fff;border:none;cursor:pointer}.content{display:grid;grid-template-columns:45% 55%;gap:16px;padding:16px 24px}.card{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 2px #00000014}.keyword-table{width:100%;border-collapse:collapse}.keyword-table td{padding:6px 8px;font-size:13px;border-bottom:1px solid #eee}.keyword-table tr:hover{background:#f0fdf4;cursor:pointer}.keyword-table tr.active{background:#e7f6ec;font-weight:600}.term-selected small{color:#6b7280}.term-selected h2{margin:4px 0 12px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.kpi{background:#f9fafb;padding:10px;border-radius:4px;text-align:center}.kpi-title{font-size:12px;color:#6b7280}.kpi-value{font-size:18px;font-weight:600}