:root{--bg-primary:#0a0c10;--bg-secondary:#11151a;--bg-card:#14181f;--bg-card-hover:#1a2028;--bg-input:#11151a;--bg-sidebar:#0f1217;--border:#222731;--border-accent:#6b4cba;--border-focus:#7a5cd6;--text-primary:#e1e7ef;--text-secondary:#8b949e;--text-muted:#5e6670;--accent:#7a5cd6;--accent-hover:#8e73e6;--accent-dim:#7a5cd61f;--green:#37a345;--green-bg:#37a3451a;--green-border:#37a34540;--yellow:#b8861b;--yellow-bg:#b8861b1a;--yellow-border:#b8861b40;--red:#d94138;--red-bg:#d941381a;--red-border:#d9413840;--blue:#408bea;--blue-bg:#408bea1a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;overflow-x:hidden}#root{background-color:var(--bg-primary);min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}.animate-slide-up{animation:.4s ease-out forwards slideUp}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:border-color .2s}.card:hover{border-color:#3a4060}.card-accent{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:12px;transition:all .2s}.card-accent:hover{border-color:var(--accent-hover);box-shadow:0 0 20px #8b5cf614}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 15px #7c3aed59}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);background:var(--bg-card-hover)}.input-field{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem;transition:border-color .2s}.input-field:focus{border-color:var(--border-focus)}.input-field::placeholder{color:var(--text-muted)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#a78bfa,#c4b5fd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge-secure{background:var(--green-bg);border:1px solid var(--green-border);color:var(--green);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-warning{background:var(--yellow-bg);border:1px solid var(--yellow-border);color:var(--yellow);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-danger{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red);text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-flex}.metric-bars{gap:3px;margin-top:8px;display:flex}.metric-bar{opacity:.7;border-radius:2px;width:18px;height:10px}