@keyframes ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(77,85,247,.3)}50%{box-shadow:0 0 20px rgba(77,85,247,.6)}}.panel-card{background:rgba(23,25,30,.8);border:1px solid rgba(77,85,247,.2);border-radius:12px;padding:1.5rem;backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.panel-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(77,85,247,.1),transparent);transition:left .5s ease}.panel-card:hover:before{left:100%}.panel-card:hover{border-color:rgba(77,85,247,.4);box-shadow:0 10px 30px rgba(77,85,247,.1);transform:translateY(-2px)}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-glow:hover:before{left:100%}.btn-glow:hover{box-shadow:0 0 20px rgba(77,85,247,.4)}.logo-pulse{animation:pulse 2s ease-in-out infinite}.logo-pulse:hover{animation:glow 1s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#4d55f7,#3ec8fa 50%,#bc52ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(23,25,30,.6);backdrop-filter:blur(20px);border:1px solid rgba(77,85,247,.2)}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(77,85,247,.3)}@media (max-width:768px){.panel-card{padding:1rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{width:40px;height:40px;border:4px solid rgba(77,85,247,.2);border-top-color:#4d55f7;border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:6px}.spinner-xl{width:80px;height:80px;border-width:8px}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(11,11,15,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#ffffff}.loading-text{font-size:1.125rem;font-weight:500;color:rgba(255,255,255,.8)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background:linear-gradient(90deg,rgba(23,25,30,.5) 25%,rgba(77,85,247,.1) 50%,rgba(23,25,30,.5) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{height:1.5rem;border-radius:4px;margin-bottom:1rem}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-button{height:2.5rem;border-radius:8px;width:100px}.loading-dots{display:inline-flex;gap:.25rem}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:#4d55f7;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.progress-bar{width:100%;height:4px;background-color:rgba(23,25,30,.5);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4d55f7,#3ec8fa);border-radius:2px;transition:width .3s ease}.button-loading{position:relative;color:transparent}.button-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width:768px){.loading-text{font-size:1rem}.spinner{width:32px;height:32px;border-width:3px}.spinner-lg{width:48px;height:48px;border-width:4px}}