.bg-grid-pattern{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:20px 20px}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-animation{animation:3s ease-in-out infinite float}.product-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.product-card-hover:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000040}.gradient-border{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899) border-box;border:2px solid #0000;position:relative}.shimmer{background:linear-gradient(90deg,#0000,#fff6,#0000);animation:2s infinite shimmer}.animate-shimmer{animation:2s infinite shimmer}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff2e}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#3b82f6,#8b5cf6);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#2563eb,#7c3aed)}
.admin-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--admin-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--admin-secondary:linear-gradient(135deg,#10b981,#3b82f6);--admin-accent:linear-gradient(135deg,#f59e0b,#ef4444);--admin-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;--admin-shadow-lg:0 25px 50px -12px #00000040}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc,0 0 30px #8b5cf699}}.fade-in-up{animation:.6s ease-out fadeInUp}.bounce-in{animation:.8s ease-out bounceIn}.slide-in-right{animation:.5s ease-out slideInRight}.glow-effect{animation:2s ease-in-out infinite glow}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-8px)}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.05)}.skeleton-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-primary{background:var(--admin-primary)}.gradient-secondary{background:var(--admin-secondary)}.gradient-accent{background:var(--admin-accent)}.text-shimmer{background:linear-gradient(90deg,#333,#fff,#333) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:2s infinite textShimmer}@keyframes textShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.form-input-enhanced{position:relative;overflow:hidden}.form-input-enhanced:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.form-input-enhanced:focus:before{left:100%}.btn-magic{transition:all .3s;position:relative;overflow:hidden}.btn-magic:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-magic:hover:before{left:100%}.particles-bg{position:relative;overflow:hidden}.particles-bg:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#7877c64d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0%,#0000 50%),radial-gradient(circle at 40% 40%,#78c8ff4d 0%,#0000 50%);animation:6s ease-in-out infinite particleFloat;position:absolute;inset:0}@keyframes particleFloat{0%,to{opacity:1;transform:translateY(0)rotate(0)}33%{opacity:.8;transform:translateY(-30px)rotate(120deg)}66%{opacity:.6;transform:translateY(-60px)rotate(240deg)}}