*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-raised:#22263a;--color-border:#2e3347;--color-text-primary:#e8eaf0;--color-text-secondary:#8b91a8;--color-text-muted:#5a6080;--color-accent:#4f8ef7;--color-accent-hover:#6ba3f8;--color-running:#22c55e;--color-stopped:#6b7280;--color-pending:#f59e0b;--color-error:#ef4444;--color-success-bg:rgba(34,197,94,.1);--color-error-bg:rgba(239,68,68,.1);--color-warning-bg:rgba(245,158,11,.1);--sidebar-width:220px;--header-height:56px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",Consolas,monospace;--radius:8px;--radius-sm:4px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge-success{background:var(--color-success-bg);color:var(--color-running)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-warning{background:var(--color-warning-bg);color:var(--color-pending)}.badge-neutral{background:rgba(139,145,168,.1);color:var(--color-text-secondary)}.btn{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.page-header{margin-bottom:1.5rem}.page-title{font-size:1.35rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary)}body,html{height:100%;max-width:100%;overflow-x:hidden;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}code{font-family:var(--font-mono);font-size:.875em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:767px){.page-header{margin-bottom:1rem}.page-title{font-size:1.2rem}.page-subtitle{overflow-wrap:anywhere}.btn{min-height:40px}.dashboard-status-row{max-width:100%;overflow-x:auto}.dashboard-performance-controls{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}.dashboard-performance-controls button,.dashboard-performance-controls label,.dashboard-performance-controls select,.dashboard-refresh-control,.vm-multi-select,.vm-multi-select__container,.vm-multi-select__trigger{width:100%!important}.vm-multi-select{align-items:stretch!important;flex-direction:column!important}.vm-multi-select__menu{width:min(100%,320px)!important;max-width:calc(100vw - 32px)!important}.dashboard-refresh-control{margin-left:0!important;justify-content:flex-start!important}.dashboard-chart-grid,.dashboard-chart-stack,.dashboard-metric-item,.metric-chart-card{max-width:100%;min-width:0}.dashboard-chart-grid{display:flex!important;flex-direction:column}.dashboard-metric-cpu-chart{order:1}.dashboard-metric-cpu-summary{order:2}.dashboard-metric-net-in-chart{order:3}.dashboard-metric-net-in-summary{order:4}.dashboard-metric-net-out-chart{order:5}.dashboard-metric-net-out-summary{order:6}.metric-chart-card{overflow:hidden}}