.periods{display:flex;gap:6px}.periods button,.toolbar>button{border:1px solid #e5eaf2;background:#fff;border-radius:8px;padding:9px 12px;color:#526079}.periods button.active{background:#1664ff;color:#fff;border-color:#1664ff}.analytics-stats{grid-template-columns:repeat(4,1fr)}.analytics-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin:14px 0}.analytics-grid .panel{min-height:240px}.daily-chart{height:180px;display:flex;align-items:flex-end;gap:4px;padding-top:20px;overflow:hidden}.day{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:5px}.day>span{display:block;width:100%;max-width:22px;background:linear-gradient(#5d8fff,#1664ff);border-radius:5px 5px 2px 2px;min-height:3px}.day small{font-size:7px;color:#8894a8;margin-top:5px;transform:rotate(-45deg);white-space:nowrap}.metric-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5eaf2;padding:14px 2px;font-size:12px}.bar-row{display:grid;grid-template-columns:130px 1fr 30px;gap:10px;align-items:center;margin:14px 0;font-size:10px}.bar-row i{height:8px;background:#edf1f7;border-radius:10px;overflow:hidden}.bar-row em{display:block;height:100%;background:#1664ff;border-radius:10px}@media(max-width:800px){.analytics-stats,.analytics-grid{grid-template-columns:1fr}.daily-chart{overflow-x:auto}.day{min-width:18px}.toolbar .periods{flex-wrap:wrap}}