.audiences-page{padding:24px;max-width:1600px;margin:0 auto}.audiences-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.audiences-header h1{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.header-icon{color:var(--lime)}.audiences-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.btn-primary{display:flex;align-items:center;gap:8px;background:var(--lime);color:#000;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#1aee00;transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,255,0,.3)}.audiences-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));grid-gap:24px;gap:24px;margin-bottom:32px}.audience-card{padding:24px;transition:all .3s ease}.audience-card:hover{transform:translateY(-4px);border-color:rgba(34,255,0,.3)}.audience-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.audience-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.engagement-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:6px}.engagement-badge.high{background:rgba(34,255,0,.15);color:#2f0;border:1px solid rgba(34,255,0,.3)}.engagement-badge.medium{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.engagement-badge.low{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.audience-name{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.audience-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.stat-item{text-align:center}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-change{font-size:12px;font-weight:600}.stat-change.positive{color:#2f0}.audience-details{margin-bottom:20px}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tag{font-size:13px;background:hsla(0,0%,100%,.05);color:var(--text-primary);padding:6px 12px;border-radius:6px;border:1px solid hsla(0,0%,100%,.1)}.product-list{display:flex;flex-direction:column;gap:8px}.product-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);padding:8px 12px;background:hsla(0,0%,100%,.03);border-radius:6px}.product-item svg{color:var(--lime)}.audience-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:hsla(0,0%,100%,.05);color:var(--text-primary);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.audience-action:hover{background:rgba(34,255,0,.1);border-color:rgba(34,255,0,.3);color:var(--lime)}.analytics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:24px;gap:24px;margin-bottom:32px}.chart-section{padding:24px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.behavior-section{padding:24px;margin-bottom:32px}.behavior-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.behavior-card{padding:24px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;text-align:center;transition:all .3s ease}.behavior-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(34,255,0,.2)}.behavior-percentage{font-size:48px;font-weight:700;color:var(--lime);margin-bottom:8px}.behavior-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.behavior-value{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.behavior-bar{height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden}.behavior-fill{height:100%;background:linear-gradient(90deg,#2f0,#1aee00);border-radius:3px;transition:width .5s ease}.interests-section{padding:24px}.interests-list{display:flex;flex-direction:column;gap:16px}.interest-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;transition:all .3s ease}.interest-item:hover{background:hsla(0,0%,100%,.05);border-color:rgba(34,255,0,.2)}.interest-info{gap:16px}.interest-info,.interest-rank{display:flex;align-items:center}.interest-rank{justify-content:center;width:32px;height:32px;background:rgba(34,255,0,.1);color:var(--lime);border-radius:8px;font-size:14px;font-weight:700}.interest-name{font-size:16px;font-weight:600;color:var(--text-primary)}.interest-score-container{display:flex;align-items:center;gap:12px;min-width:200px}.interest-bar{flex:1 1;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.interest-fill{height:100%;background:linear-gradient(90deg,#2f0,#1aee00);border-radius:4px;transition:width .5s ease}.interest-score{font-size:18px;font-weight:700;color:var(--lime);min-width:40px;text-align:right}@media (max-width:1200px){.analytics-row{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:hsla(0,0%,8%,.98);border:1px solid rgba(34,255,0,.2);border-radius:16px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px;border-bottom:1px solid hsla(0,0%,100%,.08)}.modal-title-section{display:flex;gap:20px;flex:1 1}.modal-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-title-section h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.modal-description{font-size:15px;color:var(--text-secondary);line-height:1.6;margin:0}.modal-close{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--text-secondary)}.modal-close:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.modal-body{padding:32px}.modal-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.modal-metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px}.modal-metric-card .metric-icon{color:var(--lime)}.metric-info{flex:1 1}.modal-chart-section{margin-bottom:32px}.modal-chart-section h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.modal-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.modal-detail-card{display:flex;gap:16px;padding:20px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px}.detail-icon{color:var(--lime);flex-shrink:0}.detail-value{margin-top:8px}.detail-value,.modal-products-section h3{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-products-section h3{margin:0 0 16px}.modal-products-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:12px;gap:12px}.modal-product-item{display:flex;align-items:center;gap:12px;padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:10px;font-size:15px;font-weight:500;color:var(--text-primary)}.modal-product-item svg{color:var(--lime)}@media (max-width:768px){.audiences-header{flex-direction:column;align-items:flex-start;gap:16px}.audience-stats,.audiences-grid,.behavior-grid{grid-template-columns:1fr}.interest-score-container{min-width:150px}.modal-content{max-height:95vh}.modal-header{padding:20px}.modal-title-section{flex-direction:column;gap:16px}.modal-body{padding:20px}.modal-details-grid,.modal-metrics,.modal-products-list{grid-template-columns:1fr}}