.analytics-page{padding:24px;max-width:1600px;margin:0 auto}.analytics-header{margin-bottom:32px}.analytics-header h1{font-size:32px;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.analytics-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.metric-card{padding:24px}.metric-header{justify-content:space-between;margin-bottom:16px}.metric-header,.metric-icon{display:flex;align-items:center}.metric-icon{width:48px;height:48px;border-radius:12px;justify-content:center}.metric-change{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.metric-change.positive{color:#2f0;background:rgba(34,255,0,.1)}.metric-change.negative{color:#ef4444;background:rgba(239,68,68,.1)}.metric-value{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.metric-title{font-size:14px;color:var(--text-secondary)}.chart-section{padding:24px;margin-bottom:24px}.chart-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 20px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:24px;gap:24px;margin-bottom:24px}.segments-section{padding:24px}.segments-list{gap:24px}.segment-item,.segments-list{display:flex;flex-direction:column}.segment-item{gap:8px}.segment-info{display:flex;justify-content:space-between;align-items:center}.segment-name{font-size:14px;font-weight:600;color:var(--text-primary)}.segment-value{font-size:20px;font-weight:700;color:var(--lime)}.segment-bar{height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden}.segment-fill{height:100%;background:linear-gradient(90deg,#2f0,#1aee00);border-radius:4px;transition:width .5s ease}.segment-change{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.segment-change.positive{color:#2f0}.segment-change.negative{color:#ef4444}.top-products-section{padding:24px}.products-table{display:flex;flex-direction:column;gap:12px}.table-header{padding:12px 16px;background:hsla(0,0%,100%,.03);border-radius:8px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:16px;gap:16px}.table-row{padding:16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;align-items:center;transition:all .3s ease}.table-row:hover{background:hsla(0,0%,100%,.05);border-color:rgba(34,255,0,.2)}.product-name{gap:12px;font-size:14px;font-weight:500;color:var(--text-primary)}.product-name,.product-rank{display:flex;align-items:center}.product-rank{justify-content:center;width:28px;height:28px;background:rgba(34,255,0,.1);color:var(--lime);border-radius:6px;font-size:13px;font-weight:700}.revenue{font-weight:600;color:var(--lime)}.growth{display:flex;align-items:center;gap:4px;font-weight:600}.growth.positive{color:#2f0}.growth.negative{color:#ef4444}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.metrics-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 80px;gap:8px;font-size:12px}.product-name{font-size:13px}}