.dashboard[data-v-f29bec00]{background:#0a0a0a;min-height:100vh;color:#0f8;padding:15px 15px 80px 15px;position:relative;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bg-animation[data-v-f29bec00]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.grid-overlay[data-v-f29bec00]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 0),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 0);background-size:50px 50px;-webkit-animation:grid-move-data-v-f29bec00 20s linear infinite;animation:grid-move-data-v-f29bec00 20s linear infinite}@-webkit-keyframes grid-move-data-v-f29bec00{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}@keyframes grid-move-data-v-f29bec00{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}.floating-particles[data-v-f29bec00]{position:absolute;width:100%;height:100%}.particle[data-v-f29bec00]{position:absolute;width:2px;height:2px;background:#0f8;border-radius:50%;-webkit-animation:float-data-v-f29bec00 6s ease-in-out infinite;animation:float-data-v-f29bec00 6s ease-in-out infinite}.particle[data-v-f29bec00]:nth-child(odd){-webkit-animation-delay:-2s;animation-delay:-2s;background:#00d4ff}.particle[data-v-f29bec00]:nth-child(3n){-webkit-animation-delay:-4s;animation-delay:-4s;background:#ff6b6b}@-webkit-keyframes float-data-v-f29bec00{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:0}50%{-webkit-transform:translateY(-100px) translateX(50px);transform:translateY(-100px) translateX(50px);opacity:1}}@keyframes float-data-v-f29bec00{0%,to{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:0}50%{-webkit-transform:translateY(-100px) translateX(50px);transform:translateY(-100px) translateX(50px);opacity:1}}.header[data-v-f29bec00]{position:relative;z-index:1;margin-bottom:25px}.header-content[data-v-f29bec00]{background:rgba(0,255,136,.1);border:1px solid #0f8;border-radius:10px;padding:10px 15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:8px}.logo-section[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo-icon[data-v-f29bec00]{font-size:1.5rem;-webkit-animation:pulse-data-v-f29bec00 2s ease-in-out infinite;animation:pulse-data-v-f29bec00 2s ease-in-out infinite}@-webkit-keyframes pulse-data-v-f29bec00{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-data-v-f29bec00{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.header h1[data-v-f29bec00]{font-size:.8rem;margin:0;color:#0f8;text-shadow:0 0 10px #0f8;letter-spacing:.5px;white-space:nowrap}.time-section[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.3);border:1px solid #0f8;border-radius:8px;padding:6px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.time[data-v-f29bec00]{font-size:.55rem;color:#00d4ff;white-space:nowrap}.status-indicator[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;font-size:.4rem;white-space:nowrap}.status-dot[data-v-f29bec00]{width:6px;height:6px;background:#0f8;border-radius:50%;-webkit-animation:blink-data-v-f29bec00 1s ease-in-out infinite;animation:blink-data-v-f29bec00 1s ease-in-out infinite;-ms-flex-negative:0;flex-shrink:0}@-webkit-keyframes blink-data-v-f29bec00{0%,to{opacity:1}50%{opacity:.3}}@keyframes blink-data-v-f29bec00{0%,to{opacity:1}50%{opacity:.3}}.stats-grid[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:25px;position:relative;z-index:1}.stat-card[data-v-f29bec00]{background:rgba(0,0,0,.8);border:1px solid #0f8;border-radius:10px;padding:12px;position:relative;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;min-height:80px;width:100%}.stat-card[data-v-f29bec00]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(0,255,136,.2)),to(transparent));background:linear-gradient(90deg,transparent,rgba(0,255,136,.2),transparent);-webkit-transition:left .5s ease;transition:left .5s ease}.stat-card[data-v-f29bec00]:hover:before{left:100%}.stat-card[data-v-f29bec00]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 20px rgba(0,255,136,.3);box-shadow:0 5px 20px rgba(0,255,136,.3)}.card-header[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.icon[data-v-f29bec00]{font-size:1rem;-ms-flex-negative:0;flex-shrink:0}.trend[data-v-f29bec00]{font-size:.5rem;font-weight:700;white-space:nowrap}.trend.up[data-v-f29bec00]{color:#0f8}.trend.down[data-v-f29bec00]{color:#ff6b6b}.stat-value[data-v-f29bec00]{font-size:.5rem;font-weight:700;color:#00d4ff;margin-bottom:5px;text-shadow:0 0 5px #00d4ff;white-space:nowrap}.stat-label[data-v-f29bec00]{font-size:.5rem;color:#888;margin-bottom:8px;white-space:nowrap}.progress-bar[data-v-f29bec00]{height:3px;background:rgba(0,255,136,.2);border-radius:2px;overflow:hidden}.progress[data-v-f29bec00]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#0f8),to(#00d4ff));background:linear-gradient(90deg,#0f8,#00d4ff);border-radius:2px;-webkit-transition:width .3s ease;transition:width .3s ease}.chart-section[data-v-f29bec00]{background:rgba(0,0,0,.8);border:1px solid #0f8;border-radius:10px;padding:20px;margin-bottom:25px;position:relative;z-index:1}.section-header[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.section-header h3[data-v-f29bec00]{font-size:.7rem;margin:0;color:#0f8;white-space:nowrap}.chart-controls[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.control-btn[data-v-f29bec00]{background:transparent;border:1px solid #0f8;color:#0f8;padding:3px 6px;border-radius:4px;font-size:.5rem;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.control-btn.active[data-v-f29bec00]{background:#0f8;color:#000}.echarts-container[data-v-f29bec00]{width:100%;height:200px;margin-top:10px}.footer-status[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background:rgba(0,0,0,.8);border:1px solid #0f8;border-radius:10px;padding:10px 8px;position:relative;z-index:1;min-height:45px;margin-bottom:20px}.status-item[data-v-f29bec00]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:2px}.status-item .label[data-v-f29bec00]{font-size:.5rem;color:#888;white-space:nowrap;text-align:center}.status-item .value[data-v-f29bec00]{font-size:.6rem;font-weight:700;white-space:nowrap;text-align:center}.status-item .value.online[data-v-f29bec00]{color:#0f8}[data-v-f29bec00]::-webkit-scrollbar{width:4px}[data-v-f29bec00]::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}[data-v-f29bec00]::-webkit-scrollbar-thumb{background:#0f8;border-radius:2px}[data-v-f29bec00]::-webkit-scrollbar-thumb:hover{background:#00d4ff}