:root{--glass-bg-light: rgba(255, 255, 255, .75);--glass-bg-light-subtle: rgba(255, 255, 255, .7);--glass-bg-light-medium: rgba(255, 255, 255, .5);--glass-bg-light-soft: rgba(255, 255, 255, .4);--glass-bg-light-weak: rgba(255, 255, 255, .3);--glass-bg-light-fallback: rgba(255, 255, 255, .95);--glass-bg-dark: rgba(15, 23, 42, .65);--glass-bg-dark-subtle: rgba(15, 23, 42, .6);--glass-bg-dark-medium: rgba(15, 23, 42, .5);--glass-bg-dark-soft: rgba(15, 23, 42, .4);--glass-bg-dark-weak: rgba(15, 23, 42, .3);--glass-bg-dark-weakest: rgba(15, 23, 42, .2);--glass-bg-dark-fallback: rgba(15, 23, 42, .95);--glass-border-light: rgba(255, 255, 255, .3);--glass-border-light-strong: rgba(255, 255, 255, .4);--glass-border-light-soft: rgba(255, 255, 255, .25);--glass-border-light-weak: rgba(255, 255, 255, .2);--glass-border-light-weakest: rgba(255, 255, 255, .1);--glass-border-light-minimal: rgba(255, 255, 255, .05);--glass-border-dark: rgba(255, 255, 255, .1);--glass-border-dark-strong: rgba(255, 255, 255, .15);--glass-border-dark-soft: rgba(255, 255, 255, .12);--glass-border-dark-weak: rgba(255, 255, 255, .08);--glass-border-dark-minimal: rgba(255, 255, 255, .05);--glass-blur-sm: blur(8px);--glass-blur-md: blur(10px);--glass-blur-lg: blur(16px);--glass-blur-xl: blur(20px);--glass-blur-2xl: blur(24px);--glass-saturate-sm: saturate(130%);--glass-saturate-md: saturate(140%);--glass-saturate-lg: saturate(150%);--glass-saturate-xl: saturate(160%);--glass-saturate-2xl: saturate(180%);--glass-saturate-3xl: saturate(200%);--glass-shadow-light: 0 8px 32px 0 rgba(31, 38, 135, .15), inset 0 1px 0 0 rgba(255, 255, 255, .5), 0 0 0 1px rgba(255, 255, 255, .1) inset;--glass-shadow-light-hover: 0 20px 60px -15px rgba(139, 92, 246, .25), 0 8px 32px 0 rgba(31, 38, 135, .2), inset 0 1px 0 0 rgba(255, 255, 255, .6), 0 0 0 1px rgba(255, 255, 255, .15) inset;--glass-shadow-light-subtle: 0 4px 24px 0 rgba(31, 38, 135, .1), inset 0 1px 0 0 rgba(255, 255, 255, .4);--glass-shadow-light-stats: 0 8px 32px 0 rgba(31, 38, 135, .12), inset 0 1px 0 0 rgba(255, 255, 255, .6);--glass-shadow-dark: 0 8px 32px 0 rgba(0, 0, 0, .4), inset 0 1px 0 0 rgba(255, 255, 255, .1), 0 0 0 1px rgba(255, 255, 255, .05) inset;--glass-shadow-dark-hover: 0 20px 60px -15px rgba(139, 92, 246, .15), 0 12px 40px 0 rgba(0, 0, 0, .5), inset 0 1px 0 0 rgba(255, 255, 255, .15);--glass-shadow-dark-subtle: 0 4px 24px 0 rgba(0, 0, 0, .3), inset 0 1px 0 0 rgba(255, 255, 255, .08);--glass-shadow-dark-stats: 0 8px 32px 0 rgba(0, 0, 0, .35), inset 0 1px 0 0 rgba(255, 255, 255, .12);--glass-gradient-light: linear-gradient( 135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 50%, transparent 100% );--glass-gradient-dark: linear-gradient( 135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .02) 50%, transparent 100% );--glass-transition: all .4s cubic-bezier(.4, 0, .2, 1);--glass-transition-fast: all .3s cubic-bezier(.4, 0, .2, 1);--glass-error-light: rgba(254, 242, 242, .6);--glass-error-dark: rgba(127, 29, 29, .3)}.dark{--glass-bg-light: var(--glass-bg-dark);--glass-bg-light-subtle: var(--glass-bg-dark-subtle);--glass-bg-light-medium: var(--glass-bg-dark-medium);--glass-bg-light-soft: var(--glass-bg-dark-soft);--glass-bg-light-weak: var(--glass-bg-dark-weak);--glass-bg-light-fallback: var(--glass-bg-dark-fallback);--glass-border-light: var(--glass-border-dark);--glass-border-light-strong: var(--glass-border-dark-strong);--glass-border-light-soft: var(--glass-border-dark-soft);--glass-border-light-weak: var(--glass-border-dark-weak);--glass-border-light-weakest: var(--glass-border-dark-minimal);--glass-shadow-light: var(--glass-shadow-dark);--glass-shadow-light-hover: var(--glass-shadow-dark-hover);--glass-shadow-light-subtle: var(--glass-shadow-dark-subtle);--glass-shadow-light-stats: var(--glass-shadow-dark-stats);--glass-gradient-light: var(--glass-gradient-dark);--glass-error-light: var(--glass-error-dark)}.glass-base{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);box-sizing:border-box;isolation:isolate;overflow:hidden;transition:var(--glass-transition)}.glass-base:before{content:"";position:absolute;inset:0;background:var(--glass-gradient-light);border-radius:inherit;pointer-events:none;z-index:0}.glass-base>*{position:relative;z-index:1}.notification-panel-glass{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);box-sizing:border-box;isolation:isolate;overflow:hidden;transition:var(--glass-transition)}.notification-panel-glass:before{content:"";position:absolute;inset:0;background:var(--glass-gradient-light);border-radius:inherit;pointer-events:none;z-index:0}.notification-panel-glass>*{position:relative;z-index:1}.notification-header-glass,.notification-footer-glass{background:var(--glass-bg-light-soft);backdrop-filter:var(--glass-blur-md) var(--glass-saturate-lg);-webkit-backdrop-filter:var(--glass-blur-md) var(--glass-saturate-lg)}.notification-item-glass{background:var(--glass-bg-light-medium);backdrop-filter:var(--glass-blur-sm) var(--glass-saturate-md);-webkit-backdrop-filter:var(--glass-blur-sm) var(--glass-saturate-md);transition:var(--glass-transition-fast)}.notification-item-glass:hover{background:var(--glass-bg-light-subtle);backdrop-filter:var(--glass-blur-lg) var(--glass-saturate-xl);-webkit-backdrop-filter:var(--glass-blur-lg) var(--glass-saturate-xl);transform:translateY(-1px)}.notification-error-glass{background:var(--glass-error-light);backdrop-filter:var(--glass-blur-md) var(--glass-saturate-lg);-webkit-backdrop-filter:var(--glass-blur-md) var(--glass-saturate-lg)}.notification-empty-glass{background:var(--glass-bg-light-weak);backdrop-filter:var(--glass-blur-sm) var(--glass-saturate-sm);-webkit-backdrop-filter:var(--glass-blur-sm) var(--glass-saturate-sm)}@supports not (backdrop-filter: blur(1px)){.notification-panel-glass{background:var(--glass-bg-light-fallback)}.notification-header-glass,.notification-footer-glass{background:#ffffffe6}.dark .notification-header-glass,.dark .notification-footer-glass{background:var(--glass-bg-dark-fallback)}.notification-item-glass{background:#ffffffd9}.dark .notification-item-glass{background:var(--glass-bg-dark-fallback)}}.dashboard-glass-card{position:relative;background:var(--glass-bg-light-subtle);backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light);box-shadow:var(--glass-shadow-light);box-sizing:border-box;isolation:isolate;overflow:hidden;transition:var(--glass-transition)}.dashboard-glass-card:before{content:"";position:absolute;inset:0;background:var(--glass-gradient-light);border-radius:inherit;pointer-events:none;z-index:0}.dashboard-glass-card>*{position:relative;z-index:1}.dashboard-glass-card:hover{background:var(--glass-bg-light);border-color:var(--glass-border-light-strong);box-shadow:var(--glass-shadow-light-hover);transform:translateY(-2px);backdrop-filter:var(--glass-blur-2xl) var(--glass-saturate-3xl);-webkit-backdrop-filter:var(--glass-blur-2xl) var(--glass-saturate-3xl)}.dashboard-glass-container{background:var(--glass-bg-light-medium);backdrop-filter:var(--glass-blur-lg) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-lg) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light-soft);box-shadow:var(--glass-shadow-light-subtle)}.dashboard-glass-gradient{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light-weak)}.dark .dashboard-glass-gradient{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid var(--glass-border-dark)}.dashboard-stats-glass{position:relative;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);-webkit-backdrop-filter:var(--glass-blur-xl) var(--glass-saturate-2xl);border:1px solid var(--glass-border-light-strong);box-shadow:var(--glass-shadow-light-stats);transition:var(--glass-transition-fast)}.dashboard-stats-glass:hover{background:var(--glass-bg-light-fallback);border-color:var(--glass-border-light-strong);transform:translateY(-2px) scale(1.01);backdrop-filter:var(--glass-blur-2xl) var(--glass-saturate-3xl);-webkit-backdrop-filter:var(--glass-blur-2xl) var(--glass-saturate-3xl)}@supports (backdrop-filter: blur(1px)){.dashboard-glass-card:hover,.dashboard-glass-card.animating,.dashboard-stats-glass:hover,.dashboard-stats-glass.animating{will-change:transform,backdrop-filter}.dashboard-glass-card:not(:hover):not(.animating),.dashboard-stats-glass:not(:hover):not(.animating){will-change:auto}}@supports not (backdrop-filter: blur(1px)){.dashboard-glass-card{background:var(--glass-bg-light-fallback)}.dashboard-glass-container{background:#ffffffe6}.dark .dashboard-glass-container{background:var(--glass-bg-dark-fallback)}.dashboard-stats-glass{background:#ffffffe6}.dark .dashboard-stats-glass{background:var(--glass-bg-dark-fallback)}}.sky-animation{position:relative;width:100%;border-radius:.75rem .75rem 0 0;overflow:hidden;transition:background 2s ease-in-out,opacity .4s ease-in-out;will-change:background,opacity;backface-visibility:hidden;perspective:1000px}.sky-morning{background:linear-gradient(to bottom,#fef3c7,#fde68a,#fcd34d)}.sky-day{background:linear-gradient(to bottom,#60a5fa,#3b82f6,#2563eb)}.sky-evening{background:linear-gradient(to bottom,#fb923c,#f97316,#ea580c 60%,#c2410c)}.sky-night{background:linear-gradient(to bottom,#1e1b4b,#312e81,#1e3a8a)}.dark .sky-morning{background:linear-gradient(to bottom,#78350f,#92400e,#b45309)}.dark .sky-day{background:linear-gradient(to bottom,#1e40af,#1e3a8a,#1e293b)}.dark .sky-evening{background:linear-gradient(to bottom,#7c2d12,#9a3412,#7c2d12)}.dark .sky-night{background:linear-gradient(to bottom,#0f172a,#1e1b4b,#312e81)}.bg-gradient-radial{background:radial-gradient(circle,var(--tw-gradient-stops))}.sun-rise{animation:sunRise 20s ease-in-out infinite;z-index:0}.sun-core{z-index:20}.sun-inner{animation:innerGlow 2s ease-in-out infinite alternate;z-index:30}.sun-noon{z-index:2}.sun-inner-noon{animation:innerGlowNoon 2s ease-in-out infinite alternate;z-index:3}.sunset-sun{animation:sunSet 25s ease-in-out infinite;z-index:10}.sun-rays{animation:rayRotate 20s linear infinite;z-index:1;pointer-events:none}.sun-rays-noon{animation:rayRotate 25s linear infinite;z-index:1;pointer-events:none}.sun-rays-sunset{animation:rayRotate 18s linear infinite;z-index:1;pointer-events:none}.sun-rays .ray,.sun-rays-noon .ray{visibility:visible!important;display:block!important}.sun-rays-noon .ray{opacity:.9;z-index:10}.ray{position:absolute;opacity:.8;z-index:15}.ray-morning{width:2px;height:24px;background:linear-gradient(to bottom,#fbbf24f2,#fbbf24b3,#fbbf2466 60%,#fbbf241a);filter:blur(1.5px);box-shadow:0 0 5px #fbbf2499,0 0 10px #fbbf244d;opacity:.75;animation:rayPulseMorning 3s ease-in-out infinite;animation-delay:calc(var(--ray-index) * .1s)}.ray-noon{width:2px;height:28px;background:linear-gradient(to bottom,#fef08af2,#fef08ab3,#fef08a66 60%,#fef08a1a);filter:blur(2px);box-shadow:0 0 6px #fef08ab3,0 0 12px #fef08a66;opacity:.85;animation:rayPulseNoon 3.5s ease-in-out infinite;animation-delay:calc(var(--ray-index) * .1s)}.ray-sunset{width:2px;height:22px;background:linear-gradient(to bottom,#fb923ce6,#fb923c99,#ef444466 60%,#ef44441a);filter:blur(1.5px);box-shadow:0 0 5px #fb923c99,0 0 10px #ef44444d;opacity:.7;animation:rayPulseSunset 4s ease-in-out infinite;animation-delay:calc(var(--ray-index) * .12s)}.cloud{animation:cloudFloat 15s ease-in-out infinite;filter:blur(8px)}.cloud-1{animation-duration:20s}.cloud-2{animation-duration:25s;animation-direction:reverse}.cloud-3{animation-duration:18s}.sky-evening .cloud{filter:blur(6px);animation:cloudFloat 12s ease-in-out infinite}.bird-container{animation:fly 12s ease-in-out infinite;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));-webkit-user-select:none;-moz-user-select:none;user-select:none}.bird-wing{animation:flap .35s ease-in-out infinite;transform-origin:75px 65px}.tree-sway-1{transform-origin:55px 150px;animation:treeSway1 4s ease-in-out infinite}.tree-sway-2{transform-origin:107.5px 150px;animation:treeSway2 5s ease-in-out infinite}.tree-sway-3{transform-origin:146px 150px;animation:treeSway3 4.5s ease-in-out infinite}.moon{animation:moonGlow 8s ease-in-out infinite;box-shadow:0 0 30px #fef08a99,0 0 60px #fef08a4d}.star{animation:twinkle 3s ease-in-out infinite}.star-1{animation-delay:0s}.star-2{animation-delay:.5s}.star-3{animation-delay:1s}.star-4{animation-delay:1.5s}.star-5{animation-delay:2s}.star-6{animation-delay:2.5s}.star-7{animation-delay:3s}.star-8{animation-delay:3.5s}.sky-animation.fade-in{animation:fadeInSky .8s ease-out}.sky-animation.fade-in>*{animation:fadeInSky .6s ease-out backwards}.sky-animation.fade-in>*:nth-child(1){animation-delay:.05s}.sky-animation.fade-in>*:nth-child(2){animation-delay:.1s}.sky-animation.fade-in>*:nth-child(3){animation-delay:.15s}.sky-animation.fade-in>*:nth-child(4){animation-delay:.2s}.sky-animation.fade-in>*:nth-child(5){animation-delay:.25s}.sky-animation.fade-in>*:nth-child(n+6){animation-delay:.3s}@keyframes sunRise{0%,to{transform:translate(-50%,20px)}50%{transform:translate(-50%,-10px)}}@keyframes sunSet{0%,to{transform:translate(-50%,15px)}50%{transform:translate(-50%,5px)}}@keyframes rayRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rayPulseMorning{0%,to{opacity:.75;transform:translate(-50%,-50%) translateY(-15px) scaleY(1)}50%{opacity:.9;transform:translate(-50%,-50%) translateY(-15px) scaleY(1.1)}}@keyframes rayPulseNoon{0%,to{opacity:.85;transform:translate(-50%,-50%) translateY(-18px) scaleY(1)}50%{opacity:1;transform:translate(-50%,-50%) translateY(-18px) scaleY(1.15)}}@keyframes rayPulseSunset{0%,to{opacity:.7;transform:translate(-50%,-50%) translateY(-14px) scaleY(1)}50%{opacity:.85;transform:translate(-50%,-50%) translateY(-14px) scaleY(1.1)}}@keyframes innerGlow{0%{opacity:.7;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes innerGlowNoon{0%{opacity:.8;transform:translate(-50%) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1.15)}}@keyframes sunPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #fbbf24cc,0 0 80px #fbbf2480,0 0 120px #fbbf244d;filter:brightness(1)}50%{transform:scale(1.05);box-shadow:0 0 60px #fbbf24,0 0 120px #fbbf24b3,0 0 180px #fbbf2480;filter:brightness(1.2)}}@keyframes sunPulseNoon{0%,to{transform:translate(-50%) scale(1);box-shadow:0 0 50px #fbbf24e6,0 0 100px #fbbf2499,0 0 150px #fbbf2466;filter:brightness(1)}50%{transform:translate(-50%) scale(1.08);box-shadow:0 0 70px #fbbf24,0 0 140px #fbbf24cc,0 0 200px #fbbf2499;filter:brightness(1.15)}}@keyframes cloudFloat{0%,to{transform:translate(0) translateY(0);opacity:.6}25%{transform:translate(15px) translateY(-5px);opacity:.7}50%{transform:translate(30px) translateY(0);opacity:.8}75%{transform:translate(15px) translateY(5px);opacity:.7}}@keyframes fly{0%{transform:translate(-100px) translateY(0) scale(.8);opacity:0}10%{opacity:.8}50%{transform:translate(300px) translateY(-15px) scale(1);opacity:1}90%{opacity:.8}to{transform:translate(700px) translateY(0) scale(.8);opacity:0}}@keyframes flap{0%{transform:rotate(-20deg) scaleY(1)}50%{transform:rotate(5deg) scaleY(.7)}to{transform:rotate(-20deg) scaleY(1)}}@keyframes treeSway1{0%,to{transform:rotate(0)}25%{transform:rotate(1.5deg)}75%{transform:rotate(-1.5deg)}}@keyframes treeSway2{0%,to{transform:rotate(0)}30%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@keyframes treeSway3{0%,to{transform:rotate(0)}20%{transform:rotate(1deg)}80%{transform:rotate(-1deg)}}@keyframes moonGlow{0%,to{opacity:.9;transform:scale(1);filter:brightness(1)}50%{opacity:1;transform:scale(1.05);filter:brightness(1.2)}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1);filter:brightness(.8)}25%{opacity:.6;transform:scale(1.1);filter:brightness(1)}50%{opacity:1;transform:scale(1.2);filter:brightness(1.3)}75%{opacity:.6;transform:scale(1.1);filter:brightness(1)}}@keyframes fadeInSky{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.bird-container{animation-duration:15s}.cloud{filter:blur(4px);animation-duration:20s}}@media(prefers-reduced-motion:reduce){.sky-animation *{animation:none!important;transition:none!important}.star,.cloud,.bird-container,.moon,.sun-core,.sun-noon,.sunset-sun,.sun-rise{animation:none!important}.sky-animation{transition:background-color .3s ease!important}.tree-sway-1,.tree-sway-2,.tree-sway-3,.bird-wing{animation:none!important}}.sky-animation.no-animation *{animation:none!important;transition:none!important}
