:root{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--success-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--warning-gradient: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--dark-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);color-scheme:light dark;color:#2c3e50;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none;z-index:-1;animation:backgroundShift 20s ease-in-out infinite}@keyframes backgroundShift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-10px,-10px) scale(1.05)}50%{transform:translate(10px,-5px) scale(.95)}75%{transform:translate(-5px,10px) scale(1.02)}}#root{width:100%;height:100vh;margin:0;padding:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;border:2px solid rgba(255,255,255,.1)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:scale(1.1)}*{transition:all .3s cubic-bezier(.4,0,.2,1)}*:focus{outline:2px solid #667eea;outline-offset:3px;border-radius:4px}.MuiPaper-root{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-radius:16px!important;box-shadow:none!important}.MuiButton-root{border-radius:12px!important;font-weight:600!important;text-transform:none!important;position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;border:none!important;box-shadow:0 4px 15px #667eea66!important}.MuiButton-root: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}.MuiButton-root:hover:before{left:100%}.MuiButton-root:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 25px #667eea99!important}.MuiButton-root:active{transform:translateY(-1px) scale(.98)!important}.MuiCard-root{border-radius:16px!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative!important;overflow:hidden!important}.MuiCard-root:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);transform:scaleX(0);transition:transform .3s ease}.MuiCard-root:hover:before{transform:scaleX(1)}.MuiCard-root:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px #0000001a,0 10px 20px #0000000d!important}.MuiAppBar-root{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.3)!important;box-shadow:none!important}.MuiChip-root{border-radius:20px!important;font-weight:600!important;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)!important;color:#fff!important;box-shadow:0 4px 15px #4facfe66!important}.MuiChip-root:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #4facfe99!important}.MuiTextField-root .MuiOutlinedInput-root{border-radius:12px!important;background:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;transition:all .3s ease!important}.MuiTextField-root .MuiOutlinedInput-root:hover{background:rgba(255,255,255,1)!important;border-color:#667eea!important;box-shadow:0 4px 15px #667eea33!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.MuiIconButton-root{border-radius:12px!important;background:rgba(255,255,255,.1)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiIconButton-root:hover{background:rgba(255,255,255,.2)!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px #00000026!important}.MuiGrid-item{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.MuiGrid-item:hover{transform:scale(1.02)!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.loading{animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 3s ease-in-out infinite}.toast-notification{border-radius:16px!important;font-weight:600!important;background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 30px #0000001a!important}@media (max-width: 768px){.MuiGrid-item{padding:8px!important}.MuiCard-root{margin-bottom:12px;border-radius:12px!important}.MuiButton-root{min-height:48px!important;min-width:48px!important;border-radius:12px!important}.MuiIconButton-root{min-width:48px!important;min-height:48px!important;border-radius:12px!important}.MuiButton-root,.MuiIconButton-root{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.MuiBox-root{-webkit-overflow-scrolling:touch}.MuiPaper-root{will-change:transform}body{overflow-x:hidden}input,textarea,select{font-size:16px!important}}@media (min-width: 769px) and (max-width: 1024px){.MuiGrid-item{padding:12px!important}}@media print{.no-print{display:none!important}.print-only{display:block!important}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.MuiCard-root{border-radius:16px}}@media (prefers-color-scheme: dark){:root{color:#fff;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)}.MuiPaper-root{background:rgba(0,0,0,.8)!important;color:#fff!important}.MuiTextField-root .MuiOutlinedInput-root{background:rgba(0,0,0,.6)!important;color:#fff!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.MuiButton-root:focus-visible,.MuiIconButton-root:focus-visible{outline:2px solid #667eea;outline-offset:3px;border-radius:12px}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .8s ease-out}@keyframes particleExplosion{0%{transform:scale(0) rotate(0);opacity:1}20%{opacity:1;transform:scale(1.2) rotate(72deg)}50%{opacity:.8}to{transform:scale(1) rotate(360deg) translate(var(--translate-x, 50px),var(--translate-y, -50px));opacity:0}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:radial-gradient(circle,rgba(102,126,234,.6) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:ripple .6s ease-out;pointer-events:none}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99,0 0 30px #667eea66}}.glow-effect{animation:glow 2s ease-in-out infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.bounce-effect{animation:bounce 1s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.shake-effect{animation:shake .5s ease-in-out}@keyframes pulse-glow{0%{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99,0 0 30px #667eea66}to{box-shadow:0 0 5px #667eea4d}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.product-card-futuristic{position:relative;overflow:hidden}.product-card-futuristic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s;z-index:2}.product-card-futuristic:hover:before{left:100%}@keyframes particleExplosion{0%{transform:scale(0) rotate(0);opacity:1;filter:brightness(1)}20%{opacity:1;transform:scale(1.5) rotate(72deg);filter:brightness(1.5)}50%{opacity:.8;filter:brightness(1.2)}to{transform:scale(1) rotate(360deg) translate(var(--translate-x, 50px),var(--translate-y, -50px));opacity:0;filter:brightness(.5)}}.success-glow{box-shadow:0 0 20px #4caf5080!important}.error-glow{box-shadow:0 0 20px #f4433680!important}