.header{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}.header-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.header-title h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.header-title p{margin:4px 0 0;color:var(--text-secondary);font-size:13.5px}.header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative}.filter-wrapper{width:190px;position:relative}.filter-pill{display:flex;align-items:center;width:100%;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;box-shadow:var(--shadow);color:var(--text-primary);cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-pill:hover{border-color:#b0b7c6}.filter-pill--open{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed24}.filter-pill-icon{display:flex;color:var(--text-secondary)}.filter-pill-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.filter-pill-label{font-size:10.5px;color:var(--text-muted)}.filter-pill-value{font-size:13px;font-weight:600;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.filter-chevron{color:var(--text-muted);margin-left:2px;flex:none;transition:transform .18s ease}.filter-chevron--up{transform:rotate(180deg)}.filter-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:200;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 16px #1018281f;margin:0;padding:6px;list-style:none;min-width:220px}.filter-option{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-sm);font-size:13.5px;cursor:pointer;color:var(--text-primary);transition:background .1s}.filter-option:hover{background:#f3f5f9}.filter-option--selected{background:#eef3fd;font-weight:600;color:#2f6fed}.filter-option-check{color:#2f6fed;flex:none}.refreshing-badge{font-size:12px;font-weight:600;color:#2f6fed;background:#eef3fd;padding:5px 10px;border-radius:20px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.action-btn{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 16px;box-shadow:var(--shadow);font-size:13.5px;font-weight:600;color:var(--text-primary);cursor:pointer}.action-btn:hover{background:#fafbfc}.action-btn-primary{background:#1b1f2a;color:#fff;border-color:#1b1f2a}.action-btn-primary:hover{background:#2a2f3d}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.kpi-card{display:flex;align-items:flex-start;gap:14px;padding:18px 20px}.kpi-icon{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.kpi-body{display:flex;flex-direction:column;gap:6px;min-width:0}.kpi-label{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.kpi-value-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kpi-value{font-size:26px;font-weight:800;letter-spacing:-.01em}.kpi-value-suffix{font-size:12.5px;color:var(--text-secondary)}.kpi-trend{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--up-good)}.kpi-trend-comparison{font-weight:500;color:var(--text-muted)}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.kpi-grid{grid-template-columns:1fr}}.category-card{display:flex;flex-direction:column;overflow:hidden}.category-header{display:flex;align-items:center;padding:13px 16px;color:#fff;font-weight:700;font-size:13.5px}.category-header-left{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.02em}.category-body{display:flex;flex-direction:column;padding:16px;gap:0;flex:1}.metric-divider{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.metric{display:flex;flex-direction:column;gap:6px}.metric-label{font-size:12.5px;color:var(--text-secondary)}.metric-value-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.metric-value{font-size:22px;font-weight:800;letter-spacing:-.01em}.trend-badge{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--up-good)}.donut-legend-row{display:flex;align-items:center;gap:16px}.donut-wrapper{position:relative;flex:none}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--text-primary)}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.legend-list li{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:8px;height:8px;border-radius:50%;flex:none}.legend-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-value{font-weight:700;color:var(--text-primary)}.donut-simple-row{display:flex;align-items:center;gap:14px}.stars-row{display:flex;align-items:center;gap:8px}.star-rating{display:flex;gap:2px}.stars-value{font-size:15px;font-weight:800}.stars-max{font-size:12px;font-weight:500;color:var(--text-muted)}.reliability-block{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px}.reliability-heading{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--text-primary)}.reliability-info-icon{color:var(--text-muted)}.reliability-dots{display:flex;align-items:center;gap:4px}.reliability-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid}.reliability-level{margin-left:6px;font-size:12px;font-weight:700}.reliability-sources,.reliability-update{margin:0;font-size:11.5px;color:var(--text-secondary);line-height:1.4}.reliability-sources strong,.reliability-update strong{color:var(--text-primary);font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}@media (max-width: 1300px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.categories-grid{grid-template-columns:1fr}}.monetization-card{padding:20px;flex:1}.panel-title{margin:0 0 18px;font-size:14.5px;font-weight:800;letter-spacing:.01em}.monetization-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.monetization-donut-block{position:relative;flex:none}.monetization-donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 18px}.monetization-total-value{font-size:19px;font-weight:800}.monetization-total-label{font-size:10.5px;color:var(--text-secondary);line-height:1.25;margin-top:2px}.monetization-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1;min-width:200px}.monetization-legend li{display:flex;align-items:center;gap:8px;font-size:13px}.monetization-legend .legend-label{flex:1;font-weight:600;color:var(--text-primary)}.monetization-legend .legend-amount{color:var(--text-secondary);font-size:12.5px;white-space:nowrap}.monetization-side-boxes{display:flex;flex-direction:column;gap:12px;flex:none;min-width:170px}.side-box{background:#f7f8fa;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.side-box-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.side-box-value{font-size:22px;font-weight:800;color:#2f6fed}.side-box-suffix{font-size:11.5px;color:var(--text-secondary)}@media (max-width: 760px){.monetization-row{flex-direction:column;align-items:stretch}.monetization-donut-block{align-self:center}}.insights-card{padding:20px;flex:1;min-width:320px}.insights-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.insights-list li{display:flex;align-items:flex-start;gap:10px}.insight-icon{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}.insight-text{font-size:13px;line-height:1.5;color:var(--text-primary)}.app-shell--refreshing .kpi-grid,.app-shell--refreshing .categories-grid,.app-shell--refreshing .bottom-row{opacity:.55;transition:opacity .12s ease}.bottom-row{display:flex;gap:18px;align-items:stretch}.bottom-row .monetization-card{flex:1.4}.bottom-row .insights-card{flex:1}@media (max-width: 900px){.bottom-row{flex-direction:column}}:root{--bg: #f3f4f8;--card-bg: #ffffff;--border: #e6e8ef;--text-primary: #1b1f2a;--text-secondary: #6b7280;--text-muted: #9aa0ac;--up-good: #2e9e4f;--down-good: #2e9e4f;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 7px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{max-width:1400px;margin:0 auto;padding:24px 28px 56px}a,button{font-family:inherit}button{cursor:pointer}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.state-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-secondary)}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:#2f6fed;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-screen .error-title{color:var(--text-primary);font-weight:600}.state-screen .error-detail{font-size:13px;color:var(--text-muted);max-width:420px;text-align:center}.retry-btn{margin-top:4px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;font-weight:500;font-size:13px}.retry-btn:hover{background:#f7f8fa}