@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--color-bg: #0a0a0f;--color-surface: #111118;--color-surface-elev: #1a1a24;--color-border: rgba(255,255,255,.06);--color-border-hover: rgba(99,102,241,.3);--color-accent: #6366f1;--color-accent-glow: rgba(99,102,241,.15);--color-success: #10b981;--color-warning: #f59e0b;--color-text: #f8fafc;--color-text-2: #94a3b8;--color-text-3: #475569;--radius-card: 12px;--radius-badge: 6px;--transition-base: .2s ease-out;--shadow-card-hover: 0 4px 20px rgba(99,102,241,.12);--bg-primary: #0a0a0b;--bg-secondary: #111113;--bg-tertiary: #161618;--bg-hover: #1e1e22;--border-subtle: #1e1e22;--border-hover: #2a2a2e;--border-focus: #818cf8;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #52525b;--accent-primary: #818cf8;--accent-primary-vivid: #6366f1;--accent-primary-deep: #4338ca;--accent-primary-tint: #c7d2fe;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #ef4444;--accent-info: #818cf8;--cta-neon: #BFF549;--cta-neon-hover: #d4fc6a;--cta-neon-text: #0a0a0b;--cta-primary: #10b981;--cta-hover: #34d399;--cta-shadow: rgba(16, 185, 129, .25);--cta-premium: #f59e0b;--glow-achievement: #818cf8;--streak-active: #fbbf24;--font-family: "Plus Jakarta Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--card-padding: 24px;--card-radius: 16px;--card-gap: 16px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--landing-bg: #000000;--landing-surface: #0a0a0f;--landing-card: #111118;--landing-card-hover: #1a1a24;--landing-text: #ffffff;--landing-text-body: #b0b0c0;--landing-text-muted: #6b6b80;--landing-accent: #3b82f6;--landing-accent-light: #60a5fa;--landing-accent-glow: #6366f1;--landing-cta: #ffffff;--landing-cta-text: #000000;--landing-cta-hover: #f0f0f0;--landing-cta-glow: rgba(255, 255, 255, .15);--landing-success: #22c55e;--landing-border: rgba(255, 255, 255, .08);--landing-border-hover: rgba(255, 255, 255, .15)}@keyframes gauge-fill{0%{width:0%;opacity:.3}to{opacity:1}}@keyframes gauge-pulse{0%,to{box-shadow:0 0 #818cf8b3}50%{box-shadow:0 0 0 8px #818cf800}}.gauge-bar{animation:gauge-fill 1.2s cubic-bezier(.34,1.56,.64,1) forwards}.gauge-pulse{animation:gauge-pulse 2s infinite;border-radius:2px}@keyframes card-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes card-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.pipeline-card{animation:card-slide-in .3s cubic-bezier(.16,1,.3,1)}.pipeline-card.exiting{animation:card-slide-out .3s cubic-bezier(.7,0,.84,0)}@keyframes outreach-complete-pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes outreach-complete-glow{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 12px #22c55e00}}.outreach-complete-banner{animation:outreach-complete-glow 1.5s infinite}.outreach-complete-pulse:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#22c55e4d;animation:outreach-complete-pulse 1s ease-out}@keyframes deal-won-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes deal-won-pulse-ring{0%{transform:scale(.95);opacity:1}to{transform:scale(1.3);opacity:0}}.deal-won-card{animation:deal-won-bounce .6s cubic-bezier(.34,1.56,.64,1)}.deal-won-pulse{animation:deal-won-pulse-ring .6s ease-out}@keyframes banner-bounce-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-subtle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.p0-cleared-banner{animation:banner-bounce-in .4s cubic-bezier(.16,1,.3,1),banner-subtle-bounce 2s ease-in-out .4s infinite}@keyframes button-press{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.interactive-feedback{animation:button-press .15s cubic-bezier(.4,0,.2,1)}@keyframes status-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-cycling{animation:status-rotate .8s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes section-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-header{animation:section-fade-in .3s ease-out}@keyframes soft-highlight{0%,to{background-color:transparent}50%{background-color:#f59e0b14}}.attention-gentle{animation:soft-highlight 2s ease-in-out infinite}@keyframes achievement-toast-enter{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.achievement-toast-enter{animation:achievement-toast-enter .35s cubic-bezier(.16,1,.3,1)}@keyframes level-up-glow{0%,to{filter:drop-shadow(0 0 0 rgba(129,140,248,0))}50%{filter:drop-shadow(0 0 12px rgba(129,140,248,.5))}}.level-up-glow-icon{animation:level-up-glow 1.5s ease-in-out infinite}@keyframes level-up-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.level-up-enter{animation:level-up-enter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes xp-gain-flash{0%{box-shadow:0 0 #818cf866}50%{box-shadow:0 0 8px 2px #818cf833}to{box-shadow:0 0 #818cf800}}.xp-gain-flash{animation:xp-gain-flash .6s ease-out}@keyframes shimmer-sweep{0%{left:-100%}60%{left:100%}to{left:100%}}@keyframes breathing-glow-anim{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shimmer:after{animation:none!important;display:none}.breathing-glow,.pulse-dot{animation:none!important}.glow-ring:before{transition:none!important}}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--accent-primary);color:#fff;font-weight:700;border-radius:0 0 8px 8px;text-decoration:none;transition:top .2s}.skip-link:focus{top:0}@media(max-width:639px){:root{--card-padding: 16px;--card-gap: 12px;--card-radius: 12px}}@media(pointer:coarse){button,a,[role=button],input[type=range]{min-height:44px;min-width:44px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}@keyframes completionPulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.completion-pulse{animation:completionPulse .6s ease-out}@keyframes progressFill{0%{width:0%}to{width:var(--target-width)}}.progress-fill{animation:progressFill 1s ease-out forwards}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp .6s ease-out forwards}@keyframes deltaPop{0%{opacity:0;transform:scale(.5) translateY(4px)}60%{transform:scale(1.1) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.delta-pop{animation:deltaPop .5s ease-out forwards;animation-delay:.8s;opacity:0}@keyframes glowPulse{0%,to{box-shadow:0 0 0 1px #f59e0b4d}50%{box-shadow:0 0 8px 1px #f59e0b26}}.glow-warning{animation:glowPulse 3s ease-in-out infinite}.card-hover{transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:scale(1.01);box-shadow:0 8px 24px #0000004d}@keyframes rewardFlash{0%{background-color:transparent}30%{background-color:#6366f114}to{background-color:transparent}}.reward-flash{animation:rewardFlash .7s ease-out}@keyframes rewardIndicatorIn{0%{opacity:0;transform:translate(-50%,-20px) scale(.8)}40%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes rewardIndicatorOut{0%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}.reward-indicator{animation:rewardIndicatorIn .3s ease-out,rewardIndicatorOut .3s ease-in .4s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .35s ease-out}.slide-in-left{animation:slideInLeft .35s ease-out}@keyframes celebrationEnter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.celebration-enter{animation:celebrationEnter .5s ease-out}@keyframes celebrationCheck{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.celebration-check{animation:celebrationCheck .6s ease-out}@keyframes celebrationTitle{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.celebration-title{animation:celebrationTitle .5s ease-out .3s both}.sidebar-collapsible{width:48px;transition:width .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-collapsible:hover{width:200px}.sidebar-icon-only{display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .15s ease}.sidebar-collapsible:hover .sidebar-icon-only{display:none}.sidebar-expanded-only{display:none;opacity:0;transition:opacity .15s ease 80ms}.sidebar-collapsible:hover .sidebar-expanded-only{display:flex;opacity:1}.sidebar-nav-btn{padding:10px 0;justify-content:center;transition:background-color .15s ease,color .15s ease,padding .2s ease}.sidebar-collapsible:hover .sidebar-nav-btn{padding:10px 12px;justify-content:flex-start}.sidebar-nav-icon{flex-shrink:0;margin:0 auto;transition:margin .2s ease}.sidebar-collapsible:hover .sidebar-nav-icon{margin:0}.sidebar-nav-label{display:none;margin-left:10px;opacity:0;transition:opacity .15s ease 80ms}.sidebar-collapsible:hover .sidebar-nav-label{display:block;opacity:1}.sidebar-nav-hotkey{display:none}.sidebar-collapsible:hover .sidebar-nav-hotkey{display:block}.sidebar-header{padding:0;transition:padding .2s ease}.sidebar-collapsible:hover .sidebar-header{padding:0}@media(max-width:767px){.main-content-area{padding-top:calc(var(--space-lg, 24px) + 52px)!important}}@media(min-width:768px){.main-content-area{padding-top:var(--space-lg, 24px)!important}}.ops-bottom-nav{display:none}@media(max-width:639px){.ops-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-primary);border-top:1px solid var(--border-subtle);padding:4px 0 env(safe-area-inset-bottom,4px);justify-content:space-around;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ops-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;min-height:48px;min-width:48px;border:none;background:none;color:var(--text-tertiary);font-size:9px;font-weight:600;transition:color .15s ease}.ops-bottom-nav button.active{color:var(--accent-primary)}.ops-bottom-nav button .nav-icon{font-size:18px;line-height:1}.ops-main-content{padding-bottom:72px!important}.war-map-top-grid{grid-template-columns:1fr!important}.war-map-metrics{grid-template-columns:1fr 1fr!important}.pipeline-stages{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px}.pipeline-stages>*{min-width:280px;flex-shrink:0;scroll-snap-align:start}.pipeline-summary{flex-wrap:wrap;gap:8px!important}.pipeline-summary .w-px{display:none}.outreach-grid{display:flex!important;flex-direction:column-reverse}.outreach-grid .outreach-sidebar{order:-1}.outreach-grid .outreach-prospects{order:1}.day-grid{grid-template-columns:repeat(5,1fr)!important}.health-bar-inner{flex-wrap:wrap;gap:8px!important}.health-bar-time{width:100%;text-align:center;margin-left:0!important;padding-top:4px;border-top:1px solid var(--border-subtle)}.revenue-gauge .text-2xl{font-size:1.25rem}}*,*:before,*:after{transition-property:background-color,border-color,color,opacity,transform,box-shadow;transition-duration:.15s;transition-timing-function:ease}.glass-panel{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.glass-panel:hover{background:#ffffff0d;border-color:#ffffff26}.glass-card{background:#111113b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.glass-card:hover{background:#161618cc;border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.glow-card{box-shadow:0 0 20px #818cf80d}.glow-card:hover{box-shadow:0 0 32px #818cf81f,0 8px 25px #0000004d}.btn-neon{background:#bff549;color:#0a0a0b;font-weight:700;border:none;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.btn-neon:hover{background:#d4fc6a;transform:translateY(-1px);box-shadow:0 4px 16px #bff5494d}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.bento-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}@media(max-width:1024px){.bento-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}}@keyframes streak-fire-pulse{0%,to{box-shadow:0 0 #fbbf2466}50%{box-shadow:0 0 12px 4px #fbbf2426}}.streak-fire{animation:streak-fire-pulse 2s ease-in-out infinite}.text-gradient{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.glow-blob{position:absolute;border-radius:9999px;filter:blur(100px);pointer-events:none;z-index:0}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px}.pulse-dot{width:6px;height:6px;border-radius:9999px;background-color:#22c55e;animation:pulse-dot-anim 2s ease-in-out infinite}@keyframes pulse-dot-anim{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.8;box-shadow:0 0 0 4px #22c55e00}}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:shimmer-sweep 2.5s ease-in-out infinite}.breathing-glow{animation:breathing-glow-anim 8s ease-in-out infinite}.tilt-card{perspective:1000px}.tilt-card-inner{transition:transform .25s ease;will-change:transform}.glow-ring{position:relative}.glow-ring:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#818cf8,#a78bfa,#818cf8);opacity:0;filter:blur(8px);transition:opacity .3s ease;z-index:-1}.glow-ring:hover:before{opacity:.6}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stagger-entry{opacity:0;transform:translateY(20px);animation:stagger-entry-anim .5s ease-out forwards}@keyframes stagger-entry-anim{to{opacity:1;transform:translateY(0)}}.stagger-delay-1{animation-delay:.1s}.stagger-delay-2{animation-delay:.2s}.stagger-delay-3{animation-delay:.3s}.stagger-delay-4{animation-delay:.4s}.landing-glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--landing-border);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.landing-glass:hover{background:#ffffff0d;border-color:var(--landing-border-hover)}.text-gradient-blue{background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-cta-glow{position:relative}.landing-cta-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#3b82f6,#a78bfa,#3b82f6);opacity:0;filter:blur(10px);transition:opacity .3s ease;z-index:-1}.landing-cta-glow:hover:before{opacity:.6}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-enter{opacity:0;animation:fadeUp .4s ease-out forwards}.card-enter:nth-child(1){animation-delay:0s}.card-enter:nth-child(2){animation-delay:.05s}.card-enter:nth-child(3){animation-delay:.1s}.card-enter:nth-child(4){animation-delay:.15s}.card-enter:nth-child(5){animation-delay:.2s}.card-enter:nth-child(6){animation-delay:.25s}.card-enter:nth-child(7){animation-delay:.3s}.card-enter:nth-child(8){animation-delay:.35s}.card-enter:nth-child(9){animation-delay:.4s}.card-enter:nth-child(10){animation-delay:.45s}@keyframes expandDown{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px;overflow:visible}}.section-expand{animation:expandDown .4s ease-out forwards}@keyframes statusPulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 6px 2px #10b98140}}.dot-pulse-active{animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulseError{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 6px 2px #ef444440}}.dot-pulse-error{animation:statusPulseError 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}