:root,[data-theme=light]{--bg-deep: #e6e9ef;--bg-mid: #eff1f5;--surface-0: #dce0e8;--surface-1: #ccd0da;--surface-2: #bcc0cc;--glass-bg: #ffffff;--glass-bg-strong: #e6e9ef;--glass-border: #ccd0da;--glass-border-hover: #bcc0cc;--text-primary: #4c4f69;--text-secondary: #6c6f85;--text-muted: #8c8fa1;--accent: #1e66f5;--accent-soft: #209fb5;--accent-from: #1e66f5;--accent-to: #209fb5;--accent-gradient: linear-gradient(135deg, var(--accent-from), var(--accent-to));--accent-muted: rgba(30, 102, 245, .1);--color-cpu: #1e66f5;--color-mem: #40a02b;--color-disk: #df8e1d;--color-net: #8839ef;--color-ok: #40a02b;--color-warn: #df8e1d;--color-err: #d20f39;--shadow-card: 0 1px 4px rgba(76, 79, 105, .08);--backdrop: rgba(76, 79, 105, .35);--overlay-bg: var(--backdrop);--term-bg: #ffffff;--term-fg: #4c4f69;--chart-tooltip-bg: #ffffff;--chart-tooltip-border: #ccd0da;--chart-tooltip-text: #4c4f69;--chart-axis: #8c8fa1;--chart-axis-line: #ccd0da;--btn-primary-fg: #ffffff}[data-theme=dark]{--bg-deep: #11111b;--bg-mid: #1e1e2e;--surface-0: #181825;--surface-1: #313244;--surface-2: #45475a;--glass-bg: #1e1e2e;--glass-bg-strong: #181825;--glass-border: #313244;--glass-border-hover: #45475a;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--accent: #89b4fa;--accent-soft: #74c7ec;--accent-from: #89b4fa;--accent-to: #74c7ec;--accent-muted: rgba(137, 180, 250, .12);--color-cpu: #89b4fa;--color-mem: #a6e3a1;--color-disk: #f9e2af;--color-net: #cba6f7;--color-ok: #a6e3a1;--color-warn: #f9e2af;--color-err: #f38ba8;--shadow-card: 0 1px 3px rgba(0, 0, 0, .25);--backdrop: rgba(17, 17, 27, .75);--overlay-bg: var(--backdrop);--term-bg: #11111b;--term-fg: #cdd6f4;--chart-tooltip-bg: #313244;--chart-tooltip-border: #45475a;--chart-tooltip-text: #cdd6f4;--chart-axis: #6c7086;--chart-axis-line: #45475a;--btn-primary-fg: #11111b}:root{--radius-card: 12px;--radius-btn: 8px;--radius-input: 8px;--shadow-glow: none;--blur: 0px;--sidebar-width: 240px;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}:root.reduced-effects{--shadow-card: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--bg-mid);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-shell{min-height:100%;background:var(--bg-mid);position:relative}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.glass:hover{border-color:var(--glass-border-hover)}.glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-btn);background:var(--accent);color:var(--btn-primary-fg);font-weight:600;transition:background .15s ease,opacity .15s ease}.btn-primary:hover{background:var(--accent-soft)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-btn);border:1px solid var(--glass-border);background:var(--surface-0);color:var(--text-secondary);transition:background .15s ease,color .15s ease,border-color .15s ease}.btn-ghost:hover{background:var(--surface-1);color:var(--text-primary);border-color:var(--glass-border-hover)}.btn-ghost.danger:hover{color:var(--color-err);border-color:#f38ba866}.input-field{width:100%;padding:12px 14px;border-radius:var(--radius-input);border:1px solid var(--glass-border);background:var(--surface-0);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-muted)}.input-field::placeholder{color:var(--text-muted)}.page-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.page-subtitle{color:var(--text-secondary);font-size:.925rem;margin-top:4px}.skeleton{background:linear-gradient(90deg,var(--surface-0),var(--surface-1),var(--surface-0));background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}