.dashboard-chart{margin-bottom:16px}.chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:center}.chart-bars{height:145px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px;padding:0 10px;border-bottom:1px solid #edf0f6;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#f3f5f9 36px)}.bar-item{height:100%;display:flex;flex:1;max-width:72px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-item span{display:block;width:100%;min-height:18px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#8398ff,#5d78f6);box-shadow:0 5px 12px #5d78f622}.bar-item:nth-child(2) span{background:linear-gradient(180deg,#b197ff,#8e6cf4)}.bar-item:nth-child(3) span{background:linear-gradient(180deg,#72d7db,#4dc9d8)}.bar-item:nth-child(4) span{background:linear-gradient(180deg,#ffd18d,#f3ad58)}.bar-item small{font-size:10px;color:#8f9ab0;white-space:nowrap}.chart-summary{display:flex;flex-direction:column;gap:14px;color:#8a95aa;font-size:11px}.chart-summary div{display:flex;align-items:center;gap:8px}.chart-summary strong{margin-left:auto;color:var(--text);font-size:17px}.chart-dot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.chart-dot.purple{background:var(--purple)}
@media(max-width:760px){.chart-layout{grid-template-columns:1fr}.chart-summary{display:grid;grid-template-columns:1fr 1fr}}
.profile-chip{border:0;background:transparent;text-align:left;cursor:pointer}.profile-menu{position:absolute;right:32px;top:62px;width:236px;padding:10px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 18px 42px rgba(45,63,115,.16);z-index:60}.profile-menu-head{display:flex;align-items:center;gap:10px;padding:8px}.profile-menu-head strong{display:block;font-size:12px}.profile-menu-head small{display:block;color:#9aa4b7;font-size:10px;margin-top:3px}.avatar.large{width:38px;height:38px}.profile-menu-rule{height:1px;background:#eef1f6;margin:8px 0}.profile-menu button{width:100%;border:0;background:transparent;border-radius:8px;color:#66728b;text-align:left;padding:10px 9px;font-size:11px;display:flex;align-items:center;gap:10px}.profile-menu button:hover{background:#f3f5ff;color:#526eea}.profile-menu button span{width:18px;text-align:center;color:#8591a9;font-size:15px}.profile-menu button:hover span{color:#5d78f6}@media(max-width:760px){.profile-menu{right:12px;top:56px}}