.brain-scope{position:relative;isolation:isolate}.brain-scope:before{content:"";position:absolute;inset:-10% -10% auto;height:420px;z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 15% 0%,color-mix(in oklab,var(--primary) 18%,transparent) 0%,transparent 60%),radial-gradient(50% 50% at 85% 10%,color-mix(in oklab,var(--primary) 10%,transparent) 0%,transparent 65%),radial-gradient(40% 40% at 50% 30%,color-mix(in oklab,oklch(.78 .16 65) 8%,transparent) 0%,transparent 70%);filter:blur(40px) saturate(120%);opacity:.9;animation:brain-aurora 18s ease-in-out infinite alternate}@keyframes brain-aurora{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.04)}}.brain-scope h1{background:linear-gradient(100deg,var(--foreground) 0%,var(--foreground) 40%,color-mix(in oklab,var(--primary) 85%,var(--foreground)) 65%,var(--foreground) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.02em}.brain-scope .mt-5.grid.grid-cols-2>div{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--card) 92%,transparent),color-mix(in oklab,var(--card) 78%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:color-mix(in oklab,var(--border) 70%,transparent);box-shadow:0 1px color-mix(in oklab,var(--foreground) 4%,transparent) inset,0 8px 24px -16px color-mix(in oklab,var(--foreground) 30%,transparent);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.brain-scope .mt-5.grid.grid-cols-2>div:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 80% at 100% 0%,color-mix(in oklab,var(--primary) 8%,transparent) 0%,transparent 55%);opacity:0;transition:opacity .3s ease}.brain-scope .mt-5.grid.grid-cols-2>div:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 1px color-mix(in oklab,var(--foreground) 5%,transparent) inset,0 18px 40px -22px color-mix(in oklab,var(--primary) 45%,transparent)}.brain-scope .mt-5.grid.grid-cols-2>div:hover:before{opacity:1}.brain-scope .mt-5.grid.grid-cols-2>div.border-primary\/30{background:linear-gradient(160deg,color-mix(in oklab,var(--primary) 14%,var(--card)) 0%,color-mix(in oklab,var(--primary) 4%,var(--card)) 60%,var(--card) 100%);border-color:color-mix(in oklab,var(--primary) 45%,transparent);box-shadow:0 1px color-mix(in oklab,var(--primary) 18%,transparent) inset,0 16px 38px -22px color-mix(in oklab,var(--primary) 55%,transparent)}.brain-scope .mt-5.grid.grid-cols-2>div .text-2xl{font-variant-numeric:tabular-nums;letter-spacing:-.025em}.brain-scope nav.space-y-0\.5+*,.brain-scope .lg\:sticky{background:linear-gradient(180deg,color-mix(in oklab,var(--card) 88%,transparent),color-mix(in oklab,var(--card) 70%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:color-mix(in oklab,var(--border) 70%,transparent);box-shadow:0 12px 40px -28px color-mix(in oklab,var(--foreground) 35%,transparent)}.brain-scope nav .group{border:1px solid transparent;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.brain-scope nav .group:hover{transform:translate(1px)}.brain-scope nav .group.bg-primary\/10{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 18%,transparent),color-mix(in oklab,var(--primary) 6%,transparent));border-color:color-mix(in oklab,var(--primary) 35%,transparent);box-shadow:inset 3px 0 0 0 var(--primary),0 6px 18px -12px color-mix(in oklab,var(--primary) 50%,transparent)}.brain-scope nav .group .grid.h-7.w-7{transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px color-mix(in oklab,var(--foreground) 6%,transparent) inset}.brain-scope nav .group:hover .grid.h-7.w-7{transform:scale(1.05)}.brain-scope nav .h-1.flex-1>div{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 60%,transparent),var(--primary));box-shadow:0 0 10px -2px color-mix(in oklab,var(--primary) 60%,transparent)}.brain-scope nav .h-1.flex-1>div.bg-emerald-500{background:linear-gradient(90deg,color-mix(in oklab,oklch(.72 .17 152) 70%,transparent),#35c26d);box-shadow:0 0 10px -2px color-mix(in oklab,oklch(.72 .17 152) 70%,transparent)}.brain-scope .lg\:grid-cols-\[300px_1fr\]>div:last-child,.brain-scope .rounded-lg.border.border-border\/60.bg-card{background:linear-gradient(180deg,color-mix(in oklab,var(--card) 96%,transparent),color-mix(in oklab,var(--card) 88%,transparent));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px color-mix(in oklab,var(--foreground) 4%,transparent) inset,0 24px 60px -32px color-mix(in oklab,var(--foreground) 35%,transparent)}.brain-scope .rounded-lg.border.border-border\/60.bg-card>.flex.items-start.justify-between{position:relative;background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 4%,transparent),transparent)}.brain-scope .rounded-lg.border.border-border\/60.bg-card>.flex.items-start.justify-between:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--primary) 50%,transparent) 30%,color-mix(in oklab,var(--primary) 50%,transparent) 70%,transparent);opacity:.5}.brain-scope .rounded-lg.border.border-border\/60.bg-card .grid.h-9.w-9{position:relative;box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 25%,transparent) inset,0 8px 20px -10px color-mix(in oklab,var(--primary) 40%,transparent)}.brain-scope .rounded-lg.border.border-border\/60.bg-card .grid.h-9.w-9:after{content:"";position:absolute;inset:-4px;border-radius:12px;background:radial-gradient(circle,color-mix(in oklab,var(--primary) 30%,transparent),transparent 70%);z-index:-1;opacity:.6}.brain-scope .grid.gap-5.sm\:grid-cols-2>div{background:color-mix(in oklab,var(--card) 60%,transparent);border:1px solid color-mix(in oklab,var(--border) 50%,transparent);transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}.brain-scope .grid.gap-5.sm\:grid-cols-2>div:hover{background:color-mix(in oklab,var(--card) 85%,transparent);border-color:color-mix(in oklab,var(--primary) 25%,var(--border))}.brain-scope .grid.gap-5.sm\:grid-cols-2>div:focus-within{border-color:color-mix(in oklab,var(--primary) 50%,transparent);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 15%,transparent),0 10px 30px -18px color-mix(in oklab,var(--primary) 45%,transparent)}.brain-scope input,.brain-scope textarea{transition:border-color .2s,box-shadow .2s,background-color .2s}.brain-scope textarea:focus-visible,.brain-scope input:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.brain-scope .grid.gap-5.sm\:grid-cols-2 label{font-weight:600;color:color-mix(in oklab,var(--foreground) 80%,transparent)}.brain-scope .space-y-4>.rounded-lg.border.border-border\/50.bg-background{background:linear-gradient(180deg,color-mix(in oklab,oklch(.78 .14 75) 6%,var(--card)),var(--card));border-color:color-mix(in oklab,oklch(.78 .14 75) 30%,var(--border));transition:border-color .2s,box-shadow .2s,transform .2s}.brain-scope .space-y-4>.rounded-lg.border.border-border\/50.bg-background:hover{border-color:color-mix(in oklab,oklch(.78 .14 75) 55%,var(--border));box-shadow:0 14px 34px -20px color-mix(in oklab,oklch(.78 .14 75) 50%,transparent)}.brain-scope button.border-2.border-dashed{position:relative;background:linear-gradient(180deg,color-mix(in oklab,oklch(.78 .14 75) 4%,transparent),transparent);transition:all .25s ease}.brain-scope button.border-2.border-dashed:hover{transform:translateY(-1px);box-shadow:0 14px 30px -20px color-mix(in oklab,oklch(.78 .14 75) 55%,transparent)}.brain-scope ul.space-y-2>li>button{transition:transform .15s,border-color .2s,box-shadow .2s}.brain-scope ul.space-y-2>li>button:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 12px 28px -18px color-mix(in oklab,var(--primary) 45%,transparent)}.brain-scope button[aria-label="How to use the Company Brain"]{position:relative;overflow:hidden}.brain-scope button[aria-label="How to use the Company Brain"]:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in oklab,var(--primary) 35%,transparent),transparent 70%);opacity:0;transition:opacity .25s ease}.brain-scope button[aria-label="How to use the Company Brain"]:hover:after{opacity:1}.brain-scope .lg\:overflow-y-auto::-webkit-scrollbar{width:8px}.brain-scope .lg\:overflow-y-auto::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--foreground) 12%,transparent);border-radius:8px}.brain-scope .lg\:overflow-y-auto::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--foreground) 22%,transparent)}@keyframes brain-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.brain-scope .lg\:grid-cols-\[300px_1fr\]>div:last-child{animation:brain-fade-in .35s ease both}