#app{width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 100%);color:#fff;overflow-x:hidden}.dashboard[data-v-7c7c49be]::-webkit-scrollbar{width:8px}.dashboard[data-v-7c7c49be]::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.dashboard[data-v-7c7c49be]::-webkit-scrollbar-thumb{background:rgba(54,209,220,.6);border-radius:4px;transition:background .3s ease}.dashboard[data-v-7c7c49be]::-webkit-scrollbar-thumb:hover{background:rgba(54,209,220,.8)}.dashboard[data-v-7c7c49be]{scrollbar-width:thin;scrollbar-color:rgba(54,209,220,.6) rgba(255,255,255,.1)}.dashboard[data-v-7c7c49be]{width:100%;min-height:100vh;padding:20px 20px 40px;display:flex;flex-direction:column;gap:20px;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f2e 100%);color:#fff;overflow-y:auto}.dashboard-header[data-v-7c7c49be]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:rgba(54,209,220,.1);border:1px solid rgba(54,209,220,.3);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header h1[data-v-7c7c49be]{font-size:28px;font-weight:700;background:linear-gradient(45deg,#36d1dc,#5b86e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(54,209,220,.5)}.time[data-v-7c7c49be]{font-size:18px;color:#fff;font-family:Courier New,monospace}.metrics-section[data-v-7c7c49be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card[data-v-7c7c49be]{background:rgba(255,255,255,.05);border:1px solid rgba(54,209,220,.3);border-radius:15px;padding:20px;display:flex;align-items:center;gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.metric-card[data-v-7c7c49be]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #36d1dc4d;border-color:#36d1dc80}.metric-icon[data-v-7c7c49be]{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(45deg,#36d1dc,#5b86e5)}.metric-icon.icon-system[data-v-7c7c49be]:before{content:"🖥️"}.metric-icon.icon-time[data-v-7c7c49be]:before{content:"⏱️"}.metric-icon.icon-error[data-v-7c7c49be]:before{content:"⚠️"}.metric-icon.icon-pv[data-v-7c7c49be]:before{content:"👁️"}.metric-icon.icon-uv[data-v-7c7c49be]:before{content:"👤"}.metric-content[data-v-7c7c49be]{flex:1}.metric-value[data-v-7c7c49be]{font-size:24px;font-weight:700;margin-bottom:5px}.metric-name[data-v-7c7c49be]{font-size:14px;color:#b0b0b0;margin-bottom:5px}.metric-change[data-v-7c7c49be]{font-size:12px;padding:2px 8px;border-radius:12px;display:inline-block}.metric-change.up[data-v-7c7c49be]{background:rgba(0,212,170,.2);color:#00d4aa}.metric-change.down[data-v-7c7c49be]{background:rgba(255,107,107,.2);color:#ff6b6b}.charts-section[data-v-7c7c49be]{display:flex;flex-direction:column;gap:20px;flex:1}.chart-row[data-v-7c7c49be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;min-height:320px;margin-bottom:10px}.chart-item[data-v-7c7c49be]{background:rgba(255,255,255,.05);border:1px solid rgba(54,209,220,.3);border-radius:15px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.chart-item.chart-large[data-v-7c7c49be]{grid-column:span 2}.chart-item h3[data-v-7c7c49be]{font-size:16px;color:#fff;margin-bottom:15px;text-align:center;background:linear-gradient(45deg,#36d1dc,#5b86e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chart-container[data-v-7c7c49be]{flex:1;width:100%;height:250px;min-height:250px}@media (max-width: 1200px){.dashboard[data-v-7c7c49be]{padding:15px 15px 30px;gap:15px}.dashboard-header[data-v-7c7c49be]{flex-direction:column;gap:10px;text-align:center}.dashboard-header h1[data-v-7c7c49be]{font-size:24px}.time[data-v-7c7c49be]{font-size:16px}.metrics-section[data-v-7c7c49be]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.metric-card[data-v-7c7c49be]{padding:15px}.metric-value[data-v-7c7c49be]{font-size:20px}.chart-row[data-v-7c7c49be]{grid-template-columns:1fr;min-height:280px}.chart-item.chart-large[data-v-7c7c49be]{grid-column:span 1}.chart-container[data-v-7c7c49be]{height:220px;min-height:220px}}@media (max-width: 768px){.dashboard[data-v-7c7c49be]{padding:10px 10px 20px;gap:10px}.dashboard-header h1[data-v-7c7c49be]{font-size:20px}.time[data-v-7c7c49be]{font-size:14px}.metrics-section[data-v-7c7c49be]{grid-template-columns:1fr;gap:10px}.metric-card[data-v-7c7c49be]{padding:12px}.metric-value[data-v-7c7c49be]{font-size:18px}.chart-item[data-v-7c7c49be]{padding:10px}.chart-item h3[data-v-7c7c49be]{font-size:14px;margin-bottom:10px}.chart-container[data-v-7c7c49be]{height:200px;min-height:200px}}