@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0D0A0F;--bg-secondary: #16121A;--bg-card: rgba(22, 18, 26, 1);--bg-hover: rgba(255, 90, 31, .04);--bg-elevated: #1F1A24;--glass-bg: rgba(22, 18, 26, .85);--glass-bg-solid: rgba(22, 18, 26, 1);--glass-border: rgba(255, 90, 31, .08);--glass-border-hover: rgba(255, 90, 31, .15);--glass-blur: 16px;--glass-blur-heavy: 24px;--accent-primary: #FF5A1F;--accent-primary-light: #FF7A4F;--accent-primary-dark: #E84A0F;--accent-success: #22D3A6;--accent-success-light: #4DF0C4;--accent-warning: #FBBF24;--accent-danger: #F87171;--accent-cyan: #2DD4BF;--accent-purple: #8B5CF6;--accent-pink: #F472B6;--text-primary: #FDF8F6;--text-secondary: #B8A99A;--text-tertiary: #8B7355;--text-muted: #6B5B4F;--border-color: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-active: var(--accent-primary);--status-completed: #22D3A6;--status-failed: #F87171;--status-pending: #FBBF24;--status-empty: rgba(255, 255, 255, .02);--gradient-primary: linear-gradient(135deg, #FF5A1F 0%, #FF7A4F 50%, #FFB347 100%);--gradient-success: linear-gradient(135deg, #22D3A6, #2DD4BF);--gradient-subtle: linear-gradient(135deg, rgba(255, 90, 31, .12), rgba(139, 92, 246, .08));--gradient-mesh: radial-gradient(ellipse at 20% 0%, rgba(255, 90, 31, .12), transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(139, 92, 246, .08), transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(255, 90, 31, .06), transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(255, 90, 31, .2);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(255, 90, 31, .05);--glow-primary: 0 0 24px rgba(255, 90, 31, .4);--glow-success: 0 0 20px rgba(34, 211, 166, .35);--glow-warning: 0 0 20px rgba(251, 191, 36, .35);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-expo-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: var(--ease-standard);--ease-in-out: var(--ease-standard);--transition-fast: .15s var(--ease-standard);--transition-base: .25s var(--ease-standard);--transition-slow: .35s var(--ease-expo-out);--neon-orange: var(--accent-primary);--neon-orange-bright: var(--accent-primary-light);--neon-orange-dark: var(--accent-primary-dark);--neon-yellow: var(--accent-warning);--neon-blue: var(--accent-cyan);--neon-green: var(--accent-success);--neon-purple: var(--accent-purple);--neon-red: var(--accent-danger);--accent-green: var(--accent-success);--accent-red: var(--accent-danger);--glow-orange: var(--glow-primary);--glow-orange-intense: 0 0 30px rgba(245, 158, 11, .5);--heatmap-empty: rgba(255, 255, 255, .06);--heatmap-level-1: rgba(245, 158, 11, .2);--heatmap-level-2: rgba(245, 158, 11, .4);--heatmap-level-3: rgba(245, 158, 11, .6);--heatmap-level-4: rgba(245, 158, 11, .8);--heatmap-level-5: #F59E0B;--heatmap-green-empty: rgba(255, 255, 255, .06);--heatmap-green-level-1: rgba(34, 211, 166, .2);--heatmap-green-level-2: rgba(34, 211, 166, .4);--heatmap-green-level-3: rgba(34, 211, 166, .6);--heatmap-green-level-4: rgba(34, 211, 166, .8);--heatmap-green-level-5: #22D3A6;--ease-aurora: cubic-bezier(.45, .05, .55, .95);--ease-dramatic: cubic-bezier(.87, 0, .13, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{background:var(--bg-primary)}html:before{content:"";position:fixed;inset:0;background:url(/BG.png) center/cover no-repeat fixed;filter:blur(8px) brightness(.7);transform:scale(1.1);z-index:-2}body{font-family:var(--font-family);background-color:transparent;color:var(--text-primary);line-height:1.6;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,122,89,.06) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(45,212,191,.04) 0%,transparent 50%);animation:auroraFlow 20s ease-in-out infinite;filter:blur(80px);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 70% 45% at 60% 30%,rgba(255,122,89,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 30% 70%,rgba(139,92,246,.06) 0%,transparent 45%);animation:auroraFlow 25s ease-in-out infinite reverse;filter:blur(100px);mix-blend-mode:screen;pointer-events:none;z-index:-1}@keyframes auroraFlow{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.7}25%{transform:translate(2%,2%) rotate(2deg) scale(1.02);opacity:.9}50%{transform:translate(-1%,3%) rotate(-1deg) scale(.98);opacity:.8}75%{transform:translate(3%,-2%) rotate(1deg) scale(1.01);opacity:.9}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.card,.glass-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05,#ffffff0a);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff14,inset 0 -1px #0003;border-radius:var(--radius-xl);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}.card:hover,.glass-card:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff08,#ffffff0f);border-color:#ff7a5926;box-shadow:0 8px 40px #0006,0 0 60px #ff7a5914,inset 0 1px #ffffff1f,inset 0 -1px #0000004d;transform:translateY(-2px)}button{background:var(--bg-elevated);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-family);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);padding:.5rem 1rem;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .2s var(--ease-standard),background-color .2s var(--ease-standard),border-color .2s var(--ease-standard)}button:hover{background:var(--bg-hover);border-color:var(--border-hover)}button:active{transform:scale(.98)}button.primary{background:var(--gradient-primary);border:none;color:#fff;font-weight:600}button.primary:hover{box-shadow:var(--glow-primary);transform:translateY(-1px)}input,textarea,select{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:var(--radius-md);padding:.75rem 1rem;font-family:var(--font-family);font-size:.875rem;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),opacity var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary)!important;box-shadow:0 0 0 3px #6366f11a!important}input::placeholder,textarea::placeholder{color:var(--text-muted)}h1,h2,h3{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}@media(max-width:768px){:root{--spacing-section: 1rem;--font-size-hero: 1.5rem;--touch-target-min: 44px}}@media(max-width:480px){:root{--spacing-section: .75rem;--font-size-hero: 1.25rem}}@supports (padding: max(0px)){.app-main{padding-bottom:max(var(--spacing-xl),env(safe-area-inset-bottom))}@media(max-width:768px){.app-main{padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.app-container{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-base)}.view-toggle-btn{transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)!important}.view-toggle-btn:hover{transform:none!important}:root{--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-expo-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s var(--ease-expo-out) forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .5s var(--ease-expo-out) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .4s var(--ease-spring) forwards}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.animate-blur-in{animation:blurIn .5s var(--ease-standard) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-card-entrance{animation:cardEntrance .6s var(--ease-expo-out) forwards}.stagger-1{animation-delay:.1s;opacity:0}.stagger-2{animation-delay:.2s;opacity:0}.stagger-3{animation-delay:.3s;opacity:0}.stagger-4{animation-delay:.4s;opacity:0}.stagger-5{animation-delay:.5s;opacity:0}.stagger-6{animation-delay:.6s;opacity:0}.stagger-7{animation-delay:.7s;opacity:0}.stagger-8{animation-delay:.8s;opacity:0}.hover-lift{transition:transform .25s var(--ease-standard),box-shadow .25s var(--ease-standard)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.hover-glow{transition:box-shadow .25s var(--ease-standard)}.hover-glow:hover{box-shadow:0 0 35px #f59e0b73,0 0 70px #f59e0b38}.hover-scale{transition:transform .2s var(--ease-spring)}.hover-scale:hover{transform:scale(1.02)}.hover-shine{position:relative;overflow:hidden}.hover-shine:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transition:left .6s var(--ease-standard)}.hover-shine:hover:after{left:100%}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px #f59e0b59,0 0 24px #f59e0b1f}50%{box-shadow:0 0 24px #f59e0b8c,0 0 48px #f59e0b52}}.animate-pulse-glow{animation:pulseGlow 3s var(--ease-standard) infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient-shift{background-size:200% 200%;animation:gradientShift 5s var(--ease-standard) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 4s var(--ease-standard) infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spinSlow 20s linear infinite}@keyframes borderGradient{0%,to{border-color:var(--accent-primary)}33%{border-color:var(--accent-purple)}66%{border-color:var(--accent-cyan)}}.animate-border-gradient{animation:borderGradient 6s var(--ease-standard) infinite}@keyframes ripple{to{transform:scale(4);opacity:0}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:before{width:300px;height:300px}.btn-press{transition:transform .1s ease}.btn-press:active{transform:scale(.97)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes spinner{to{transform:rotate(360deg)}}.animate-spinner{animation:spinner 1s linear infinite}@keyframes backdropFade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.animate-backdrop{animation:backdropFade .3s ease-out forwards}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-modal{animation:modalScaleIn .35s var(--ease-spring) forwards}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:countUp .4s var(--ease-expo-out) forwards}@keyframes checkmark{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes checkScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.animate-check{animation:checkmark .3s ease-out forwards,checkScale .3s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-tooltip{animation:tooltipIn .2s var(--ease-expo-out) forwards}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.perspective-container{perspective:1200px;perspective-origin:50% 50%}.aurora-bg{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none}.aurora-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(139,92,246,.15) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,122,89,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(45,212,191,.08) 0%,transparent 50%);animation:auroraFlow 20s ease-in-out infinite;filter:blur(60px)}.aurora-bg:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse 70% 45% at 60% 30%,rgba(255,122,89,.1) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 30% 70%,rgba(139,92,246,.08) 0%,transparent 45%);animation:auroraFlow 25s ease-in-out infinite reverse;filter:blur(80px);mix-blend-mode:screen}@keyframes auroraFlow{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.8}25%{transform:translate(2%,2%) rotate(2deg) scale(1.02);opacity:1}50%{transform:translate(-1%,3%) rotate(-1deg) scale(.98);opacity:.9}75%{transform:translate(3%,-2%) rotate(1deg) scale(1.01);opacity:1}}.card-3d{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.card-3d:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-2deg) translateZ(20px);box-shadow:0 20px 40px #0006,0 0 0 1px #ff7a591a,inset 0 1px #ffffff0d}.card-3d-inner{transform-style:preserve-3d;transform:translateZ(0);transition:transform .3s ease}.card-3d:hover .card-3d-inner{transform:translateZ(10px)}.float-depth{animation:floatDepth 6s ease-in-out infinite;transform-style:preserve-3d}@keyframes floatDepth{0%,to{transform:translateY(0) translateZ(0) rotateX(0)}50%{transform:translateY(-8px) translateZ(15px) rotateX(1deg)}}.glass-depth{background:linear-gradient(135deg,#ffffff14,#ffffff05,#ffffff0d);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003;transform:translateZ(0);transition:background-color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.glass-depth:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0a,#ffffff14);box-shadow:0 8px 40px #0006,0 0 60px #ff7a591a,inset 0 1px #ffffff26,inset 0 -1px #0000004d;transform:translateY(-2px) translateZ(10px)}.shimmer-border{position:relative;overflow:hidden}.shimmer-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,122,89,.3) 25%,rgba(139,92,246,.3) 50%,rgba(45,212,191,.3) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:shimmerBorder 4s ease-in-out infinite;opacity:0;transition:opacity .3s}.shimmer-border:hover:before{opacity:1}@keyframes shimmerBorder{0%{background-position:-200% 0}to{background-position:200% 0}}.magnetic-btn{position:relative;transition:transform .3s cubic-bezier(.16,1,.3,1)}.magnetic-btn:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,#ff7a5966,#8b5cf666,#2dd4bf66);opacity:0;filter:blur(8px);transition:opacity .3s;z-index:-1}.magnetic-btn:hover:after{opacity:.5}.magnetic-btn:active{transform:scale(.96)}.parallax-slow,.parallax-fast{will-change:transform;transition:transform .1s linear}.cascade-in{opacity:0;transform:translateY(30px) scale(.95);filter:blur(4px)}.cascade-in.visible{animation:cascadeEntrance .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes cascadeEntrance{0%{opacity:0;transform:translateY(30px) scale(.95);filter:blur(4px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.cascade-1{animation-delay:.05s}.cascade-2{animation-delay:.1s}.cascade-3{animation-delay:.15s}.cascade-4{animation-delay:.2s}.cascade-5{animation-delay:.25s}.cascade-6{animation-delay:.3s}.cascade-7{animation-delay:.35s}.cascade-8{animation-delay:.4s}.breathing-glow{animation:breathingGlow 8s ease-in-out infinite}@keyframes breathingGlow{0%,to{box-shadow:0 0 20px #ff7a5933,0 0 40px #ff7a591a,inset 0 0 20px #ff7a590d}50%{box-shadow:0 0 30px #8b5cf640,0 0 60px #8b5cf61f,inset 0 0 30px #8b5cf614}}.progress-ring-liquid{stroke-dasharray:1000;stroke-dashoffset:1000;animation:liquidProgress 1.5s cubic-bezier(.16,1,.3,1) forwards}@keyframes liquidProgress{to{stroke-dashoffset:var(--progress-offset, 0)}}.spotlight{position:relative;overflow:hidden}.spotlight:before{content:"";position:absolute;top:var(--mouse-y, 50%);left:var(--mouse-x, 50%);width:200px;height:200px;background:radial-gradient(circle,rgba(255,122,89,.15) 0%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s;pointer-events:none}.spotlight:hover:before{opacity:1}.text-reveal{display:inline-block;overflow:hidden}.text-reveal span{display:inline-block;transform:translateY(100%);opacity:0;animation:textReveal .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes textReveal{to{transform:translateY(0);opacity:1}}.skeleton-wave{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:skeletonWave 1.5s ease-in-out infinite}@keyframes skeletonWave{0%{background-position:-200% 0}to{background-position:200% 0}}.micro-bounce{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.micro-bounce:active{transform:scale(.92)}.micro-lift{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.micro-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.premium-overlay-enter{animation:premiumOverlayEnter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes premiumOverlayEnter{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.premium-modal-enter{animation:premiumModalEnter .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes premiumModalEnter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.premium-panel-slide-in{animation:premiumPanelSlideIn .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes premiumPanelSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.aurora-bg:before,.aurora-bg:after{animation:none}.card-3d,.card-3d:hover,.float-depth,.glass-depth,.glass-depth:hover,.magnetic-btn,.magnetic-btn:hover{transform:none;animation:none}.cascade-in{opacity:1;transform:none;filter:none;animation:none}.breathing-glow{animation:none}}.error-boundary-fallback{padding:2rem;text-align:center;background:var(--bg-secondary);color:var(--text-primary);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-boundary-fallback details{white-space:pre-wrap;margin-top:1rem;text-align:left;max-width:800px}.error-boundary-fallback button{margin-top:2rem;padding:.75rem 1.5rem;background:var(--primary-color, #FF6B35);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;max-width:360px;pointer-events:none}.toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0000004d;pointer-events:auto;animation:toastSlideIn .2s ease-out}.toast-info{background:#1e1e28f2;border:1px solid rgba(255,255,255,.1);color:var(--text-primary, #fff)}.toast-warning{background:#b45309f2;border:1px solid rgba(251,191,36,.3);color:#fff}.toast-error{background:#991b1bf2;border:1px solid rgba(248,113,113,.3);color:#fff}.toast-success{background:#15803df2;border:1px solid rgba(74,222,128,.3);color:#fff}.toast-dismiss{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:1.25rem;line-height:1;padding:0}.toast-dismiss:hover{opacity:1}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem;background:var(--bg-primary);overflow:hidden}.login-backdrop{position:fixed;inset:0;pointer-events:none;z-index:0}.backdrop-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(255,90,31,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%)}.backdrop-noise{position:absolute;inset:0;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.login-content{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.login-brand{display:flex;justify-content:center;align-items:flex-start;overflow:hidden;width:100%;height:200px;flex-shrink:0;margin-bottom:.25rem}.login-logo-img{height:400px;width:auto;object-fit:contain;object-position:top center;margin-top:-36px;filter:drop-shadow(0 8px 32px rgba(255,90,31,.35))}.login-card{width:100%;background:#16121ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:1.25rem;box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0a}.login-card-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.login-card-header{text-align:center}.login-heading{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .375rem;letter-spacing:-.01em}.login-lead{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.login-actions{display:flex;flex-direction:column;gap:.75rem}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:.75rem;color:#1f1f1f;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #0000000d}.btn-google:hover:not(:disabled){background:#fafafa;border-color:#0000001f;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.btn-google:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.btn-google:disabled{opacity:.6;cursor:not-allowed}.btn-content{display:flex;align-items:center;gap:.75rem}.google-logo{flex-shrink:0}.spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#1f1f1f;border-radius:50%;animation:spin .6s linear infinite}.login-alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:.5rem;color:#f87171;font-size:.8125rem;font-weight:500}.alert-icon{flex-shrink:0;opacity:.8}.login-card-footer{padding-top:.5rem;border-top:1px solid rgba(255,255,255,.04)}.security-note{display:flex;align-items:center;justify-content:center;gap:.375rem;margin:0;font-size:.75rem;color:var(--text-tertiary)}.lock-icon{opacity:.6}.login-features{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:.5rem}.feature-item{display:flex;align-items:center;gap:.375rem}.feature-icon{font-size:.75rem;color:var(--accent-primary);opacity:.9;line-height:1}.feature-label{font-size:.8125rem;color:var(--text-secondary);font-weight:500;letter-spacing:.01em}@media(max-width:480px){.login-page{padding:1rem}.login-brand{height:168px}.login-logo-img{height:340px;margin-top:-30px}.login-card-content{padding:1.5rem}.login-features{gap:1rem;flex-wrap:wrap}.feature-label{font-size:.75rem}}.habit-grid-skeleton{padding:1rem;width:100%}.skeleton-header{display:flex;justify-content:space-between;margin-bottom:1.5rem}.skeleton-title{width:200px;height:24px;border-radius:4px}.skeleton-nav{width:120px;height:24px;border-radius:4px}.skeleton-grid{display:flex;flex-direction:column;gap:.75rem}.skeleton-row{display:flex;gap:.5rem;align-items:center}.skeleton-habit-name{width:140px;height:36px;border-radius:6px;flex-shrink:0}.skeleton-cell{width:36px;height:36px;border-radius:6px;flex:1;max-width:48px}.habit-grid-skeleton .skeleton-loader{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.network-status{position:fixed;top:0;left:0;right:0;z-index:9999;padding:.5rem 1rem;text-align:center;font-size:.8125rem;font-weight:500}.network-offline{background:#991b1bf2;color:#fff}.network-syncing{background:#b45309f2;color:#fff}.auth-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--bg-primary);color:var(--text-primary)}.auth-loading-spinner{width:48px;height:48px;border:4px solid rgba(255,107,53,.2);border-top:4px solid #FF6B35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}