.analytics-panel{--an-green:#245f54;--an-purple:#6d58a6;min-width:0}.an-toolbar,.an-controls,.an-source,.an-chart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.an-toolbar{margin-bottom:26px}.an-tabs{display:flex;padding:4px;gap:4px;background:#e5e8df;border-radius:9px}.ep .an-tabs button{background:transparent;border-color:transparent;padding:10px 22px}.ep .an-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 7px #202a1812;color:#193e35}.an-controls label,.an-chart-head label{display:flex;align-items:center;gap:9px;font-size:13px}.an-source{justify-content:flex-start;font-size:12px;color:#656e60;margin-bottom:14px}.an-tag{background:#dce9e2;color:#245f54;padding:6px 9px;border-radius:4px;font-weight:700;letter-spacing:.05em}.an-tag.an-instagram{background:#ebe3f2;color:#6c468c}.an-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.an-stat{background:white;border:1px solid #dde2d7;border-radius:10px;padding:21px;display:flex;flex-direction:column;gap:10px}.an-stat>span{color:#626d5c;font-size:13px}.an-stat strong{font:700 clamp(25px,2.5vw,37px)/1.1 var(--display);letter-spacing:-.02em;color:#202c22}.an-stat small{font-size:12px;color:#798071}.an-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px}.an-chart{background:#fff;border:1px solid #dce1d5;border-radius:10px;padding:24px;min-width:0}.an-wide{grid-column:1/-1}.ep .an-chart h2{font:600 21px/1.25 var(--font);margin:0 0 8px;letter-spacing:-.02em}.an-chart>p,.an-chart-head p{font-size:13px;line-height:1.6;color:#6b7364;margin:0 0 18px}.an-note{font-size:12px;line-height:1.65;color:#717968;margin:12px 0}.an-line{display:block;width:100%;max-height:300px;margin:16px 0 2px;overflow:visible}.an-line text{font:11px var(--font);fill:#70776b}.an-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin:12px 0}.an-legend span{display:flex;align-items:center;gap:7px}.an-legend i,.an-distribution li i{width:9px;height:9px;border-radius:2px;display:inline-block;flex-shrink:0}.an-distribution{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}.an-donut{width:148px;height:148px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.an-donut>div{width:112px;height:112px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px}.an-donut strong{font:700 32px var(--display)}.an-donut span{font-size:11px;color:#727a6a}.an-distribution ul{list-style:none;padding:0;margin:0;flex:1;min-width:170px}.an-distribution li{display:flex;gap:9px;align-items:center;padding:8px 0;font-size:12px;border-bottom:1px solid #eff1eb}.an-distribution li strong{margin-left:auto}.an-revenue{height:175px;display:flex;align-items:end;gap:3px;border-bottom:1px solid #dce1d5;margin-top:25px;padding:0 2px}.an-revenue>div{height:100%;flex:1;display:flex;align-items:end;min-width:0}.an-revenue i{display:block;width:100%;background:#3f7967;border-radius:3px 3px 0 0;min-height:0}.an-axis{display:flex;justify-content:space-between;gap:9px;font-size:10px;color:#77816d;margin-top:9px;flex-wrap:wrap}.an-data{margin-top:18px;border-top:1px solid #e9ece3;padding-top:13px}.an-data summary{font-size:12px;cursor:pointer;color:#4c6557}.an-data .ep-table{max-height:300px;overflow:auto;margin-top:10px}.an-post{margin:20px 0}.an-bar-title{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:13px;margin-bottom:8px}.an-bar-title a{color:#2c352a;text-decoration:underline;text-decoration-color:#d2d9ca;text-underline-offset:4px;line-height:1.5}.an-track{height:11px;border-radius:3px;background:#f1edf5;display:flex;overflow:hidden}.an-track span{height:100%;display:block}.an-post>small{display:block;color:#7c8175;font-size:11px;margin-top:6px}.an-missing{display:grid;grid-template-columns:1fr auto;gap:17px 14px;font-size:13px;margin:24px 0}.an-missing b{font-size:11px;color:#7c826f;background:#f1f2eb;padding:3px 7px;border-radius:3px}.an-pending{margin-top:18px;border-style:dashed;background:#eef1e9}.an-empty{padding:34px 16px;text-align:center;background:#f7f8f4;color:#737b68;border-radius:7px;font-size:13px}.ep .an-data th{position:sticky;top:0;background:#f5f7f0}.an-chart select{max-width:100%}
@media(max-width:1100px){.an-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.an-grid{grid-template-columns:1fr}.an-wide{grid-column:auto}}
@media(max-width:650px){.an-toolbar,.an-controls{align-items:stretch;flex-direction:column}.an-tabs{align-self:flex-start}.an-controls label,.an-chart-head label{justify-content:space-between}.an-stat{padding:16px;gap:8px}.an-stat strong{font-size:27px}.an-stat>span{font-size:12px}.an-chart{padding:18px}.an-chart-head{align-items:stretch;flex-direction:column}.an-missing{font-size:12px;gap:14px 8px}.an-stats{gap:10px}.an-line{min-height:150px}.an-controls select{max-width:65%}}
.an-commerce{margin-bottom:24px;border-top:3px solid #245f54}.an-funnel{display:grid;gap:16px;margin:25px 0}.an-funnel-row{display:grid;grid-template-columns:210px minmax(0,1fr) 45px;align-items:center;gap:15px;font-size:13px}.an-funnel-row>strong{text-align:right}.an-funnel-track{height:18px;background:#eef1e9;border-radius:4px;overflow:hidden}.an-funnel-track>i{height:100%;display:block;border-radius:4px}.an-commerce .an-stats{margin-bottom:25px}@media(max-width:650px){.an-funnel-row{grid-template-columns:minmax(0,1fr) 35px;gap:8px}.an-funnel-row>span{grid-column:1/-1}.an-funnel-track{height:14px}}