:root{--chart-font: "Inter", sans-serif;--card-shadow: 0 4px 15px rgba(0, 0, 0, .05);--card-border-radius: 16px}.analytics-container{display:flex;flex-direction:column;gap:24px;font-family:var(--chart-font);width:100%;max-width:100%;box-sizing:border-box}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;box-sizing:border-box}@media(max-width:1200px){.hero-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.hero-grid{grid-template-columns:1fr}}.stat-card{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--card-border-radius);padding:24px;display:flex;flex-direction:column;justify-content:space-between;height:140px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow;box-sizing:border-box;min-width:0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}@media(max-width:992px){.stat-card{padding:20px;height:130px}}@media(max-width:768px){.stat-card{padding:16px;height:auto;min-height:110px}}.stat-header{display:flex;align-items:flex-start;justify-content:space-between}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.theme-blue{background:#eff6ff;color:#3b82f6}.theme-green{background:#f0fdf4;color:#22c55e}.theme-purple{background:#faf5ff;color:#a855f7}.theme-rose{background:#fff1f2;color:#f43f5e}.theme-amber{background:#fffbeb;color:#f59e0b}.theme-cyan{background:#ecfeff;color:#06b6d4}.theme-orange{background:#fff7ed;color:#ea580c}.stat-val-wrapper{margin-top:auto}.stat-value{font-size:32px;font-weight:700;color:var(--admin-text);line-height:1;margin-bottom:5px}.stat-label{font-size:14px;color:var(--admin-text-muted);font-weight:500}.stat-trend{font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:4px}.trend-up{background:#ecfdf5;color:#059669}.trend-down{background:#fef2f2;color:#dc2626}.admin-badge-cyan{background:#06b6d41a;color:#06b6d4}.chart-section{background:var(--admin-card-bg);border:1px solid var(--admin-border);border-radius:var(--card-border-radius);padding:24px;box-shadow:var(--card-shadow);overflow:visible;box-sizing:border-box;width:100%;min-width:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible;width:100%;box-sizing:border-box}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;overflow:visible;width:100%;box-sizing:border-box}@media(max-width:1200px){.grid-3,.grid-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.grid-3,.grid-2{grid-template-columns:1fr}.chart-section{padding:20px}.analytics-container{gap:16px}}@media(max-width:768px){.grid-3,.grid-2{grid-template-columns:1fr;gap:16px}.chart-section{padding:16px;border-radius:12px}}.donut-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px;overflow:visible!important}.donut-card .chart-title{font-size:16px;font-weight:600;color:var(--admin-text);margin-bottom:4px}.donut-card .chart-subtitle{font-size:13px;color:var(--admin-text-muted);margin-bottom:20px}.donut-wrapper{position:relative;width:180px;height:180px;margin:0 auto;overflow:visible!important}.donut-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--admin-text-muted);cursor:pointer;padding:4px 6px;border-radius:6px;transition:background .2s}.legend-item:hover{background:#6366f11a}.legend-color{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.legend-value{margin-left:auto;font-weight:600;color:#6366f1;flex-shrink:0}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:var(--admin-text)}.section-title .icon-box{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px}.stats-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;width:100%;box-sizing:border-box}.stats-summary-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--admin-bg);border-radius:12px;border:1px solid var(--admin-border);transition:transform .2s;box-sizing:border-box;min-width:0}.stats-summary-card:hover{transform:translateY(-2px)}.stats-summary-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stats-summary-info{display:flex;flex-direction:column;min-width:0}.stats-summary-value{font-size:28px;font-weight:700;color:var(--admin-text);line-height:1.2}.stats-summary-label{font-size:14px;color:var(--admin-text-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.stats-summary-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:992px){.stats-summary-cards{grid-template-columns:repeat(2,1fr);gap:16px}.stats-summary-card{padding:20px;gap:16px}.stats-summary-icon{width:50px;height:50px;font-size:20px}.stats-summary-value{font-size:24px}}@media(max-width:768px){.stats-summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.stats-summary-card{padding:16px;gap:12px}.stats-summary-icon{width:44px;height:44px;font-size:18px}.stats-summary-value{font-size:20px}.stats-summary-label{font-size:12px}}@media(max-width:480px){.stats-summary-cards{grid-template-columns:1fr}}.stats-list{max-height:200px;overflow-y:auto}.stats-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid var(--admin-border);font-size:13px;transition:background .2s;border-radius:6px}.stats-list-item:hover{background:#ffffff05}.stats-list-item:last-child{border-bottom:none}.stats-list-item-info{display:flex;flex-direction:column;gap:4px}.stats-list-item-ip{color:var(--admin-text);font-weight:500}.stats-list-item-page{color:var(--admin-text-muted);font-size:12px}.stats-list-empty{color:var(--admin-text-muted);font-size:13px;text-align:center;padding:30px 0}.stats-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:30px}.stats-chart-card{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:12px;padding:24px}.stats-chart-card h4{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--admin-text);display:flex;align-items:center;gap:10px}.stats-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.stats-column{display:flex;flex-direction:column;gap:20px}.stats-list-card{background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:12px;padding:20px}.stats-list-card h4{margin:0 0 15px;font-size:15px;font-weight:600;color:var(--admin-text);display:flex;align-items:center;gap:10px}.analytics-tabs{display:flex;gap:10px;margin-bottom:24px}.analytics-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--admin-card);color:var(--admin-text-muted);border:1px solid var(--admin-border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.analytics-tab:hover{background:var(--admin-bg);color:var(--admin-text);border-color:#ef4444}.analytics-tab.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:transparent;box-shadow:0 4px 15px #ef444466}.analytics-tab[data-tab=series].active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px #22c55e66}.analytics-tab[data-tab=shorts].active{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 15px #ec489966}.analytics-panel{animation:fadeIn .3s ease-out}.analytics-panel>*{margin-bottom:24px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.stats-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.stats-details-grid,.stats-charts-grid{grid-template-columns:1fr}.donut-wrapper{width:160px;height:160px}}@media(max-width:768px){.stats-charts-grid{grid-template-columns:1fr}.donut-wrapper{width:150px;height:150px}.donut-legend{gap:8px}.legend-item{font-size:11px;padding:3px 5px}.section-title{font-size:14px;gap:10px}.section-title .icon-box{width:32px;height:32px;font-size:12px}.stat-card{padding:16px;height:auto;min-height:120px}.stat-value{font-size:24px}.stat-icon{width:40px;height:40px;font-size:16px}}@media(max-width:480px){.analytics-container{gap:12px}.chart-section{padding:12px}.section-title{flex-wrap:wrap}.donut-card{padding:16px}}
