@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";
:root{--bg-app:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-subtle:#f9fafb;--bg-hover:#f1f5f9;--bg-active:#eff6ff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-subtle:#eaecf0;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#64748b;--primary-blue:#2563eb;--primary-blue-hover:#1d4ed8;--primary-blue-light:#eff6ff;--primary-blue-border:#bfdbfe;--badge-crit-bg:#fef2f2;--badge-crit-text:#dc2626;--badge-crit-border:#fecaca;--badge-high-bg:#fff7ed;--badge-high-text:#ea580c;--badge-high-border:#fed7aa;--badge-med-bg:#fefce8;--badge-med-text:#ca8a04;--badge-med-border:#fef08a;--badge-safe-bg:#f0fdf4;--badge-safe-text:#16a34a;--badge-safe-border:#bbf7d0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 2px 0 #1018280d;--shadow-card:0 1px 3px 0 #1018280f, 0 1px 2px 0 #1018280a;--shadow-md:0 4px 6px -1px #10182814, 0 2px 4px -1px #1018280a;--shadow-lg:0 10px 15px -3px #10182814, 0 4px 6px -2px #10182808;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ruvio-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.ruvio-card:hover{box-shadow:var(--shadow-card);border-color:#cbd5e1}.filter-pill{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.filter-pill:hover{color:var(--text-main);background:#f8fafc;border-color:#cbd5e1}.btn-primary{background:var(--primary-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover{background:var(--primary-blue-hover)}.btn-white{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:.8125rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-white:hover{color:var(--text-main);background:#f8fafc;border-color:#cbd5e1}.kbd{font-family:var(--font-sans);color:var(--text-muted);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 4px;font-size:.6875rem;font-weight:600;line-height:1}.badge-clean{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-clean-crit{background:var(--badge-crit-bg);color:var(--badge-crit-text);border:1px solid var(--badge-crit-border)}.badge-clean-high{background:var(--badge-high-bg);color:var(--badge-high-text);border:1px solid var(--badge-high-border)}.badge-clean-med{background:var(--badge-med-bg);color:var(--badge-med-text);border:1px solid var(--badge-med-border)}.badge-clean-safe{background:var(--badge-safe-bg);color:var(--badge-safe-text);border:1px solid var(--badge-safe-border)}.badge-clean-tech{color:#475569;font-family:var(--font-mono);background:#f1f5f9;border:1px solid #e2e8f0;font-size:.7rem}