[data-v-662baf15]{box-sizing:border-box;margin:0;padding:0}.dashboard-page[data-v-662baf15]{background:#0a0f1a;color:#fff;display:flex;flex-direction:column;font-family:Noto Sans SC,sans-serif;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.header[data-v-662baf15]{border-bottom:1px solid rgba(0,212,255,.15);flex-shrink:0;justify-content:space-between;padding:clamp(8px,1.2vh,14px) clamp(16px,2vw,28px)}.header[data-v-662baf15],.header-left[data-v-662baf15]{align-items:center;display:flex}.header-left[data-v-662baf15]{gap:clamp(6px,.8vw,10px);min-width:0}.logo[data-v-662baf15]{border-radius:12px;cursor:pointer;display:block;flex-shrink:0;height:clamp(40px,5vh,48px);-o-object-fit:contain;object-fit:contain;width:clamp(100px,12vw,100px)}.header-title[data-v-662baf15]{align-items:baseline;color:#fff;display:inline-flex;flex-wrap:nowrap;font-size:clamp(13px,1.5vw + .6vh,18px);font-weight:500;gap:.35em;line-height:1.25;margin:0;min-width:0}.header-title-main[data-v-662baf15],.header-title-sub[data-v-662baf15]{display:inline;white-space:nowrap}@media (min-width:770px) and (max-width:990px){.header-title[data-v-662baf15]{align-items:flex-start;flex-direction:column;gap:2px;line-height:1.2}.header-title-main[data-v-662baf15],.header-title-sub[data-v-662baf15]{display:block;white-space:normal}}.header-right[data-v-662baf15]{flex-wrap:wrap;gap:clamp(10px,1.5vw,20px);justify-content:flex-end}.header-right[data-v-662baf15],.weather-info[data-v-662baf15]{align-items:center;display:flex}.weather-info[data-v-662baf15]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;gap:clamp(6px,1vw,12px);padding:clamp(4px,.8vh,8px) clamp(10px,1.2vw,14px)}.weather-icon[data-v-662baf15]{font-size:20px}.weather-text[data-v-662baf15]{align-items:flex-start;display:flex;flex-direction:column}.weather-temp[data-v-662baf15]{color:#fff;font-family:Orbitron,monospace;font-size:14px;font-weight:600}.weather-desc[data-v-662baf15]{color:#8b9bb4;font-size:11px}.time-display[data-v-662baf15]{color:#00d4ff;font-family:Orbitron,monospace;font-size:clamp(12px,1vw + .8vh,15px);letter-spacing:1px}.status-badge[data-v-662baf15]{align-items:center;background:#10b98126;border:1px solid rgba(16,185,129,.3);border-radius:16px;color:#10b981;display:flex;font-size:13px;gap:8px;padding:6px 14px}.status-dot[data-v-662baf15]{animation:pulse-662baf15 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}.status-badge--error[data-v-662baf15]{background:#ef44442e;border-color:#ef444473;color:#f87171}.status-badge--error .status-dot[data-v-662baf15]{background:#ef4444}@media (max-width:992px){.status-badge span[data-v-662baf15]{display:none}.status-badge[data-v-662baf15]{gap:0;padding:6px}}@keyframes pulse-662baf15{0%,to{opacity:1}50%{opacity:.5}}.main-container[data-v-662baf15]{display:flex;flex:1;flex-direction:column;gap:clamp(8px,1vh,14px);min-height:0;overflow:hidden;padding:clamp(8px,1vh,16px) clamp(12px,1.5vw,28px)}.top-stats[data-v-662baf15]{flex-shrink:0;grid-template-columns:repeat(4,1fr)}.middle-section[data-v-662baf15],.top-stats[data-v-662baf15]{display:grid;gap:clamp(8px,1vw,14px)}.middle-section[data-v-662baf15]{align-items:stretch;flex:1.15;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);min-height:0}.mini-stat[data-v-662baf15]{background:#101828b3;border:1px solid rgba(0,212,255,.15);border-radius:10px;padding:clamp(8px,1.5vh,14px) clamp(10px,1vw,16px);position:relative;text-align:center}.mini-stat[data-v-662baf15]:before{content:"";height:2px;left:50%;position:absolute;top:0;transform:translate(-50%);width:60%}.mini-stat[data-v-662baf15]:first-child:before{background:linear-gradient(90deg,transparent,#00d4ff,transparent)}.mini-stat[data-v-662baf15]:nth-child(2):before{background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.mini-stat[data-v-662baf15]:nth-child(3):before{background:linear-gradient(90deg,transparent,#10b981,transparent)}.mini-stat[data-v-662baf15]:nth-child(4):before{background:linear-gradient(90deg,transparent,#f59e0b,transparent)}.mini-stat-value[data-v-662baf15]{font-family:Orbitron,monospace;font-size:clamp(18px,2.2vw + 1.8vh,28px);font-weight:700;margin-bottom:clamp(2px,.4vh,6px)}.mini-stat:first-child .mini-stat-value[data-v-662baf15]{color:#00d4ff}.mini-stat:nth-child(2) .mini-stat-value[data-v-662baf15]{color:#3b82f6}.mini-stat:nth-child(3) .mini-stat-value[data-v-662baf15]{color:#10b981}.mini-stat:nth-child(4) .mini-stat-value[data-v-662baf15]{color:#f59e0b}.mini-stat-label[data-v-662baf15]{color:#8b9bb4;font-size:clamp(10px,1vw + .4vh,12px)}.middle-section>.card[data-v-662baf15]{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0}.middle-section>.stats-grid[data-v-662baf15]{align-self:stretch;height:100%;max-height:100%;min-height:0}.card[data-v-662baf15]{background:#101828b3;border:1px solid rgba(0,212,255,.15);border-radius:12px;padding:clamp(10px,1.4vh,18px)}.card-header[data-v-662baf15]{flex-shrink:0;justify-content:space-between;margin-bottom:clamp(8px,1vh,14px)}.card-header[data-v-662baf15],.card-title[data-v-662baf15]{align-items:center;display:flex}.card-title[data-v-662baf15]{color:#8b9bb4;font-size:clamp(11px,1vw + .4vh,13px);gap:clamp(6px,.8vw,10px)}.card-title-icon[data-v-662baf15]{align-items:center;background:#00d4ff1a;border-radius:6px;display:flex;height:28px;justify-content:center;width:28px}.card-title-icon svg[data-v-662baf15]{color:#00d4ff;height:16px;width:16px}.trend-badge[data-v-662baf15]{align-items:center;background:#10b9811a;border-radius:12px;color:#10b981;display:flex;font-size:12px;gap:4px;padding:4px 10px}.middle-section>.card .online-table-wrapper[data-v-662baf15]{flex:1;max-height:none;min-height:0;overflow:hidden}.online-table-scroll[data-v-662baf15]{animation:online-table-scroll-up-662baf15 15s linear infinite}.online-table-scroll[data-v-662baf15]:hover{animation-play-state:paused}@keyframes online-table-scroll-up-662baf15{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.online-table[data-v-662baf15]{border-collapse:collapse;width:100%}.online-table tbody tr[data-v-662baf15],.online-table thead[data-v-662baf15]{display:table;table-layout:fixed;width:100%}.online-table tbody[data-v-662baf15]{display:block}.online-table th[data-v-662baf15]{border-bottom:1px solid hsla(0,0%,100%,.05);color:#8b9bb4;font-size:clamp(10px,1vw + .2vh,12px);font-weight:400;text-align:left}.online-table td[data-v-662baf15],.online-table th[data-v-662baf15]{padding:clamp(6px,1vh,10px) clamp(8px,1vw,12px)}.online-table td[data-v-662baf15]{border-bottom:1px solid hsla(0,0%,100%,.03);font-size:clamp(11px,1vw + .3vh,13px)}.user-cell[data-v-662baf15]{gap:12px}.user-avatar[data-v-662baf15],.user-cell[data-v-662baf15]{align-items:center;display:flex}.user-avatar[data-v-662baf15]{background:linear-gradient(135deg,#00d4ff,#06f);border-radius:50%;font-size:12px;font-weight:500;height:32px;justify-content:center;width:32px}.device-icon[data-v-662baf15]{color:#8b9bb4;flex-shrink:0;height:20px;width:20px}.os-cell-inner[data-v-662baf15]{align-items:center;display:flex;gap:8px;min-width:0}.os-label[data-v-662baf15]{color:#c5d0e0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-online[data-v-662baf15]{align-items:center;background:#10b9811a;border-radius:10px;color:#10b981;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.status-online[data-v-662baf15]:before{background:#10b981;border-radius:50%;content:"";height:6px;width:6px}.stats-grid[data-v-662baf15]{align-content:stretch;display:grid;gap:clamp(6px,1vh,12px);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.stats-grid .stat-card[data-v-662baf15]{container-name:stat-grid-card;container-type:inline-size;--stat-pad-t:clamp(8px,.5rem + .35vw,12px);--stat-pad-l:clamp(10px,.55rem + .45vw,14px);--stat-pad-r:clamp(10px,.55rem + .45vw,14px);--stat-pad-b:clamp(8px,.5rem + .35vw,12px);--stat-value-detail-gap:4px}.stat-card[data-v-662baf15]{align-items:stretch;align-self:stretch;background:#101828b3;border:1px solid rgba(0,212,255,.15);border-radius:12px;height:100%;justify-content:flex-start;max-height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--stat-pad-t,10px) var(--stat-pad-r,12px) var(--stat-pad-b,10px) var(--stat-pad-l,12px);position:relative}.stat-card[data-v-662baf15],.stat-card-bottom[data-v-662baf15]{display:flex;flex-direction:column;min-width:0}.stat-card-bottom[data-v-662baf15]{align-items:flex-start;flex-shrink:0;gap:var(--stat-value-detail-gap,4px);margin-top:auto;width:100%}.stat-card[data-v-662baf15]:after{bottom:0;content:"";height:2px;left:var(--stat-pad-l,12px);position:absolute;right:var(--stat-pad-r,12px)}.stat-card.today[data-v-662baf15]:after{background:#00d4ff}.stat-card.yesterday[data-v-662baf15]:after{background:#3b82f6}.stat-card.week[data-v-662baf15]:after{background:#10b981}.stat-card.last-week[data-v-662baf15]:after{background:#f59e0b}.stat-card.month[data-v-662baf15]:after{background:#8b5cf6}.stat-card.last-month[data-v-662baf15]:after{background:#ec4899}.stat-header[data-v-662baf15]{align-items:flex-start;display:flex;flex-shrink:0;gap:6px;justify-content:space-between;margin-bottom:0;min-width:0;padding:0}.stat-title[data-v-662baf15]{color:#8b9bb4;display:-webkit-box;flex:1;font-size:clamp(10px,1vw + .3vh,12px);line-height:1.25;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;word-break:break-word}.stat-icon[data-v-662baf15]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:clamp(24px,3vw,28px);justify-content:center;width:clamp(24px,3vw,28px)}.stat-icon svg[data-v-662baf15]{height:clamp(14px,2.5vw,18px);width:clamp(14px,2.5vw,18px)}.stat-card.today .stat-icon[data-v-662baf15]{background:#00d4ff1a;color:#00d4ff}.stat-card.yesterday .stat-icon[data-v-662baf15]{background:#3b82f61a;color:#3b82f6}.stat-card.week .stat-icon[data-v-662baf15]{background:#10b9811a;color:#10b981}.stat-card.last-week .stat-icon[data-v-662baf15]{background:#f59e0b1a;color:#f59e0b}.stat-card.month .stat-icon[data-v-662baf15]{background:#8b5cf61a;color:#8b5cf6}.stat-card.last-month .stat-icon[data-v-662baf15]{background:#ec48991a;color:#ec4899}.stat-value[data-v-662baf15]{flex-shrink:0;font-family:Orbitron,monospace;font-size:clamp(14px,1.1rem + 1.5vw,28px);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.12;margin-bottom:0;max-width:100%;min-width:0}.stat-card.today .stat-value[data-v-662baf15]{color:#00d4ff}.stat-card.yesterday .stat-value[data-v-662baf15]{color:#3b82f6}.stat-card.week .stat-value[data-v-662baf15]{color:#10b981}.stat-card.last-week .stat-value[data-v-662baf15]{color:#f59e0b}.stat-card.month .stat-value[data-v-662baf15]{color:#8b5cf6}.stat-card.last-month .stat-value[data-v-662baf15]{color:#ec4899}.stat-detail[data-v-662baf15]{color:#8b9bb4;flex-shrink:0;font-size:clamp(10px,.65rem + .35vw,12px);line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.chart-section[data-v-662baf15]{display:flex;flex:1;flex-direction:column;min-height:0}.chart-section .card-header[data-v-662baf15]{flex-shrink:0}.chart-container[data-v-662baf15]{flex:1;height:auto;min-height:0;position:relative}.chart-tabs[data-v-662baf15]{display:flex;gap:8px}.chart-tab[data-v-662baf15]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;color:#8b9bb4;cursor:pointer;font-family:Noto Sans SC,sans-serif;font-size:clamp(11px,1vw + .2vh,13px);padding:clamp(4px,.6vh,6px) clamp(10px,1.2vw,14px);transition:all .3s}.chart-tab[data-v-662baf15]:hover{background:#00d4ff1a}.chart-tab.active[data-v-662baf15]{background:#00d4ff;border-color:#00d4ff;color:#000}.loading-overlay[data-v-662baf15]{align-items:center;background:#0a0f1acc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner[data-v-662baf15]{animation:spin-662baf15 .8s linear infinite;border:3px solid rgba(0,212,255,.2);border-radius:50%;border-top-color:#00d4ff;height:40px;width:40px}@keyframes spin-662baf15{to{transform:rotate(1turn)}}@media (max-width:1200px){.stats-grid[data-v-662baf15],.top-stats[data-v-662baf15]{grid-template-columns:repeat(2,1fr)}.stats-grid[data-v-662baf15]{align-content:stretch;grid-template-rows:repeat(3,minmax(0,1fr));min-height:0}.middle-section .stats-grid .stat-card[data-v-662baf15]{--stat-pad-t:clamp(5px,.45rem + .3vw,9px);--stat-pad-l:clamp(5px,.5rem + .35vw,9px);--stat-pad-r:clamp(5px,.5rem + .35vw,9px);--stat-pad-b:clamp(5px,.45rem + .3vw,9px)}.middle-section .stats-grid .stat-title[data-v-662baf15]{font-size:clamp(9px,1.1vw + .35vh,11px);-webkit-line-clamp:2;line-clamp:2}.middle-section .stats-grid .stat-value[data-v-662baf15]{font-size:clamp(8px,min(3.6vw,22px),20px);line-height:1.2;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:break-all}.middle-section .stats-grid .stat-detail[data-v-662baf15]{font-size:clamp(9px,.85vw + .25vh,11px);line-height:1.25;overflow:visible;text-overflow:unset;white-space:normal;word-break:break-word}.middle-section .stats-grid .stat-icon[data-v-662baf15]{height:clamp(20px,2.8vw,26px);width:clamp(20px,2.8vw,26px)}.middle-section .stats-grid .stat-header[data-v-662baf15]{margin-bottom:0}}@supports (font-size:1cqw){@media (max-width:1200px){.middle-section .stats-grid .stat-value[data-v-662baf15]{font-size:clamp(8px,min(3.6vw,12cqw),20px)}}}@media (max-width:768px){.dashboard-page[data-v-662baf15]{height:auto;max-height:none;min-height:100vh;min-height:100dvh;overflow-y:auto}.main-container[data-v-662baf15]{flex:none;min-height:0;overflow:visible;padding:12px 16px}.middle-section[data-v-662baf15]{flex:none;grid-template-columns:1fr;grid-template-rows:auto auto;min-height:280px}.middle-section>.card[data-v-662baf15],.middle-section>.stats-grid[data-v-662baf15]{height:auto;max-height:none}.chart-section[data-v-662baf15]{flex:none;min-height:240px}.chart-container[data-v-662baf15]{min-height:220px}.header[data-v-662baf15]{flex-direction:column;gap:12px;padding:12px 16px}.top-stats[data-v-662baf15]{grid-template-columns:1fr 1fr}.stats-grid[data-v-662baf15]{grid-template-columns:1fr;grid-template-rows:none}}