.analytics-page{--ap-bg:#050b24;--ap-bg2:#071438;--ap-blue:#20d8ff;--ap-blue2:#2563ff;--ap-cyan:#43f5ff;--ap-purple:#d946ef;--ap-pink:#ff4fd8;--ap-green:#35ff7a;--ap-red:#ff4f73;--ap-yellow:#ffd329;--ap-text:#f8fbff;--ap-muted:#b8c7e6;--ap-line:#20d8ff47;--ap-line2:#2563ff61;--ap-card:#040e2cc7;--ap-card2:#071438e6;color:var(--ap-text);}
.analytics-page *{box-sizing:border-box}
.analytics-page .analytics-card{position:relative;overflow:hidden;border-radius:25px;background:radial-gradient(520px 220px at 82% 6%,rgba(52,202,255,.22),transparent 70%), linear-gradient(180deg,#07162f 0%,#061226 100%);padding:22px 22px 24px}
.analytics-page .analytics-card:before{content:"";position:absolute;right:0;top:26px;width:200px;height:100px;background:radial-gradient(circle at 80% 48%,#ff4fd8e6 0 6%,transparent 7%),radial-gradient(circle at 68% 62%,#20d8fff2 0 6%,transparent 7%),linear-gradient(135deg,transparent 48%,#35ff7af2 49% 55%,transparent 56%);opacity:.18;pointer-events:none}
.analytics-page .analytics-card:after{content:"";position:absolute;right:37px;top:46px;width:100px;height:80px;background:linear-gradient(to top,#7c3aed 0 45%,transparent 46%),linear-gradient(to top,#2563ff 0 64%,transparent 65%),linear-gradient(to top,#20d8ff 0 82%,transparent 83%);clip-path:polygon(0 100%,0 50%,18% 42%,18% 100%,32% 100%,32% 28%,50% 20%,50% 100%,64% 100%,64% 12%,82% 4%,82% 100%);opacity:.28;pointer-events:none}
.analytics-page h1{position:relative;z-index:2;margin:0 0 6px;max-width:760px;font-size:clamp(34px,5vw,54px);line-height:1.05;font-weight:900;letter-spacing:-1.8px;color:#fff}
.analytics-page h1::first-letter{color:var(--ap-blue)}
.analytics-page .blue{color:var(--ap-cyan)}
.analytics-page .sub{position:relative;z-index:2;max-width:600px;margin:0 0 24px;color:#f0f5ff;font-size:clamp(15px,2vw,18px);line-height:1.45;font-weight:500}
.analytics-page .sync-text{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;color:#cfe8ff;font-size:14px}
.analytics-page .sync-text i{color:var(--ap-cyan)}
.analytics-page .stats-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.analytics-page .ga-card{min-height:148px;border-radius:10px;padding:18px 18px 16px;background:linear-gradient(135deg,#05163ee0,#070a2ae0);border:1px solid #20d8ff8c}
.analytics-page .ga-card:nth-child(2){border-color:#d946efad;background:linear-gradient(135deg,#1f0b43e6,#06082ae6)}
.analytics-page .ga-card:nth-child(3){border-color:#ffd32994;background:linear-gradient(135deg,#362d05c7,#070c22eb)}
.analytics-page .ga-label{display:flex;align-items:center;gap:12px;color:var(--ap-cyan);font-size:16px;font-weight:800}
.analytics-page .ga-card:nth-child(2) .ga-label{color:#ff69f2}
.analytics-page .ga-card:nth-child(3) .ga-label{color:#ffe25b}
.analytics-page .ga-label i{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;border:1px solid currentColor;border-radius:8px;font-size:24px;background:#ffffff0a;box-shadow:0 0 16px currentColor}
.analytics-page .ga-value{margin-top:-6px;text-align:center;font-size:clamp(24px,3vw,30px);line-height:1.15;font-weight:900;font-style:italic;color:#fff}
.analytics-page .ga-sub{margin-top:6px;text-align:right;color:#f1f6ff;font-size:16px;font-weight:500}
.analytics-page .ga-trend{margin-top:6px;display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800}
.analytics-page .up{color:var(--ap-green)!important}
.analytics-page .down{color:var(--ap-red)!important}
.analytics-page .flat{color:#9bdcff!important}
.analytics-page .table-panel{position:relative;z-index:2}
.analytics-page .table-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.analytics-page .table-head h2{margin:0;display:flex;align-items:center;gap:10px;color:#fff;font-size:28px;font-weight:900}
.analytics-page .table-head h2:before{content:"\F45B";font-family:"bootstrap-icons";color:var(--ap-cyan);font-size:34px}
.analytics-page .table-actions{display:flex;align-items:center;gap:12px}
.analytics-page .search-wrap{height:50px;width:300px;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid #4574ffb8;border-radius:15px;background:#030c26cc}
.analytics-page .search-wrap i{color:#cfe4ff;font-size:22px}
.analytics-page .search-wrap input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:16px}
.analytics-page .search-wrap input::placeholder{color:#b9c6df}
.analytics-page .btn-copy,.analytics-page .btn-fullscreen{width:50px;height:50px;border:1px solid #4574ffb8;border-radius:11px;background:#030c26cc;color:#dceaff;font-size:22px;display:grid;place-items:center;transition:.2s ease}
.analytics-page .btn-copy:hover,.analytics-page .btn-fullscreen:hover{color:var(--ap-cyan);border-color:var(--ap-cyan)}
.analytics-page .result-note{display:none;margin:0 0 10px;padding:10px 12px;border:1px solid #ff4f7366;border-radius:10px;background:#ff4f7314;color:#ff8da1;font-weight:700}
.analytics-page .table-box{position:relative;overflow:auto;border:1px solid #4931bb;border-radius:10px;background:#030b22d1}
.analytics-page table{width:100%;border-collapse:collapse;color:#fff}
.analytics-page th{border-right: 1px solid rgba(116,141,255,.75);border-bottom: 2px solid rgba(48,174,255,.7);}
.analytics-page th,.analytics-page td{padding:.5rem 0.2rem;vertical-align:middle;text-align:center}
.analytics-page th:last-child,.analytics-page td:last-child{border-right:0}
.analytics-page td:last-child{text-wrap:wrap}
.analytics-page thead th{position:relative;background:linear-gradient(180deg,#5536c9 0%,#2c2498 100%);white-space:nowrap}
.analytics-page tbody td{font-size:16px;font-weight:500;text-wrap:nowrap;background:#040f2d6b;border-right:1px solid #2563ff59;border-bottom:1px solid #2563ff59;}
.analytics-page tbody tr{background: rgba(4,20,47,.92);}
.analytics-page tbody tr:nth-child(2n) td {
  background: rgba(5,27,61,.95);
}
.analytics-page tbody tr:hover td{background:#20d8ff0f}
.analytics-page th[data-sort]{cursor:pointer}
.analytics-page .sort-icon{display:inline-block;width:12px;height:16px;margin-left:8px;position:relative;vertical-align:middle;opacity:.55}
.analytics-page .sort-icon:before,.analytics-page .sort-icon:after{content:"";display:block;width:0;height:0;margin:auto;border-left:5px solid transparent;border-right:5px solid transparent}
.analytics-page .sort-icon:before{border-bottom:5px solid #8aa7d8;margin-bottom:4px}
.analytics-page .sort-icon:after{border-top:5px solid #8aa7d8}
.analytics-page .rank-badge{display:inline-grid;place-items:center;color:#b9f7ff;font-weight:900}
.analytics-page tbody td:nth-child(2){text-wrap:wrap;}
.analytics-page .game-icon{width:72px;height:72px;object-fit:cover;border-radius:12px;margin-right:16px;border:1px solid #20d8ff6b;vertical-align:middle}
.analytics-page td small{display:inline-flex;align-items:center;gap:5px;font-weight:600}
.analytics-page .spark-cell svg{;max-width:100%;}
.analytics-page .swipe-hint{display:flex;position:absolute;width:180px;left:50%;top:30px;transform:translateX(-50%);z-index:5;padding:.71rem;border-radius:30px;background:#030c26;border:1px solid #20d8ff73;color:#dffcff;font-size:13px;font-weight:800;gap:15px}
.analytics-page .swipe-hint i{display:inline-block;animation:swipeHand 1s ease-in-out infinite}
@keyframes swipeHand {
0%,100%{transform:translateX(0)}
50%{transform:translateX(8px)}
}
.analytics-page .swipe-hint.hide{opacity:0;transform:translateX(-50%) translateY(-8px);transition:.25s}
.analytics-page .fs-close{display:none;position:fixed;top:14px;right:14px;z-index:99;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:34px}
.analytics-page .table-box.fullscreen{position:fixed;inset:0;z-index:9;border-radius:0;border:0;background:#000}
.analytics-page .table-box.fullscreen .fs-close{display:block}
body.ap-no-scroll{overflow:hidden}
@media(max-width:991px) {
.analytics-page .analytics-card{padding:18px 14px}
.analytics-page .stats-grid{grid-template-columns:1fr}
.analytics-page .ga-card{min-height:auto}
.analytics-page .table-head{align-items:flex-start;flex-direction:column}
.analytics-page .table-actions{width:100%;gap:8px}
.analytics-page .search-wrap{flex:1;width:auto;height:46px}
.analytics-page .btn-copy,.analytics-page .btn-fullscreen{width:46px;height:46px}
.analytics-page .swipe-hint{display:flex}
}
@media(max-width:575px) {
.analytics-page{padding-top:10px}
.analytics-page .analytics-card{border-radius:16px}
.analytics-page h1{font-size:32px;letter-spacing:-.8px}
.analytics-page .sub{font-size:15px}
.analytics-page .ga-label{font-size:15px}
.analytics-page .ga-value{font-size:22px}
.analytics-page .ga-sub{font-size:14px}
.analytics-page .table-head h2{font-size:24px}
.analytics-page thead th{font-size: 12px}
.analytics-page tbody td{font-size: 14px}
.analytics-page td small{font-size: 10px}
}