:root,html{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1e1e1e;--bg-card:rgba(30,30,30,.8);--bg-input:hsla(0,0%,100%,.05);--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.3);--accent-color:#fff;--accent-active:#00d4ff;--shadow-soft:0 4px 20px rgba(0,0,0,.4);--glow-hover:0 0 30px hsla(0,0%,100%,.2);--status-online:#0f8;--status-offline:#ff4757;--status-warning:#f7931a;--chart-grid:hsla(0,0%,100%,.05);--chart-text:#666;--chart-axis:hsla(0,0%,100%,.2);color-scheme:dark}.light-theme{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e8e8e8;--bg-card:hsla(0,0%,100%,.95);--bg-input:rgba(0,0,0,.05);--text-primary:#0a0a0a;--text-secondary:#444;--text-muted:#888;--border-color:rgba(0,0,0,.1);--border-hover:rgba(0,0,0,.3);--accent-color:#0a0a0a;--accent-active:#06c;--shadow-soft:0 4px 20px rgba(0,0,0,.1);--glow-hover:0 0 30px rgba(0,0,0,.1);--status-online:#0a5;--status-offline:#c34;--status-warning:#c70;--chart-grid:rgba(0,0,0,.05);--chart-text:#888;--chart-axis:rgba(0,0,0,.2)}.dark-theme{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1e1e1e;--bg-card:rgba(30,30,30,.8);--bg-input:hsla(0,0%,100%,.05);--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#666;--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.3);--accent-color:#fff;--accent-active:#00d4ff;--shadow-soft:0 4px 20px rgba(0,0,0,.4);--glow-hover:0 0 30px hsla(0,0%,100%,.2);--status-online:#0f8;--status-offline:#ff4757;--status-warning:#f7931a;--chart-grid:hsla(0,0%,100%,.05);--chart-text:#666;--chart-axis:hsla(0,0%,100%,.2)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-primary) 100%);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.theme-toggle[data-v-954c9dcf]{flex-direction:column}.theme-toggle[data-v-954c9dcf],.toggle-btn[data-v-954c9dcf]{align-items:center;display:flex;gap:8px}.toggle-btn[data-v-954c9dcf]{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.toggle-btn[data-v-954c9dcf]:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.icon[data-v-954c9dcf]{font-size:18px}.mode-label[data-v-954c9dcf]{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.mode-label[data-v-954c9dcf],.time-indicator[data-v-954c9dcf]{color:var(--text-muted);font-size:11px}.time-indicator[data-v-954c9dcf]{display:flex;gap:8px}.current-time[data-v-954c9dcf]{color:var(--text-secondary);font-weight:600}.mode-hint[data-v-954c9dcf]{opacity:.8}@media(max-width:768px){.toggle-btn[data-v-954c9dcf]{padding:8px 12px}.mode-label[data-v-954c9dcf]{display:none}}.theme-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;display:flex;gap:10px;padding:8px 16px;position:fixed;right:20px;top:10px;z-index:9999}.theme-hint{color:var(--text-muted);font-size:12px}@media(max-width:768px){.theme-bar{bottom:20px;right:50%;top:auto;transform:translate(50%)}.theme-hint{display:none}}