.portal-grain{z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html.dark .portal-grain{opacity:.06}.title-grad{background:linear-gradient(94deg, var(--foreground), color-mix(in srgb, var(--foreground) 52%, var(--primary)) 76%, var(--accent2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero-grid{pointer-events:none;opacity:.5;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask:radial-gradient(130% 120% at 92% -10%,#000,#0000 66%);mask:radial-gradient(130% 120% at 92% -10%,#000,#0000 66%)}.hero-radar{pointer-events:none;opacity:.4;background:conic-gradient(from 0deg, transparent 0 300deg, var(--accent2-glow) 350deg, transparent 360deg);border-radius:50%;width:280px;height:280px;animation:7s linear infinite portal-radar;position:absolute;top:-96px;right:-70px;-webkit-mask:radial-gradient(circle,#0000 38%,#000 39% 70%,#0000 72%);mask:radial-gradient(circle,#0000 38%,#000 39% 70%,#0000 72%)}.hero-scan{pointer-events:none;z-index:0;background:linear-gradient(90deg, transparent, var(--accent2), transparent);height:2px;box-shadow:0 0 14px var(--accent2-glow);animation:5.5s linear infinite portal-scan;position:absolute;top:-2%;left:0;right:0}@keyframes portal-radar{to{transform:rotate(360deg)}}@keyframes portal-scan{0%{opacity:0;top:-2%}12%{opacity:.6}86%{opacity:.35}to{opacity:0;top:102%}}.fx-sheen{overflow:hidden}.fx-sheen:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:55%;height:100%;transition:left .6s cubic-bezier(.22,.61,.36,1);position:absolute;top:0;left:-130%;transform:skew(-20deg)}.fx-sheen:hover:after{left:150%}.login-bg{background:radial-gradient(78% 60% at 50% 40%,#0000 52%,#29345c24 100%),radial-gradient(130% 95% at 50% 32%,#f3f6fd 0%,#e7ecf8 46%,#d5ddee 100%)}.dark .login-bg{background:radial-gradient(80% 62% at 50% 40%,#0000 48%,#0009 100%),radial-gradient(135% 105% at 50% 36%,#0c1428 0%,#070b16 52%,#04050b 100%)}.portal-vignette{background:radial-gradient(115% 78% at 50% 38%, transparent 42%, color-mix(in srgb, var(--background) 72%, transparent) 100%)}html.dark .portal-vignette{background:radial-gradient(115% 78% at 50% 38%,#0000 32%,#05070d9e 100%)}.login-scan{background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--primary) 8%, transparent), transparent);height:32%;animation:7.5s linear infinite portal-scan;position:absolute;left:0;right:0}.reveal{opacity:0;transition:opacity .55s,transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}.lift{transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s,border-color .28s}.lift:hover{transform:translateY(-3px)}.spotlight{isolation:isolate}.spotlight:before{content:"";border-radius:inherit;opacity:0;z-index:0;pointer-events:none;background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%), color-mix(in oklch, var(--primary) 20%, transparent), transparent 60%);transition:opacity .3s;position:absolute;inset:0}.spotlight:hover:before{opacity:1}.spotlight>*{z-index:1;position:relative}.sheen{overflow:hidden}.sheen:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg, transparent, color-mix(in oklch, var(--primary) 16%, transparent), transparent);width:45%;height:100%;position:absolute;top:0;left:-70%;transform:skew(-18deg)}.sheen:hover:after{animation:.85s sheen-sweep}@keyframes sheen-sweep{0%{opacity:0;left:-70%}15%{opacity:1}to{opacity:0;left:130%}}.bar-grow{transform-origin:0;animation:.85s cubic-bezier(.16,1,.3,1) both barGrow}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-rise{transform-origin:bottom;animation:.9s cubic-bezier(.16,1,.3,1) both barRise}@keyframes barRise{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.pop{animation:.42s cubic-bezier(.16,1,.3,1) both portal-pop}@keyframes portal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.hairline-anim{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 65%, transparent), transparent);background-size:220% 100%;animation:4.5s linear infinite hairline-slide}@keyframes hairline-slide{to{background-position:220% 0}}.portal-enter{animation:.45s cubic-bezier(.16,1,.3,1) both fadeInUp}.stagger.no-translate>*{animation-name:fade-in}.stagger>:nth-child(9){animation-delay:.34s}.stagger>:nth-child(10){animation-delay:.38s}.stagger>:nth-child(11){animation-delay:.42s}.stagger>:nth-child(12){animation-delay:.46s}.portal-aurora{z-index:0;pointer-events:none;background:radial-gradient(36% 32% at 16% 10%, color-mix(in oklch, var(--primary) 15%, transparent), transparent 72%), radial-gradient(32% 30% at 85% 15%, color-mix(in oklch, var(--accent2) 13%, transparent), transparent 72%), radial-gradient(46% 40% at 60% 98%, color-mix(in oklch, var(--primary) 11%, transparent), transparent 72%);filter:blur(34px)saturate(1.05);opacity:.5;will-change:transform;animation:36s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-12%}html.dark .portal-aurora{opacity:.4}@keyframes aurora-drift{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-3%)scale(1.08)rotate(1.2deg)}}.tilt3d{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .3s cubic-bezier(.16,1,.3,1)}.attn-ring:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 color-mix(in oklch, var(--destructive) 55%, transparent);animation:2.4s ease-out infinite attn;position:absolute;inset:-3px}@keyframes attn{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--destructive) 45%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}.fx-aurora{z-index:0;pointer-events:none;background:radial-gradient(36% 32% at 16% 10%, color-mix(in oklch, var(--primary) 15%, transparent), transparent 72%), radial-gradient(32% 30% at 85% 15%, color-mix(in oklch, var(--accent2) 13%, transparent), transparent 72%), radial-gradient(46% 40% at 60% 98%, color-mix(in oklch, var(--primary) 11%, transparent), transparent 72%);filter:blur(34px)saturate(1.05);opacity:.5;will-change:transform;animation:36s ease-in-out infinite alternate aurora-drift;position:fixed;inset:-12%}html.dark .fx-aurora{opacity:.4}.fx-grain{z-index:0;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}html.dark .fx-grain{opacity:.06}.glass{background:color-mix(in srgb, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2)}.glass-card{background:color-mix(in srgb, var(--card) 86%, transparent);-webkit-backdrop-filter:blur(12px)}.crm-main h1:not(.no-grad),h1.page-title{letter-spacing:-.022em;text-wrap:balance;background:linear-gradient(94deg, var(--foreground), color-mix(in srgb, var(--foreground) 52%, var(--primary)) 76%, var(--accent2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;font-weight:700;line-height:1.15}.crm-main h1.truncate,.crm-main h1.text-nowrap,.crm-main h1.whitespace-nowrap,h1.page-title.truncate,h1.page-title.text-nowrap,h1.page-title.whitespace-nowrap{text-wrap:nowrap;white-space:nowrap}.scroll-x-rail{overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.scroll-x-rail::-webkit-scrollbar{width:0;height:0}.hairline:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--primary) 60%, transparent), transparent);height:1px;position:absolute;inset:0 0 auto}.brand-grad{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 40%, var(--accent2)))}.live-dot:after{content:"";opacity:.6;border:1.5px solid;border-radius:9999px;animation:2.2s ease-out infinite live-ping;position:absolute;inset:-3px}@keyframes live-ping{0%{opacity:.6;transform:scale(.8)}70%,to{opacity:0;transform:scale(1.8)}}.row-hover{transition:background-color .18s,box-shadow .18s}.row-hover:hover{background:color-mix(in oklch, var(--primary) 6%, transparent);box-shadow:inset 2px 0 0 var(--primary)}.drag-glow{box-shadow:0 18px 40px -16px color-mix(in oklch, var(--primary) 55%, transparent), 0 0 0 1px color-mix(in oklch, var(--primary) 40%, transparent)}@media (prefers-reduced-motion:reduce){.hero-scan,.hero-radar,.login-scan{display:none}.reveal{opacity:1;transform:none}.lift:hover{transform:none}.bar-grow,.bar-rise,.pop,.hairline-anim,.portal-enter,.attn-ring:before,.sheen:after,.portal-aurora,.fx-aurora,.live-dot:after{animation:none}.tilt3d{transform:none!important}}@keyframes fx-breathe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.breathe{animation:3.2s ease-in-out infinite fx-breathe}@media (prefers-reduced-motion:reduce){.breathe{animation:none}}@layer components{.fx-sheen,.spotlight,.sheen,.attn-ring,.hairline,.live-dot{position:relative}}