@import url(https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css);.page-content[data-v-f84f4f00]{max-width:100%}.stats-grid[data-v-f84f4f00]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px}.stat-card[data-v-f84f4f00]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px}.stat-icon[data-v-f84f4f00]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-icon i[data-v-f84f4f00]{font-size:24px}.stat-icon-users[data-v-f84f4f00]{background:#dbeafe;color:#2563eb}.stat-icon-online[data-v-f84f4f00]{background:#dcfce7;color:#16a34a}.stat-icon-groups[data-v-f84f4f00]{background:#fef3c7;color:#d97706}.stat-icon-messages[data-v-f84f4f00]{background:#f3e8ff;color:#9333ea}.stat-info[data-v-f84f4f00]{display:flex;flex-direction:column}.stat-value[data-v-f84f4f00]{font-size:28px;font-weight:700;color:#0f172a;line-height:1}.stat-label[data-v-f84f4f00]{font-size:14px;color:#64748b;margin-top:4px}.charts-grid[data-v-f84f4f00]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-card[data-v-f84f4f00]{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.chart-wide[data-v-f84f4f00]{grid-column:span 2}.chart-header[data-v-f84f4f00]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.chart-header h3[data-v-f84f4f00]{margin:0;font-size:14px;font-weight:600;color:#0f172a}.chart-period[data-v-f84f4f00]{display:flex;gap:8px}.period-btn[data-v-f84f4f00]{padding:4px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s}.period-btn[data-v-f84f4f00]:hover{border-color:#07c160;color:#07c160}.period-btn.active[data-v-f84f4f00]{background:#07c160;border-color:#07c160;color:#fff}.chart-body[data-v-f84f4f00]{padding:24px}.chart-placeholder[data-v-f84f4f00]{height:200px}.chart-bars[data-v-f84f4f00]{display:flex;align-items:flex-end;justify-content:space-between;height:180px;padding-top:20px}.chart-bar-wrapper[data-v-f84f4f00]{display:flex;flex-direction:column;align-items:center;flex:1;gap:8px}.chart-bar[data-v-f84f4f00]{width:24px;background:linear-gradient(180deg,#07c160,#06ae56);border-radius:4px 4px 0 0;min-height:4px;transition:height .3s ease}.chart-bar-label[data-v-f84f4f00]{font-size:10px;color:#94a3b8}.message-stats[data-v-f84f4f00]{display:flex;flex-direction:column;gap:16px}.message-stat-item[data-v-f84f4f00]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:8px}.message-stat-label[data-v-f84f4f00]{font-size:14px;color:#64748b;display:flex;align-items:center;gap:8px}.message-stat-label i[data-v-f84f4f00]{font-size:16px}.message-stat-value[data-v-f84f4f00]{font-size:18px;font-weight:600;color:#0f172a}.ranking-list[data-v-f84f4f00]{display:flex;flex-direction:column;gap:12px}.ranking-item[data-v-f84f4f00]{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8fafc;border-radius:8px}.ranking-rank[data-v-f84f4f00]{width:24px;height:24px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.ranking-rank.top[data-v-f84f4f00]{background:#07c160;color:#fff}.ranking-user[data-v-f84f4f00]{display:flex;align-items:center;gap:12px;flex:1}.ranking-avatar[data-v-f84f4f00]{width:32px;height:32px;border-radius:50%;background:#ecfdf5;display:flex;align-items:center;justify-content:center;color:#07c160;font-size:16px}.ranking-name[data-v-f84f4f00]{font-size:14px;font-weight:500;color:#334155}.ranking-value[data-v-f84f4f00]{font-size:14px;color:#64748b}