.empty-state{position:relative;display:flex;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;text-align:center;min-height:100vh;padding:1rem;transition:all .2s ease-in-out;border-radius:1rem;position:absolute;top:0;left:0;right:0;bottom:0;transform:translateZ(0);backface-visibility:hidden}.empty-state:hover{transform:translateY(-2px);background:rgba(59,130,246,.02)}.empty-state:hover .lottie-container{transform:scale(1.05)}.empty-state:hover .empty-state-title{color:#3b82f6}.empty-state:hover .empty-state-subtitle{color:#1d4ed8}.dark .empty-state:hover{background:rgba(59,130,246,.05)}.dark .empty-state:hover .empty-state-title{color:#60a5fa}.dark .empty-state:hover .empty-state-subtitle{color:#3b82f6}.empty-state:active{transform:translateY(0)}.empty-state:active .lottie-container{transform:scale(.98)}.empty-state .lottie-container{width:120px;height:120px;margin-bottom:.75rem;transition:transform .2s ease-in-out;border-radius:50%;overflow:hidden;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform}.empty-state .lottie-container .lottie-animation{height:100%;width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}.empty-state .empty-state-content{position:relative;z-index:10;max-width:24rem}.empty-state .empty-state-content .empty-state-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;background:linear-gradient(135deg,#374151,#1f2937);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-in-up .6s ease-out}.empty-state .empty-state-content .empty-state-subtitle{line-height:1.375;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.85rem;animation:fade-in-up .6s ease-out .2s both;margin-bottom:.25rem}.dark .empty-state .empty-state-content .empty-state-title{color:#f8fafc;background:linear-gradient(135deg,#e2e8f0,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .empty-state .empty-state-content .empty-state-subtitle{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.empty-state{padding:1rem}.empty-state .lottie-container{width:96px;height:96px;margin-bottom:.75rem}.empty-state .empty-state-content .empty-state-title{font-size:1rem;line-height:1.5rem}.empty-state .empty-state-content .empty-state-subtitle{font-size:.75rem}}