*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0d0d0d,#181818);color:#f0f0f0;min-height:100vh}.main-content{max-width:1400px;margin:0 auto;padding:40px 24px 80px}#loadingState{text-align:center;padding:120px 20px}.spinner{width:48px;height:48px;border:4px solid rgba(255,140,0,.2);border-top-color:#ff8c00;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}#accessDenied{display:none;text-align:center;padding:120px 20px}#accessDenied .icon{font-size:80px;margin-bottom:20px}#accessDenied h2{font-size:28px;color:#ef4444;margin-bottom:12px}#accessDenied p{color:#888;margin-bottom:30px}#analyticsContent{display:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px;flex-wrap:wrap;gap:16px}.page-title-block h1{font-family:Playfair Display,serif;font-size:36px;background:linear-gradient(135deg,#ff6b6b,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title-block p{color:#888;font-size:14px;margin-top:6px}.sa-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:#a855f71f;border:1px solid rgba(168,85,247,.35);border-radius:20px;color:#c084fc;font-size:12px;font-weight:600}.range-bar{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:6px 8px}.range-btn{padding:7px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:transparent;color:#888;transition:all .2s}.range-btn:hover{color:#fff}.range-btn.active{background:#ff8c00;color:#000}.refresh-btn{padding:7px 14px;border:1px solid rgba(255,140,0,.3);border-radius:8px;background:transparent;color:#ff8c00;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;margin-left:8px}.refresh-btn:hover{background:#ff8c001a}.refresh-btn.active{background:#22c55e33;border-color:#22c55e80;color:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.kpi-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:transform .2s,border-color .2s}.kpi-card:hover{transform:translateY(-3px);border-color:#ff8c0059}.kpi-icon{font-size:28px;margin-bottom:10px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#666;margin-bottom:6px}.kpi-value{font-size:32px;font-weight:700;color:#fff;line-height:1}.kpi-sub{font-size:12px;color:#888;margin-top:6px}.kpi-up{color:#22c55e}.kpi-down{color:#ef4444}.section-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px}.chart-container{position:relative;height:260px}.chart-container canvas{width:100%!important}.charts-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1100px){.charts-row-3{grid-template-columns:1fr 1fr}}@media(max-width:700px){.charts-row-3{grid-template-columns:1fr}}.table-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;margin-bottom:24px;overflow:hidden}.table-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:10px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#666;border-bottom:1px solid rgba(255,255,255,.06)}.data-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:#ccc;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff08}.table-wrap{overflow-x:auto}.tier-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700}.tier-free{background:#64646433;color:#aaa}.tier-basic{background:#3b82f633;color:#60a5fa}.tier-premium{background:#a855f733;color:#c084fc}.tier-elite{background:#ff8c0033;color:#ff8c00}.bar-wrap{display:flex;align-items:center;gap:10px}.bar-bg{flex:1;height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#ff8c00,gold);border-radius:3px;transition:width .5s}.time-ago{font-size:11px;color:#666;white-space:nowrap}.anon{color:#666;font-style:italic}.skeleton{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:900px){.two-col{grid-template-columns:1fr}}.va-page-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}@media(max-width:900px){.va-page-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.va-page-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.va-page-card{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .2s;border-left:3px solid rgba(255,255,255,.08)}.va-page-card:hover{border-left-color:var(--vpc-color, rgba(255,255,255,.3))}.va-page-card.active{background:#ffffff0f;border-color:var(--vpc-border, rgba(255,255,255,.15));border-left-color:var(--vpc-color)}.va-page-card .vpc-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.va-page-card .vpc-icon{font-size:18px}.va-page-card .vpc-name{font-size:14px;font-weight:600;color:#ccc}.va-page-card.active .vpc-name{color:#fff}.va-page-card .vpc-count{font-size:11px;color:#555;margin-left:auto}.va-page-card .vpc-stats{display:flex;gap:20px}.va-page-card .vpc-stat-label{font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.05em}.va-page-card .vpc-stat-val{font-size:18px;font-weight:700}.va-filter-bar{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 16px;margin-bottom:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.va-search-wrap{position:relative;flex:1 1 220px;min-width:180px}.va-search-wrap .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:14px;color:#555;pointer-events:none}.va-search{width:100%;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ddd;padding:8px 12px 8px 32px;font-size:13px;outline:none;font-family:inherit}.va-search:focus{border-color:#ff8c0066}.va-dd{position:relative;user-select:none;width:160px}#vaDdPage{width:170px}#vaDdCard{width:140px}#vaDdTier{width:150px}.va-dd-trigger{background:#1a1a1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:8px 30px 8px 12px;font-size:13px;color:#eee;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;font-family:inherit}.va-dd-trigger.open{border-color:#ff8c0080}.va-dd-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:9px;color:#777;transition:transform .2s}.va-dd-trigger.open .va-dd-arrow{transform:translateY(-50%) rotate(180deg);color:#ff8c00}.va-dd-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:80;background:#141414;border:1px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden;box-shadow:0 14px 44px #000c,0 0 0 1px #ffffff0f;display:none}.va-dd-menu.open{display:block}.va-dd-opt{padding:11px 14px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#ccc;border-left:3px solid transparent;transition:all .1s}.va-dd-opt:hover{background:#ffffff1a;color:#fff}.va-dd-opt.active{color:#fff;background:#ff8c002e;font-weight:700;border-left-color:#ff8c00}.va-dd-opt .dd-check{margin-left:auto;font-size:12px;color:#ff8c00;font-weight:700}.va-count{font-size:12px;color:#555;white-space:nowrap}.va-video-table{min-width:880px}.va-th-sort{cursor:pointer;user-select:none;white-space:nowrap;transition:color .15s}.va-th-sort:hover,.va-th-sort.active{color:#ff8c00!important}.va-loc-page{font-size:14px;font-weight:600}.va-loc-card{font-size:11px;color:#555;padding-left:22px}.va-rate-bar{display:flex;align-items:center;gap:8px;min-width:90px}.va-rate-track{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.va-rate-fill{height:100%;border-radius:2px}.va-rate-pct{font-size:12px;font-weight:700;min-width:34px;text-align:right}.va-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:#555}.va-page-btn{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:transparent;color:#666;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.va-page-btn.active{border-color:#ff8c0066;background:#ff8c0026;color:#ff8c00}.collapsible-header:hover .collapse-arrow{color:#ff8c00!important}.collapse-arrow.collapsed{transform:rotate(-90deg)}.ua-tier-btns{display:flex;gap:4px}.ua-tier-btn{padding:7px 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:#888;font-family:inherit;transition:all .15s}.ua-tier-btn.active{border-color:#ff8c0066;background:#ff8c0026;color:#ff8c00!important}.ua-table{table-layout:fixed;width:100%;min-width:860px}.ua-col-user{width:18%;text-align:left}.ua-col-tier{width:8%;text-align:left}.ua-col-num{width:7%;text-align:right}.ua-col-time{width:11%;text-align:right}.ua-col-rate{width:13%;text-align:right}.ua-col-pages{width:12%;text-align:left}.ua-col-ago{width:15%;text-align:right}.ua-col-pgn{width:9%;text-align:right;padding-left:14px!important;padding-right:10px!important}.ua-th-sort{cursor:pointer;user-select:none;transition:color .15s}.ua-th-sort:hover,.ua-th-sort.active{color:#ff8c00!important}.ua-table td{vertical-align:middle}.ua-user-cell{display:flex;align-items:center;gap:10px}.ua-avatar{width:30px;height:30px;border-radius:50%;background:#ff8c001f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#ff8c00;flex-shrink:0}.ua-username{font-weight:600;color:#eee;font-size:13px}.ua-joined{font-size:10px;color:#444}.ua-expand{font-size:9px;color:#555;margin-left:4px}.ua-clickrow{cursor:pointer;transition:background .15s}.ua-clickrow:hover{background:#ffffff08}.va-viewers-btn:hover{background:rgba(244,114,182,.15)!important;border-color:rgba(244,114,182,.5)!important}.va-pgn-btn:hover{background:rgba(34,197,94,.15)!important;border-color:rgba(34,197,94,.5)!important}.va-viewers-row td,.va-pgn-row td{border-bottom:none!important}@media(max-width:768px){.main-content{padding:20px 12px 60px}.nav-right{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.page-title-block h1{font-size:24px}.page-title-block p{font-size:12px}.sa-badge{display:none}.range-bar{width:100%;justify-content:space-between;padding:4px 6px}.range-btn{padding:6px 12px;font-size:12px}.refresh-btn{padding:6px 10px;font-size:12px;margin-left:0}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}#vaKpiGrid{grid-template-columns:repeat(3,1fr)!important}.kpi-card{padding:14px;border-radius:12px}.kpi-icon{font-size:22px;margin-bottom:6px}.kpi-value{font-size:24px}.kpi-label{font-size:10px}.kpi-sub{font-size:11px}.chart-card{padding:16px;border-radius:12px}.chart-container{height:200px}.section-title{font-size:15px;margin-bottom:12px}.table-card{padding:16px;border-radius:12px}.table-card h3{font-size:14px;margin-bottom:12px}.data-table th{padding:8px;font-size:10px}.data-table td{padding:8px;font-size:12px}.ip-col{display:none!important}.bar-wrap span{min-width:60px!important;font-size:11px!important}#videoAnalyticsSection{margin-top:24px!important;padding-top:20px!important}#videoAnalyticsSection .section-title{font-size:18px!important}.va-page-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.va-page-card{padding:12px 14px}.va-page-card .vpc-name{font-size:13px}.va-page-card .vpc-stat-val{font-size:16px}.va-page-card .vpc-count{font-size:10px}.va-filter-bar{padding:10px 12px;gap:8px}.va-search-wrap{flex:1 1 100%;min-width:unset}.va-dd{flex:1 1 0;min-width:0}.va-dd-trigger{font-size:12px;padding:7px 26px 7px 10px}.va-dd-trigger span:first-child{display:none}.va-count{font-size:11px}.va-video-table{min-width:600px!important}.vid-watch-col,.vid-avg-col,.vid-rate-col{display:none!important}.va-loc-page{font-size:12px}.va-loc-card{font-size:10px;padding-left:18px}.va-pagination{padding:10px 12px;font-size:11px;flex-wrap:wrap;gap:8px}.va-page-btn{width:28px;height:28px;font-size:11px}.ua-table{min-width:600px!important}.ua-tier-btns{gap:3px}.ua-tier-btn{padding:6px 10px;font-size:11px}#uaDetailGrid{grid-template-columns:1fr!important}}@media(max-width:480px){.main-content{padding:16px 10px 60px}.page-title-block h1{font-size:20px}.kpi-grid{gap:8px}#vaKpiGrid{grid-template-columns:repeat(2,1fr)!important}.kpi-card{padding:12px 10px}.kpi-value{font-size:20px}.kpi-icon{font-size:18px;margin-bottom:4px}.kpi-label{font-size:9px;letter-spacing:0}.kpi-sub{font-size:10px;margin-top:4px}.chart-container{height:170px}.chart-card{padding:12px}.range-btn,.refresh-btn{padding:5px 8px;font-size:11px}.table-card{padding:12px}.data-table th{padding:6px}.data-table td{padding:7px 6px;font-size:11px}.feed-time-col{display:none!important}#videoAnalyticsSection{margin-top:16px!important;padding-top:16px!important}#videoAnalyticsSection .section-title{font-size:16px!important}.va-page-grid{gap:6px;margin-bottom:12px}.va-page-card{padding:10px 12px;border-radius:10px}.va-page-card .vpc-icon{font-size:14px}.va-page-card .vpc-name{font-size:12px}.va-page-card .vpc-count{font-size:9px}.va-page-card .vpc-stats{gap:12px}.va-page-card .vpc-stat-label{font-size:8px}.va-page-card .vpc-stat-val{font-size:14px}.va-page-card .vpc-head{margin-bottom:5px}.va-filter-bar{padding:8px 10px;gap:6px;border-radius:10px}.va-search{font-size:12px;padding:7px 10px 7px 28px}.va-search-wrap .icon{font-size:12px;left:8px}.va-dd{flex:1 1 calc(50% - 4px)}.va-dd-trigger{font-size:11px;padding:6px 24px 6px 8px;border-radius:6px}.va-dd-arrow{font-size:8px;right:8px}.va-dd-menu{border-radius:8px}.va-dd-opt{padding:9px 10px;font-size:12px}.va-count{width:100%;text-align:center;font-size:10px}.va-video-table{min-width:320px!important}.vid-watch-col,.vid-avg-col,.vid-rate-col,.va-loc-card{display:none!important}.va-loc-page{font-size:11px}.va-pagination{padding:8px 10px;font-size:10px}.va-page-btn{width:26px;height:26px;font-size:10px;border-radius:6px}.ua-table{min-width:400px!important}.ua-hide-phone{display:none!important}.ua-col-user{width:30%}.ua-col-rate{display:none}.ua-col-tier{width:14%}.ua-col-num{width:12%}.ua-col-time{width:16%}.ua-col-pgn{width:16%;padding-left:10px!important;padding-right:8px!important}.ua-tier-btns{width:100%;justify-content:space-between}.ua-tier-btn{flex:1;padding:6px 4px;font-size:10px;text-align:center}#uaDetailGrid{grid-template-columns:1fr!important}#userActivitySection .kpi-grid{grid-template-columns:repeat(2,1fr)!important}}