*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}:root{--g-bg-primary: #f4f5f7;--g-bg-secondary: #ffffff;--g-bg-hover: #f0f1f3;--g-bg-active: #e8eaed;--g-text-primary: #111318;--g-text-secondary:#3d3d3a;--g-text-muted: #73726c;--g-border: rgba(0, 0, 0, .1);--g-border-strong: rgba(0, 0, 0, .18);--g-accent: #185fa5;--g-accent-light: #e6f1fb;--g-ok: #16a34a;--g-ok-bg: rgba(34, 197, 94, .1);--g-warning: #d97706;--g-warning-bg: rgba(245, 158, 11, .1);--g-critical: #dc2626;--g-critical-bg: rgba(239, 68, 68, .1);--g-off: #888780;--g-off-bg: rgba(136, 135, 128, .1);--g-topbar-bg: #ffffff;--g-topbar-border: rgba(0, 0, 0, .08);--g-sidebar-bg: #ffffff;--g-transition: background .2s ease, color .2s ease, border-color .2s ease}:root.dark{--g-bg-primary: #0f1117;--g-bg-secondary: #181b23;--g-bg-hover: #1e222c;--g-bg-active: #252a36;--g-text-primary: #e8e6e0;--g-text-secondary:#c2c0b6;--g-text-muted: #888780;--g-border: rgba(255, 255, 255, .08);--g-border-strong: rgba(255, 255, 255, .15);--g-accent: #3B8BD4;--g-accent-light: rgba(59, 139, 212, .12);--g-ok: #22c55e;--g-ok-bg: rgba(34, 197, 94, .12);--g-warning: #f59e0b;--g-warning-bg: rgba(245, 158, 11, .12);--g-critical: #ef4444;--g-critical-bg: rgba(239, 68, 68, .12);--g-off: #5f5e5a;--g-off-bg: rgba(136, 135, 128, .08);--g-topbar-bg: #181b23;--g-topbar-border: rgba(255, 255, 255, .06);--g-sidebar-bg: #181b23}html{transition:var(--g-transition)}.g-panel{background:var(--g-bg-secondary);border:.5px solid var(--g-border);border-radius:10px}.g-panel__title{font-size:13px;font-weight:600;color:var(--g-text-primary);padding:12px 16px;border-bottom:.5px solid var(--g-border);display:flex;align-items:center;gap:8px}.g-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;border:.5px solid var(--g-border);transition:var(--g-transition)}.g-btn--primary{background:var(--g-accent);color:#fff;border-color:transparent}.g-btn--primary:hover{opacity:.9}.g-btn--secondary{background:var(--g-bg-secondary);color:var(--g-text-secondary)}.g-btn--secondary:hover{background:var(--g-bg-hover);color:var(--g-text-primary)}.g-btn--ghost{background:transparent;color:var(--g-text-muted);border-color:transparent}.g-btn--ghost:hover{background:var(--g-bg-hover);color:var(--g-text-primary)}.g-fade-in{animation:fadeIn .18s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}