.analytics-dashboard{max-width:var(--container-width);margin:0 auto;padding:2rem 1.5rem}.analytics-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.analytics-error{text-align:center;padding:4rem 2rem}.analytics-error h1{margin-bottom:1rem;color:var(--text-secondary)}.stats-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:.75rem;margin-bottom:1.5rem}.analytics-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease;min-width:0}.analytics-stat-card:hover{transform:translateY(-2px);box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}html.dark .analytics-stat-card{box-shadow:#ffffff1a 1.95px 1.95px 2.6px!important;border-color:var(--border-color)}html.dark .analytics-stat-card:hover{box-shadow:#3b82f659 2.5px 2.5px 4px!important;border-color:var(--accent-color)}.stat-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--accent-color);flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-content{display:flex;flex-direction:column;align-items:center;gap:.125rem}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.1;color:var(--accent-color)}.stat-label{color:var(--text-secondary);font-size:.65rem;text-transform:uppercase;letter-spacing:.02em}.stat-value-row{display:flex;align-items:baseline;gap:.375rem}.stat-growth{font-size:.65rem;font-weight:600;padding:.125rem .25rem;border-radius:3px;white-space:nowrap;display:inline-flex;align-items:center;gap:.125rem}.stat-growth.positive{color:var(--success-color);background:#22c55e26}.stat-growth.negative{color:var(--danger-color);background:#ef444426}.stat-growth.neutral{color:var(--text-muted);background:#9ca3af26}.analytics-two-column{display:grid;grid-template-columns:1fr 200px;gap:1rem;margin-bottom:1.5rem}.chart-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.trend-chart-container h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.chart-empty{display:flex;align-items:center;justify-content:center;height:180px;color:var(--text-secondary);border:1px dashed var(--border-color);border-radius:8px}.quick-stats-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.quick-stats-title{font-size:.875rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary);text-align:center}.quick-stats-rings{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.circular-stat{display:flex;flex-direction:column;align-items:center;gap:.375rem}.circular-ring-container{position:relative;display:flex;align-items:center;justify-content:center}.circular-ring{transform:rotate(-90deg)}.circular-ring-bg{fill:none;stroke:var(--border-color)}.circular-ring-progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.circular-ring-value{position:absolute;font-size:.9rem;font-weight:700;color:var(--text-primary)}.circular-stat-info{display:flex;flex-direction:column;align-items:center;margin-top:.5rem;gap:.2rem}.circular-stat-label{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2}.circular-stat-sublabel{font-size:.7rem;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:100px}.top-posts-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.top-posts-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.top-posts-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.analytics-posts-list{display:flex;flex-direction:column;gap:.5rem}.analytics-post-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--input-bg);border-radius:10px;text-decoration:none;color:inherit;transition:background-color .2s ease,transform .2s ease}.analytics-post-row:hover{background:var(--border-color);transform:translate(4px)}.analytics-post-rank{font-size:1rem;font-weight:700;min-width:32px;text-align:center}.analytics-post-thumb{width:64px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:var(--border-color)}.analytics-post-thumb img{width:100%;height:100%;object-fit:cover}.analytics-post-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.analytics-post-details{flex:1;min-width:0}.analytics-post-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-post-meta{display:flex;gap:1rem;font-size:.75rem;color:var(--text-secondary)}.analytics-post-meta span{display:flex;align-items:center;gap:.25rem}.analytics-post-meta svg{color:var(--accent-color);opacity:.6}.stat-card.skeleton{pointer-events:none}.skeleton-box{background:var(--bg-secondary);border-radius:6px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{background:var(--bg-secondary);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(3,1fr)}.analytics-two-column{grid-template-columns:1fr}.quick-stats-panel{order:-1}.quick-stats-rings{flex-direction:row;justify-content:center;gap:2rem}}@media(max-width:600px){.analytics-dashboard{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.analytics-posts-grid{grid-template-columns:1fr}.quick-stats-rings{flex-wrap:wrap;gap:1.5rem}}