*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f4f8ff;color:#333;line-height:1.5}input:focus,select:focus,textarea:focus{outline:none;border-color:#08f!important;box-shadow:0 0 0 3px #0088ff26}button{transition:all .25s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){opacity:.9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c0d8ff;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#08f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 8px #0088ff4d}50%{box-shadow:0 0 24px #0088ff80}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-3px)}20%,40%,60%,80%{transform:translate(3px)}}.anim-fade-in{animation:fadeIn .4s ease-out}.anim-fade-in-up{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.anim-slide-in-left{animation:slideInLeft .4s ease-out}.anim-slide-in-right{animation:slideInRight .4s ease-out}.anim-scale-in{animation:scaleIn .3s ease-out}.anim-bounce-in{animation:bounceIn .5s cubic-bezier(.4,0,.2,1)}.anim-slide-down{animation:slideDown .3s ease-out}.anim-float{animation:float 3s ease-in-out infinite}.anim-pulse{animation:pulse 2s ease-in-out infinite}.anim-shake{animation:shake .4s}.anim-glow{animation:glow 2s ease-in-out infinite}.stagger-1{animation:fadeInUp .5s ease-out .05s both}.stagger-2{animation:fadeInUp .5s ease-out .1s both}.stagger-3{animation:fadeInUp .5s ease-out .15s both}.stagger-4{animation:fadeInUp .5s ease-out .2s both}.stagger-5{animation:fadeInUp .5s ease-out .25s both}.stagger-6{animation:fadeInUp .5s ease-out .3s both}.stagger-7{animation:fadeInUp .5s ease-out .35s both}.stagger-8{animation:fadeInUp .5s ease-out .4s both}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.65,0,.35,1)}.glass{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18)}.gradient-text{background:linear-gradient(135deg,#08f,#00c6ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{border:3px solid #e0e0e0;border-top-color:#08f;border-radius:50%;width:24px;height:24px;animation:rotate .8s linear infinite}.card-hover{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0088ff26}.btn-primary{background:linear-gradient(135deg,#08f,#06c);color:#fff;border:none;box-shadow:0 4px 12px #0088ff40}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0088ff59}.btn-success{background:linear-gradient(135deg,#03ac0e,#028a0b);color:#fff;border:none;box-shadow:0 4px 12px #03ac0e40}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #03ac0e59}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out;padding:16px;overflow-y:auto}.modal-content{animation:scaleIn .3s cubic-bezier(.4,0,.2,1)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.badge-discount{background:linear-gradient(135deg,#ff3e3e,#ff6b6b);color:#fff}.badge-flash{background:linear-gradient(135deg,#ff8c00,orange);color:#fff}.badge-new{background:linear-gradient(135deg,#00c6ff,#0072e3);color:#fff}.progress-bar-track{background:#ffe0e0;border-radius:20px;overflow:hidden;height:16px}.progress-bar-fill{background:linear-gradient(90deg,#ff3e3e,#ff6b6b);height:100%;border-radius:20px;transition:width 1s ease}.toast{position:fixed;bottom:24px;right:24px;z-index:10000;animation:slideInRight .3s ease-out}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s;transform-style:preserve-3d}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.fade-enter{opacity:0;transform:translate(30px)}.fade-enter-active{opacity:1;transform:translate(0);transition:all .4s ease}.fade-exit{opacity:1;transform:translate(0)}.fade-exit-active{opacity:0;transform:translate(-30px);transition:all .4s ease}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;border:1px solid #f0f0f0;overflow:hidden;animation:scaleIn .2s ease-out;transform-origin:top right;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 20px;cursor:pointer;font-size:14px;color:#333;transition:background .15s;white-space:nowrap}.dropdown-item:hover{background:#f5f9ff}