@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-body: #0c0e14;--bg-surface: #0f1117;--bg-card: #161b27;--bg-hover: #1a2030;--bg-active: #1e2a3a;--border: #1a2030;--border-md: #1e2a3a;--text-1: #f8fafc;--text-2: #f1f5f9;--text-3: #e2e8f0;--text-4: #94a3b8;--text-5: #475569;--text-6: #334155;--text-muted: #64748b;--accent: #2563eb;--accent-lt: #60a5fa;--nav-active-bg: rgba(37,99,235,.15);--avatar-user-bg: #1e3a5f;--avatar-user-fg: #60a5fa;--tag-vm-bg: #1e3a5f;--tag-vm-fg: #93c5fd;--tag-rest-bg: #1e1a3a;--tag-rest-fg: #a78bfa;--tag-gerrit-bg: #0f2a2a;--tag-gerrit-fg: #6ee7b7;--skeleton-from: #1a2030;--skeleton-to: #1e2a3a;--chart-grid: rgba(255,255,255,.04)}[data-theme=light]{--bg-body: #f1f5f9;--bg-surface: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--border: #e2e8f0;--border-md: #cbd5e1;--text-1: #0f172a;--text-2: #0f172a;--text-3: #1e293b;--text-4: #475569;--text-5: #94a3b8;--text-6: #94a3b8;--text-muted: #64748b;--accent: #2563eb;--accent-lt: #3b82f6;--nav-active-bg: rgba(37,99,235,.08);--avatar-user-bg: #dbeafe;--avatar-user-fg: #1d4ed8;--tag-vm-bg: #dbeafe;--tag-vm-fg: #1d4ed8;--tag-rest-bg: #ede9fe;--tag-rest-fg: #7c3aed;--tag-gerrit-bg: #d1fae5;--tag-gerrit-fg: #065f46;--skeleton-from: #e2e8f0;--skeleton-to: #f1f5f9;--chart-grid: rgba(0,0,0,.05)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--bg-body);color:var(--text-3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s,color .2s}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:fadeIn .2s ease forwards}canvas{display:block}button,input,select,textarea{font-family:inherit}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid #2563eb;outline-offset:2px}