.audience-page { display:grid; gap:22px; color:#160d45; }
.audience-header,.audience-summary { display:flex; align-items:center; justify-content:space-between; gap:24px; background:#fff; border:1px solid #dce6f2; border-radius:16px; padding:24px; }
.audience-header h2 { margin:0 0 4px; font-size:23px; }
.audience-header p,.audience-summary p { margin:0; color:#475569; font-size:13px; }
.audience-filters { display:grid; gap:8px; min-width:210px; font-size:12px; }
.audience-filters select,.audience-custom input { border:1px solid #dbeafe; border-radius:10px; background:#fff; color:#1e40af; padding:10px 12px; font:inherit; }
.audience-filters select { width:100%; min-height:44px; }
.audience-custom { display:flex; flex-wrap:wrap; align-items:end; gap:10px; padding:14px; background:#fff; border:1px solid #dce6f2; border-radius:14px; }
.audience-custom[hidden] { display:none; }
.audience-custom label { display:grid; gap:4px; font-size:12px; }
.audience-custom button,.audience-summary button { border:0; border-radius:10px; background:#3b82f6; color:#fff; padding:11px 15px; cursor:pointer; font-weight:650; }
.audience-summary button { transition:background-color .18s ease; }
.audience-summary button:hover { background:#3b82f6; }
.audience-summary button:focus-visible { outline:3px solid #dbeafe; outline-offset:2px; }
.audience-summary { margin:14px 0; }
.audience-summary h3 { margin:0 0 6px; font-size:16px; }
.audience-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.audience-card,.audience-panel { background:#fff; border:1px solid #dce6f2; border-radius:16px; padding:18px; box-shadow:0 5px 20px #0b1f3a08; }
.audience-card { display:grid; align-content:start; gap:9px; min-height:120px; }
.audience-card > span:first-child { font-size:12px; color:#475569; }
.audience-card strong { font-size:28px; line-height:1; }
.audience-change { font-size:11px; color:#827b96; }
.audience-change.up { color:#078366; }
.audience-change.down { color:#b64761; }
.audience-panel h3 { margin:0 0 16px; font-size:16px; }
.audience-panel p { font-size:13px; }
.audience-chart { display:block; width:100%; height:215px; }
.audience-chart-labels { display:flex; justify-content:space-between; color:#81769c; font-size:11px; }
.audience-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.audience-list { display:grid; gap:13px; padding:0; margin:0; list-style:none; }
.audience-list li { display:grid; grid-template-columns:minmax(110px,1fr) minmax(60px,1fr) 56px; align-items:center; gap:10px; font-size:12px; }
.audience-list-name { overflow-wrap:anywhere; }
.audience-list b { text-align:right; }
.audience-bar { height:9px; border-radius:8px; background:#eff6ff; overflow:hidden; }
.audience-bar i { display:block; height:100%; border-radius:8px; background:#3b82f6; }
.audience-empty { display:block!important; padding:18px 0; color:#475569; font-size:13px; }
.audience-table-wrap { overflow-x:auto; }
.audience-table { width:100%; border-collapse:collapse; font-size:13px; }
.audience-table th,.audience-table td { text-align:left; padding:11px; border-bottom:1px solid #eff6ff; }
.audience-table th { color:#475569; background:#eff6ff; }
.audience-note { margin:0; color:#475569; font-size:11px; line-height:1.5; }
@media(max-width:1200px) { .audience-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .audience-header,.audience-summary { align-items:stretch; flex-direction:column; } .audience-cards,.audience-two { grid-template-columns:1fr; } }
.audience-page{grid-template-columns:minmax(0,1fr)}.audience-page>*{min-width:0}@media(max-width:700px){.audience-cards,.audience-two{grid-template-columns:minmax(0,1fr)}.audience-filters{min-width:0}}