#videoStatsPage { width: 100%; margin: 0 auto; }
#videoStatsPage [hidden] { display: none !important; }
#videoStatsPage .vs-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; gap: 16px; }
#videoStatsPage h2 { margin: 0 0 8px; }
#videoStatsPage .vs-heading p { color: #667085; margin: 0; }
#videoStatsPage .vs-filters, #videoStatsPage .vs-range, #videoStatsPage .vs-quick { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; }
#videoStatsPage label { display: flex; flex-direction: column; gap: 6px; color: #596273; font-size: 13px; }
#videoStatsPage select, #videoStatsPage input { height: 38px; border: 1px solid #d5dae3; border-radius: 7px; background: white; padding: 6px 10px; color: #27354b; font: inherit; }
#videoStatsPage #vs-userId { min-width: 180px; max-width: 270px; }
#videoStatsPage .btn { min-height: 38px; white-space: nowrap; }
#videoStatsPage .vs-note, #videoStatsPage .vs-muted, #videoStatsPage small { color: #798393; }
#videoStatsPage .vs-note { font-size: 13px; line-height: 1.7; margin: 16px 0; }
#videoStatsPage .vs-tabs { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid #edf0f4; padding-bottom: 16px; }
#videoStatsPage .vs-tabs .active { background: #eff6ff; color: #1677ff; border: 1px solid #91caff; }
#videoStatsPage .vs-scope { color: #427058; margin: 20px 0 12px; }
#videoStatsPage .vs-summary { display: grid; grid-template-columns: 1.4fr 1fr; gap: 16px; margin-bottom: 22px; }
#videoStatsPage .vs-summary > div { border: 1px solid #e2eaf7; border-radius: 12px; background: #f6f9ff; padding: 22px 24px; }
#videoStatsPage .vs-summary span { color: #61738b; font-size: 14px; }
#videoStatsPage .vs-summary strong { display: block; font-size: 34px; margin: 10px 0 4px; color: #233b59; }
#videoStatsPage .vs-summary em { font-size: 15px; font-style: normal; font-weight: 400; }
#videoStatsPage small { display: block; font-size: 12px; margin-top: 5px; line-height: 1.5; }
#videoStatsPage .vs-table { overflow-x: auto; }
#videoStatsPage table { width: 100%; border-collapse: collapse; }
#videoStatsPage th { background: #f8f9fc; color: #697586; text-align: left; font-size: 13px; }
#videoStatsPage td, #videoStatsPage th { padding: 15px; border-bottom: 1px solid #edf0f4; line-height: 1.5; overflow-wrap: anywhere; }
#videoStatsPage td:last-child, #videoStatsPage th:last-child { text-align: right; }
#videoStatsPage .vs-empty { text-align: center !important; padding: 50px; color: #8b95a4; }
#videoStatsPage .vs-pagination { display: flex; gap: 14px; justify-content: flex-end; align-items: center; margin-top: 20px; color: #7b8595; font-size: 13px; }
#videoStatsPage #vs-error { background: #fff1f0; color: #c03737; padding: 14px; border-radius: 8px; overflow-wrap: anywhere; }
#videoStatsPage #vs-loading { color: #6b7e99; padding: 30px 0; }
#videoStatsPage .vs-warning { color: #a66b15; background: #fffaeb; padding: 10px 14px; border-radius: 8px; font-size: 13px; }
@media (max-width: 700px) { #videoStatsPage .vs-summary { grid-template-columns: 1fr; } #videoStatsPage .vs-summary strong { font-size: 28px; } #videoStatsPage .vs-pagination { justify-content: center; } }