:root {
        --background: 0 0% 98% ; --foreground: 223 84% 5% ; --card: 0 0% 100% ; --card-foreground: 222.2 84% 4.9% /undefined; --popover: 0 0% 100% ; --popover-foreground: 222.2 84% 4.9% /undefined; --primary: 0 0% 83% ; --primary-foreground: 0 0% 0% /undefined; --secondary: 0 0% 69% /undefined; --secondary-foreground: 222 46% 11% /undefined; --muted: 210 25% 83% ; --muted-foreground: 215.4 16.3% 46.9% /undefined; --accent: 210 44% 96% ; --accent-foreground: 0 0% 10% /undefined; --destructive: 0 84.2% 60.2% /undefined; --destructive-foreground: 210 40% 98% /undefined; --border: 214.3 31.8% 91.4% /undefined; --input: 214.3 31.8% 91.4% /undefined; --ring: 222.2 84% 4.9% /undefined; --sidebar-background: 0 0% 100% ; --sidebar-foreground: 0 0% 0% ; --sidebar-primary: 240 5.9% 10% /undefined; --sidebar-primary-foreground: 0 0% 98% /undefined; --sidebar-accent: 240 100% 96% ; --sidebar-accent-foreground: 240 5.9% 10% /undefined; --sidebar-border: 220 100% 91% /0; --sidebar-ring: 217.2 91.2% 59.8% /undefined; --chat: 217.2 91.2% 100% ; --chat-user-message: 217.2 91.2% 100% ; --chat-agent-message: 217.2 91.2% 59.8% /0; --chat-agent-reasoning: 217.2 91.2% 59.8% /0; --chat-agent-thinking: 217.2 91.2% 59.8% /0; --chat-agent-tools: 217.2 91.2% 59.8% /0; --chat-input-textarea: 217.2 91.2% 100% ; 
      }
      .dark {
        --background: 0 0% 13% ; --foreground: 0 0% 100% ; --card: 0 0% 0% ; --card-foreground: 221 100% 95% ; --popover: 0 0% 13% ; --popover-foreground: 221 100% 95% ; --primary: 0 0% 0% ; --primary-foreground: 220 100% 95% /undefined; --secondary: 220 25% 30% /undefined; --secondary-foreground: 220 100% 90% /undefined; --muted: 220 15% 35% ; --muted-foreground: 220 10% 70% /undefined; --accent: 0 0% 45% ; --accent-foreground: 220 100% 95% /undefined; --destructive: 0 70% 50% /undefined; --destructive-foreground: 220 100% 95% /undefined; --border: 220 20% 25% /undefined; --input: 220 20% 25% /undefined; --ring: 222 90% 60% /undefined; --sidebar-background: 0 0% 0% ; --sidebar-foreground: 0 0% 100% ; --sidebar-primary: 224.3 76.3% 48% /undefined; --sidebar-primary-foreground: 0 100% 40% ; --sidebar-accent: 0 0% 13% ; --sidebar-accent-foreground: 0 0% 100% ; --sidebar-border: 0 0% 13% ; --sidebar-ring: 294 100% 50% ; --chat: 210 100% 98% /0; --chat-user-message: 0 0% 27% ; --chat-agent-message: 0 0% 15% /0; --chat-agent-reasoning: 217 100% 60% /0; --chat-agent-thinking: 217 100% 60% /0; --chat-agent-tools: 217 100% 60% /0; --chat-input-textarea: 0 0% 0% ; 
      }

      .sidebar-inset-content {
  position: relative;
  overflow: hidden;
  z-index: 0; /* ensure children don't render under blobs */
}

/* Pseudo-elements for blurred blobs */
.sidebar-inset-content::before,
.sidebar-inset-content::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 1;
  pointer-events: none;
  z-index: -1; /* blobs stay behind the actual content */
}

/* Top-left: blue/purple */
.sidebar-inset-content::before {
  width: 300px;
  height: 300px;
  top: -100px;
  left: -100px;
  background: radial-gradient(
    circle at center,
    rgba(110, 140, 255, 0.5) 0%,
    rgba(180, 130, 255, 0.3) 40%,
    transparent 80%
  );
}

/* Bottom-right: yellow/purple */
.sidebar-inset-content::after {
  width: 320px;
  height: 320px;
  bottom: -100px;
  right: -100px;
  background: radial-gradient(
    circle at center,
    rgba(255, 240, 130, 0.4) 0%,
    rgba(200, 150, 255, 0.25) 40%,
    transparent 80%
  );
}
.btn-login{
border-radius: 0;
    background: transparent;
    border: 1px solid;
}