:root .notifications-container{position:fixed!important;bottom:20px!important;right:20px!important;z-index:9999!important;display:flex!important;flex-direction:column-reverse!important;gap:10px!important;max-width:400px!important;pointer-events:none}:root .notification{display:flex!important;align-items:flex-start!important;padding:10px 15px!important;border-radius:8px!important;background-color:#fff!important;box-shadow:0 3px 10px #0000001a,0 0 0 1px #0000000d!important;animation:slideIn .3s ease forwards!important;overflow:hidden!important;position:relative!important;z-index:1!important;pointer-events:auto!important;margin-top:0!important;transform:none!important}.notification-content{flex:1}.notification-title{font-weight:600;margin-bottom:3px;font-size:14px}.notification-message{font-size:13px;color:#4a4a4a}.notification-close{font-size:20px;line-height:1;background:transparent;border:none;cursor:pointer;color:#666;padding:0 5px;margin-left:10px}.notification.success{border-left:4px solid #00C9A7}.notification.error{border-left:4px solid #FF3D71}.notification.warning{border-left:4px solid #FFB800}.notification.info{border-left:4px solid #1E86FF}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.notification.removing{animation:fadeOut .3s ease forwards}@media (max-width: 576px){.notifications-container{bottom:10px;right:10px;left:10px;max-width:calc(100% - 20px)}}body{margin:0;padding:0;overflow-x:hidden}#root{max-width:100%;width:100vw;margin:0;padding:0;text-align:left;overflow-x:hidden;background-color:#000}.app-container{min-height:100vh;position:relative;overflow:hidden}.app-container .main-content{opacity:1;transition:opacity .8s ease-in-out .6s}.app-container.blurred{filter:blur(16px);transition:filter .4s cubic-bezier(.4,0,.2,1);pointer-events:none;-webkit-user-select:none;user-select:none}.app-container{transition:filter .4s cubic-bezier(.4,0,.2,1)}.header{position:absolute;top:0;left:0;width:100%;background-color:transparent;z-index:1000;box-shadow:none;border-top:none}.header:before{display:none}.header .red-bar,.header .top-bar,.header:after{display:none}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 80px;height:80px;margin:0 auto;max-width:100%;border-top:none}.logo-container{display:flex;align-items:center;margin-right:0;margin-left:0;padding-right:0}.logo{height:30px}.main-nav{display:flex;margin:0 auto;overflow:visible}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{position:relative;margin:0 1.2rem}.nav-item>a{display:inline-block;padding:.5rem 0;text-decoration:none;color:#fff;font-size:1rem;font-weight:400;transition:all .3s;position:relative}.nav-item>a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.nav-item:hover>a:after{width:100%}.nav-item:hover>a{color:#fff}.dropdown-menu{position:absolute;top:calc(100% + 10px);left:0;background-color:#fff;box-shadow:0 10px 30px #00000026;min-width:600px;border-radius:8px;padding:2rem;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.97);transition:opacity .3s ease,transform .3s ease,visibility .3s;display:flex;overflow:hidden}.nav-item:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);display:flex}.dropdown-menu:before{content:"";position:absolute;top:-8px;left:20px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);box-shadow:-2px -2px 5px #0000000d;z-index:-1}.dropdown-column{flex:1;padding:0 1.5rem}.dropdown-column h3{font-size:1.1rem;font-weight:600;margin-bottom:1.2rem;color:#000;position:relative}.dropdown-column h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background-color:#000}.dropdown-column ul{list-style:none;margin:1rem 0 0;padding:0}.dropdown-column li{margin-bottom:.8rem}.dropdown-column li a{text-decoration:none;color:#666;font-size:.95rem;font-weight:400;transition:all .2s ease;display:block;padding:5px 0;position:relative}.dropdown-column li a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:#000;transition:width .3s ease}.dropdown-column li a:hover{color:#000;padding-left:5px}.dropdown-column li a:hover:before{width:100%}.user-actions{display:flex;align-items:center;margin-left:auto}.button-outline{border:1px solid rgba(255,255,255,.8);padding:8px 20px;margin-right:1.5rem;text-decoration:none;color:#fff;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border-radius:30px;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000001a;display:inline-flex;align-items:center;justify-content:center;z-index:1}.button-outline:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;transform:translate(-100%);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:-1}.button-outline:hover{color:#000;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.button-outline:hover:before{transform:translate(0)}.button-outline:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}@keyframes subtle-pulse{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.button-outline{animation:subtle-pulse 2s infinite}.button-outline:hover{animation:none}.login-button{text-decoration:none;color:#fff;font-size:.95rem;font-weight:500;transition:all .3s;position:relative;padding:8px 0}.login-button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.login-button:hover{color:#fff}.login-button:hover:after{width:100%}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer}@media (max-width: 1024px){.header-container{padding:0 20px}.main-nav{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background-color:#fff;transform:translate(-100%);transition:transform .3s ease;flex-direction:column;padding:2rem;overflow-y:hidden}.main-nav.active{transform:translate(0)}.nav-list{flex-direction:column}.nav-item{margin:.5rem 0}.nav-item>a{color:#333}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;min-width:auto;padding:1rem 0;flex-direction:column;display:none;border-radius:0;transition:none}.dropdown-menu:before{display:none}.nav-item.active .dropdown-menu{display:block}.dropdown-column{padding:.5rem 0}.dropdown-column h3:after{width:30px}.mobile-menu-toggle{display:block}.toggle-icon{display:block;position:relative;width:25px;height:2px;background-color:#fff}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;width:25px;height:2px;background-color:#fff;left:0}.toggle-icon:before{top:-8px}.toggle-icon:after{bottom:-8px}.logo-container{margin:0}.user-actions{display:none}}.toggle-icon,.toggle-icon:before,.toggle-icon:after{background-color:#fff}.user-menu{position:relative;margin-left:12px}.user-info{display:flex;align-items:center;background-color:#fff3;border-radius:30px;padding:6px 15px;cursor:pointer;transition:all .2s ease}.user-info:hover{background-color:#ffffff4d}.user-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px;border:2px solid rgba(255,255,255,.8)}.default-avatar{width:36px;height:36px;border-radius:50%;margin-right:10px;background-color:#666;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.user-name{color:#fff;font-weight:500}.dropdown-arrow{margin-left:8px;font-size:10px}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background-color:#fff;border-radius:8px;box-shadow:0 5px 25px #00000026;z-index:2000;opacity:0;visibility:hidden;transform:translateY(-10px) scale(.97);transition:opacity .2s ease,transform .2s ease,visibility .2s;transform-origin:top right;overflow:hidden}.user-dropdown-menu.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-info:hover+.user-dropdown-menu,.user-dropdown-menu:hover{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.user-info:hover .dropdown-arrow,.user-dropdown-menu:hover~.user-info .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu:before{content:"";position:absolute;top:-8px;right:20px;width:16px;height:16px;background-color:#fff;transform:rotate(45deg);box-shadow:-2px -2px 5px #0000000d}.user-dropdown-menu ul{list-style:none;padding:5px 0;margin:0;position:relative;background-color:#fff}.user-dropdown-menu li{border-bottom:1px solid rgba(0,0,0,.05)}.user-dropdown-menu li:last-child{border-bottom:none}.user-dropdown-menu li a,.user-dropdown-menu li button{display:block;padding:12px 20px;color:#333;text-decoration:none;font-weight:500;transition:all .2s ease;width:100%;text-align:left;background:none;border:none;cursor:pointer}.user-dropdown-menu li a:hover,.user-dropdown-menu li button:hover{background-color:#f5f5f5;padding-left:25px;color:#000}.user-dropdown-menu li:last-child button{color:#e53935}.user-dropdown-menu li:last-child button:hover{background-color:#e5393514}@media (max-width: 768px){.user-menu{position:static}.user-dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;animation:slideUp .3s ease forwards}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.user-dropdown-menu:before{display:none}}.user-profile{position:relative;cursor:pointer;padding:10px;color:#fff}.user-profile span{display:flex;align-items:center}.user-profile span:after{content:"▼";margin-left:5px;font-size:10px}.user-dropdown{display:none;position:absolute;right:0;top:40px;background-color:#fff;min-width:180px;box-shadow:0 8px 16px #0000001a;z-index:1000;border-radius:4px}.user-profile:hover .user-dropdown{display:block}.user-dropdown a,.user-dropdown button{display:block;width:100%;text-align:left;padding:12px 15px;color:#333;text-decoration:none;border-bottom:1px solid #f1f1f1}.user-dropdown a:hover,.user-dropdown button:hover{background-color:#f5f5f5}.logout-button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;width:100%;padding:12px 15px}@media (max-width: 1024px){.user-actions{display:flex!important;position:absolute;right:80px}.user-profile{margin-left:15px}}@media (max-width: 768px){.button-outline{padding:6px 15px;font-size:.9rem;margin-right:1rem}}.main-nav::-webkit-scrollbar{width:6px}.main-nav::-webkit-scrollbar-track{background:transparent}.main-nav::-webkit-scrollbar-thumb{background-color:#0003;border-radius:20px}.main-nav,.nav-list{overflow:visible!important}.footer{width:100%;color:#fff;display:flex;flex-direction:column}.footer-main{background-color:#000;padding:3rem 4rem;display:flex;justify-content:space-between}.footer-logo-disclaimer{width:40%}.footer-logo{width:100px;margin-bottom:1.5rem}.disclaimer{font-size:.8rem;line-height:1.5;color:#ffffffb3}.footer-navigation{display:flex;gap:4rem}.footer-nav-column h3{font-size:1rem;font-weight:500;margin-bottom:1.2rem}.footer-nav-column ul{list-style:none;padding:0;margin:0}.footer-nav-column li{margin-bottom:.8rem}.footer-nav-column a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-nav-column a:hover{color:#fff}.social-icons{display:flex;gap:1rem}.social-icons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff1a;border-radius:50%;color:#fff;transition:background-color .2s}.social-icons a:hover{background-color:#fff3}.footer-copyright{background-color:#000;padding:1rem 4rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.8rem;color:#fff9}@media (max-width: 768px){.footer-main{flex-direction:column;padding:2rem}.footer-logo-disclaimer{width:100%;margin-bottom:2rem}.footer-navigation{flex-direction:column;gap:2rem}.footer-copyright{padding:1rem 2rem}.footer-social-subscribe h2{font-size:1.5rem}.footer-social-icons{gap:1rem;flex-wrap:wrap}.social-icon{font-size:2rem}}.hb-hero-banner{position:relative;width:100%;height:100vh;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;padding-top:0;transition:background-image .8s ease-in-out;animation:ken-burns 20s ease-in-out infinite alternate}@keyframes ken-burns{0%{background-size:100%}to{background-size:110%}}.hb-hero-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,#000,#000000b3 40%,#0000);z-index:1;pointer-events:none}.hb-hero-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000c,#bb0a1e1a,#0006 50%,#000000e6);z-index:1;pointer-events:none;opacity:.7;animation:gradient-pulse 8s ease-in-out infinite}@keyframes gradient-pulse{0%,to{opacity:.7}50%{opacity:.5}}.hero-banner .hero-banner-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-banner .hero-banner-image img{width:100%;height:100%;object-fit:cover}.hb-hero-banner .hb-hero-content{position:absolute;z-index:2;padding:60px 80px;max-width:600px;top:47%;transform:translateY(-50%);flex:1;display:flex;flex-direction:column;justify-content:center;transition:opacity .8s ease}.hb-hero-banner .hb-hero-title,.hb-hero-banner .hb-hero-subtitle,.hb-hero-banner .hb-hero-price,.hb-hero-banner .hb-hero-description,.hb-hero-banner .hb-hero-cta{opacity:0;transform:translate(-50px)}.hb-hero-banner .hb-hero-title{font-size:42px;font-weight:500;margin-bottom:10px;animation:slideInLeft .6s .2s cubic-bezier(.25,.8,.25,1) forwards;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:-.5px;position:relative}.hb-hero-banner .hb-hero-title:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,#bb0a1e,transparent);animation:title-underline 1s .8s ease-out forwards}@keyframes title-underline{to{width:150px}}.hb-hero-banner .hb-hero-subtitle{font-size:16px;margin-bottom:20px;animation:slideInLeft .6s .4s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-hero-price{font-size:18px;margin-bottom:30px;animation:slideInLeft .6s .6s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-hero-description{font-size:16px;line-height:1.6;margin-bottom:30px;max-width:90%;animation:slideInLeft .6s .8s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-hero-cta{display:flex;gap:20px;margin-bottom:40px;animation:slideInLeft .6s 1s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-hero-dots{display:flex;gap:11px;position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:10}.hb-hero-banner .hb-btn-primary{background-color:#fff;color:#000;padding:12px 24px;text-decoration:none;border-radius:30px;font-weight:500;border:1px solid white;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;box-shadow:0 2px 10px #0000001a,0 0 #fff0;min-width:200px;text-align:center;animation:button-pulse 3s ease-in-out infinite}@keyframes button-pulse{0%,to{box-shadow:0 2px 10px #0000001a,0 0 #fff6}50%{box-shadow:0 2px 10px #0000001a,0 0 0 10px #fff0}}.hb-hero-banner .hb-btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;transform:translate(-100%);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:-1}.hb-hero-banner .hb-btn-primary:hover{color:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px #ffffff4d,0 0 30px #bb0a1e4d;animation:none}.hb-hero-banner .hb-btn-primary:hover:before{transform:translate(0)}.hb-hero-banner .hb-btn-secondary{background-color:transparent;color:#fff;padding:12px 24px;text-decoration:none;border:1px solid white;border-radius:30px;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;z-index:1;min-width:200px;text-align:center}.hb-hero-banner .hb-btn-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff3;transform:translate(-100%);transition:transform .4s cubic-bezier(.19,1,.22,1);z-index:-1}.hb-hero-banner .hb-btn-secondary:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.hb-hero-banner .hb-btn-secondary:hover:before{transform:translate(0)}.hb-hero-banner .hb-dot{width:9px;height:9px;border-radius:50%;background-color:#fff6;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent}.hb-hero-banner .hb-dot:hover{background-color:#fffc;transform:scale(1.1)}.hb-hero-banner .hb-dot.active{background-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80;border:2px solid white}.hb-hero-banner .hb-hero-specs{position:absolute;bottom:0;left:0;z-index:2;display:flex;background-color:#000000b3;width:100%;opacity:0;animation:fadeInUp .6s 1.4s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-spec-item{flex:1;text-align:center;padding:40px 20px;border-right:1px solid rgba(255,255,255,.1);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.hb-hero-banner .hb-spec-item:hover{background-color:#ffffff0d;transform:translateY(-5px);box-shadow:0 10px 30px #bb0a1e4d}.hb-hero-banner .hb-spec-item:nth-child(1){animation:fadeInUp .6s 1.6s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-spec-item:nth-child(2){animation:fadeInUp .6s 1.8s cubic-bezier(.25,.8,.25,1) forwards}.hb-hero-banner .hb-spec-item:nth-child(3){animation:fadeInUp .6s 2s cubic-bezier(.25,.8,.25,1) forwards;border-right:none}.hb-hero-banner .hb-spec-item h3{font-size:16px;font-weight:400;margin-bottom:15px;color:#ccc}.hb-hero-banner .hb-spec-value{font-size:36px;font-weight:700;margin-bottom:5px;background:linear-gradient(135deg,#fff,#bb0a1e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-text 3s ease-in-out infinite}@keyframes shimmer-text{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hb-hero-banner .hb-spec-subtext{font-size:14px;color:#ccc}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.hb-hero-banner.transitioning .hb-hero-content>*,.hb-hero-banner.transitioning .hb-hero-specs,.hb-hero-banner.transitioning .hb-spec-item{animation:fadeOutDown .5s cubic-bezier(.25,.8,.25,1) forwards}@keyframes bounceInLeft{0%{opacity:0;transform:translate(-80px)}60%{opacity:1;transform:translate(20px)}80%{transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.hb-hero-bounce-in{opacity:0;animation:bounceInLeft .9s cubic-bezier(.23,1,.32,1) forwards}.hb-hero-bounce-in-1{animation-delay:.15s}.hb-hero-bounce-in-2{animation-delay:.3s}.hb-hero-bounce-in-3{animation-delay:.45s}.hb-hero-bounce-in-4{animation-delay:.6s}.hb-hero-bounce-in-5{animation-delay:.75s}@media (max-width: 768px){.hb-hero-banner .hb-hero-content{padding:40px 20px;margin-top:0}.hb-hero-banner .hb-hero-title{font-size:32px}.hb-hero-banner .hb-hero-cta{flex-direction:column;gap:10px}.hb-hero-banner .hb-btn-primary,.hb-hero-banner .hb-btn-secondary{padding:10px 20px;min-width:unset;width:100%}.hb-hero-banner .hb-hero-specs{flex-direction:column}.hb-hero-banner .hb-spec-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.1);padding:20px}.hb-hero-banner .hb-spec-item:last-child{border-bottom:none}}.car-model-feature{position:relative;width:100%;min-height:600px;background-size:cover;background-position:center;color:#fff;overflow:hidden;padding:60px 0;display:flex;flex-direction:column;height:90vh;margin-top:100px}.car-model-feature:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,#000,#000000b3 40%,#0000);z-index:1;pointer-events:none}.car-model-feature .feature-content{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center;padding:0 20px}.car-model-feature .feature-title{font-size:36px;font-weight:500;margin-bottom:20px;opacity:0;transform:translateY(-30px);animation:slideTopToRight .8s .3s cubic-bezier(.25,.8,.25,1) forwards}.car-model-feature .feature-description{font-size:18px;line-height:1.6;margin-bottom:30px;opacity:0;transform:translateY(-30px);animation:slideTopToRight .8s .5s cubic-bezier(.25,.8,.25,1) forwards}.car-model-feature .feature-nav{display:flex;justify-content:center;gap:20px;margin-bottom:30px;opacity:0;animation:fadeInUp 1s .6s cubic-bezier(.25,.8,.25,1) forwards}.car-model-feature .nav-btn{background-color:transparent;color:#fff;padding:10px 20px;border:1px solid white;border-radius:30px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.car-model-feature .nav-btn:hover{background-color:#fff3;transform:translateY(-3px)}.car-model-feature .feature-dots{display:flex;justify-content:center;gap:15px;opacity:0;animation:fadeInUp 1s .8s cubic-bezier(.25,.8,.25,1) forwards}.car-model-feature .dot{width:14px;height:14px;border-radius:50%;background-color:#fff6;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent}.car-model-feature .dot:hover{background-color:#fffc;transform:scale(1.1)}.car-model-feature .dot.active{background-color:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80;border:2px solid white}@keyframes slideTopToRight{0%{opacity:0;transform:translateY(-30px)}60%{opacity:.7;transform:translateY(0)}to{opacity:1;transform:translate(0)}}@keyframes fadeRightToBottom{0%{opacity:1;transform:translate(0) translateY(0)}40%{opacity:.7;transform:translate(20px) translateY(0)}to{opacity:0;transform:translate(30px) translateY(20px)}}.car-model-feature.transitioning .feature-content>*,.car-model-feature.transitioning .feature-nav,.car-model-feature.transitioning .feature-dots{opacity:0;transform:translateY(30px);animation:none}@media (max-width: 768px){.car-model-feature{min-height:500px;padding:40px 0}.car-model-feature .feature-title{font-size:28px}.car-model-feature .feature-description{font-size:16px}.car-model-feature .feature-nav{flex-direction:column;gap:10px}.car-model-feature .nav-btn{padding:8px 16px}}.feature-container{position:relative;width:100%;height:100%;overflow:hidden}.feature-container:before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,#000,#000000b3 40%,#0000);z-index:5;pointer-events:none}.feature-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,#000,#000000b3 40%,#0000);z-index:5;pointer-events:none}.feature-slide{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:transform .7s cubic-bezier(.19,1,.22,1);will-change:transform}.prev-slide{z-index:0}.slide-next{animation:slideOutLeft .7s forwards cubic-bezier(.19,1,.22,1)}.slide-next-prev{animation:slideInRight .7s forwards cubic-bezier(.19,1,.22,1)}.slide-prev{animation:slideOutRight .7s forwards cubic-bezier(.19,1,.22,1)}.slide-prev-prev{animation:slideInLeft .7s forwards cubic-bezier(.19,1,.22,1)}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:.5}}@keyframes slideInRight{0%{transform:translate(100%);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.5}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:.9}to{transform:translate(0);opacity:1}}.feature-image{width:100%;height:100%;object-fit:cover;object-position:center;animation:ken-burns-zoom 15s ease-in-out infinite alternate;filter:brightness(.8);transition:filter .3s ease}.feature-image:hover{filter:brightness(1)}@keyframes ken-burns-zoom{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(20px)}}.feature-info{position:absolute;top:70%;right:10%;left:auto;transform:translateY(-50%);max-width:450px;z-index:10;text-align:left;background:linear-gradient(135deg,#000c,#bb0a1e33);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:30px;border-radius:4px;border-left:3px solid #bb0a1e;transition:opacity .3s ease,transform .3s ease,box-shadow .3s ease;opacity:0;box-shadow:0 10px 40px #0000004d}.feature-info:hover{box-shadow:0 15px 50px #bb0a1e66;transform:translateY(-50%) translate(-5px)}.feature-info h2.feature-title{opacity:0;animation:slideTopToRight .8s .3s cubic-bezier(.25,.8,.25,1) forwards}.feature-info p.feature-description{opacity:0;animation:slideTopToRight .8s .5s cubic-bezier(.25,.8,.25,1) forwards}.feature-nav-arrow{position:absolute;top:0;bottom:0;height:100%;width:150px;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:100px;z-index:10;transition:all .3s ease;border-radius:0;opacity:.7}.feature-nav-arrow span{transition:transform .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.5)}.feature-nav-prev{left:0;background:linear-gradient(to right,#000000b3,#0000)}.feature-nav-next{right:0;background:linear-gradient(to left,#000000b3,#0000)}.feature-nav-arrow:hover{color:#fff;opacity:1}.feature-nav-prev:hover span{transform:translate(-10px);animation:arrow-pulse-left 1s ease-in-out infinite}.feature-nav-next:hover span{transform:translate(10px);animation:arrow-pulse-right 1s ease-in-out infinite}@keyframes arrow-pulse-left{0%,to{transform:translate(-10px)}50%{transform:translate(-15px)}}@keyframes arrow-pulse-right{0%,to{transform:translate(10px)}50%{transform:translate(15px)}}.feature-indicators{position:absolute;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:12px;z-index:10}.indicator{width:12px;height:12px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative}.indicator:hover{background-color:#fffc;transform:scale(1.15)}.indicator.active{background-color:#efeded;transform:scale(1.3);box-shadow:0 0 15px #bb0a1ecc,0 0 30px #bb0a1e66;animation:indicator-glow 2s ease-in-out infinite}@keyframes indicator-glow{0%,to{box-shadow:0 0 15px #bb0a1ecc,0 0 30px #bb0a1e66}50%{box-shadow:0 0 20px #bb0a1e,0 0 40px #bb0a1e99}}.feature-specs{display:flex;justify-content:space-between;background-color:#000;width:100%}.feature-spec-item{flex:1;text-align:center;padding:40px 20px;border-right:1px solid rgba(255,255,255,.1)}.feature-spec-item:last-child{border-right:none}.spec-title{font-size:16px;color:#ccc;margin-bottom:15px}.spec-value{font-size:32px;font-weight:600;margin-bottom:5px}.spec-subtext{font-size:14px;color:#ccc}.animation-layer{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}.feature-slide{z-index:1}.slide-next,.slide-prev{z-index:2}.slide-next-prev,.slide-prev-prev{z-index:3}.feature-slide:not(.slide-next):not(.slide-prev) .feature-title{animation:slideTopToRight .8s .3s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide:not(.slide-next):not(.slide-prev) .feature-description{animation:slideTopToRight .8s .5s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide.slide-next .feature-title,.feature-slide.slide-prev .feature-title{animation:fadeRightToBottom .5s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide.slide-next .feature-description,.feature-slide.slide-prev .feature-description{animation:fadeRightToBottom .5s .1s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide:not(.slide-next):not(.slide-prev) .feature-info{opacity:1;animation:none;transition-delay:.3s}.feature-slide:not(.slide-next):not(.slide-prev) .feature-info .feature-title{opacity:0;animation:slideTopToRight .8s .3s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide:not(.slide-next):not(.slide-prev) .feature-info .feature-description{opacity:0;animation:slideTopToRight .8s .5s cubic-bezier(.25,.8,.25,1) forwards}.feature-slide.slide-next .feature-info,.feature-slide.slide-prev .feature-info{opacity:0;transition:opacity .3s ease;transition-delay:0s}.feature-slide.slide-next-prev .feature-info,.feature-slide.slide-prev-prev .feature-info{opacity:0;transition-delay:.2s}.feature-slideshow{position:relative;width:100%;height:100%;overflow:hidden}.feature-slide{width:100%;height:100%;position:relative;opacity:1;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;transition:opacity .4s cubic-bezier(.65,0,.35,1)}.feature-slide.fade-out{opacity:0;transition:opacity .28s cubic-bezier(.65,0,.35,1)}.feature-slide.fade-in{opacity:1;transition:opacity .4s cubic-bezier(.65,0,.35,1)}.feature-slide.fade-out.slide-left{animation:slideOutLeft .28s cubic-bezier(.65,0,.35,1) forwards}.feature-slide.fade-out.slide-right{animation:slideOutRight .28s cubic-bezier(.65,0,.35,1) forwards}.feature-slide.fade-in.slide-left{animation:slideInRight .4s cubic-bezier(.33,1,.68,1) forwards}.feature-slide.fade-in.slide-right{animation:slideInLeft .4s cubic-bezier(.33,1,.68,1) forwards}.feature-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0);backface-visibility:hidden;will-change:transform}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.brand-experience-wrapper{width:100%;overflow:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.brand-header{background:linear-gradient(135deg,#000,#1a1a1a);padding:8rem 0 6rem;text-align:center;position:relative;overflow:hidden}.brand-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(187,10,30,.1) 0%,transparent 70%);pointer-events:none}.brand-header-content{position:relative;z-index:1}.brand-tagline{display:block;font-size:.9rem;letter-spacing:.3em;text-transform:uppercase;color:#bb0a1e;margin-bottom:1.5rem;font-weight:500}.brand-title{font-size:4.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.2}.brand-subtitle{font-size:1.3rem;color:#ffffffb3;max-width:700px;margin:0 auto;line-height:1.6}.brand-header .fade-in-up{opacity:0;animation:fade-in-up .8s ease-out forwards}.brand-header.visible .fade-in-up{animation-play-state:running}.brand-header .delay-1{animation-delay:.2s}.brand-header .delay-2{animation-delay:.4s}.heritage-section{padding:8rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative}.heritage-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.heritage-content{opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.heritage-section.visible .heritage-content{opacity:1;transform:translate(0)}.section-label{display:inline-block;font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;color:#bb0a1e;margin-bottom:1rem;font-weight:600}.section-title{font-size:3.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.2}.section-description{font-size:1.1rem;color:#ffffffb3;line-height:1.8;margin-bottom:3rem}.heritage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:3rem;font-weight:700;color:#bb0a1e;line-height:1;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.heritage-visual{opacity:0;transform:translate(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94);transition-delay:.2s;text-align:center}.heritage-section.visible .heritage-visual{opacity:1;transform:translate(0)}.rings-container{display:flex;justify-content:center;gap:15px;margin-bottom:2rem;padding:3rem}.audi-ring{width:100px;height:100px;border:8px solid #ffffff;border-radius:50%;animation:pulse-ring 3s ease-in-out infinite;box-shadow:0 0 20px #ffffff4d}.audi-ring:nth-child(1){animation-delay:0s}.audi-ring:nth-child(2){animation-delay:.3s}.audi-ring:nth-child(3){animation-delay:.6s}.audi-ring:nth-child(4){animation-delay:.9s}.rings-description{font-size:.95rem;color:#fff9;font-style:italic;max-width:400px;margin:0 auto;line-height:1.6}.technology-section{padding:8rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative}.section-header-center{text-align:center;margin-bottom:5rem;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.technology-section.visible .section-header-center{opacity:1;transform:translateY(0)}.technology-section .section-title{color:#fff}.technology-section .section-description{color:#ffffffb3}.technology-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem}.tech-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:8px;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateY(30px)}.technology-section.visible .tech-card{animation:fade-in-up .8s ease-out forwards}.tech-card:hover{transform:translateY(-10px);background:#ffffff14;border-color:#bb0a1e80;box-shadow:0 20px 40px #bb0a1e33}.tech-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.tech-title{font-size:1.4rem;font-weight:500;color:#fff;margin-bottom:1rem}.tech-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin-bottom:1.5rem}.tech-stats{display:inline-block;font-size:.85rem;color:#bb0a1e;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.experience-section{padding:8rem 0;background:linear-gradient(135deg,#000,#0f0f0f);position:relative}.experience-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(187,10,30,.08) 0%,transparent 60%);pointer-events:none}.experience-section .section-header-center{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.experience-section.visible .section-header-center{opacity:1;transform:translateY(0)}.experience-section .section-title{color:#fff}.experience-section .section-description{color:#ffffffb3}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.experience-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:8px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;opacity:0;transform:scale(.95);box-shadow:0 10px 30px #0000004d}.experience-section.visible .experience-card{animation:fade-in-scale .8s ease-out forwards}.experience-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#bb0a1e,#ff0a30);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.experience-card:hover{transform:translateY(-10px);background:#ffffff14;border-color:#bb0a1e80;box-shadow:0 20px 40px #bb0a1e33}.experience-card:hover:before{transform:scaleX(1)}.experience-icon{font-size:4rem;margin-bottom:1.5rem;display:block}.experience-title{font-size:1.8rem;font-weight:500;color:#fff;margin-bottom:1rem}.experience-description{font-size:1.05rem;color:#ffffffb3;line-height:1.7;margin-bottom:1.5rem}.experience-arrow{font-size:1.5rem;color:#bb0a1e;transition:transform .3s ease;display:inline-block}.experience-card:hover .experience-arrow{transform:translate(10px)}.cta-section{padding:8rem 0;background:linear-gradient(135deg,#000,#1a1a1a);position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 30%,rgba(187,10,30,.15) 0%,transparent 60%);pointer-events:none}.cta-content{text-align:center;position:relative;z-index:1;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.cta-section.visible .cta-content{opacity:1;transform:translateY(0)}.cta-title{font-size:3.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.cta-description{font-size:1.2rem;color:#ffffffb3;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.cta-button{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;text-decoration:none;border-radius:4px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.cta-button.primary{background:linear-gradient(135deg,#bb0a1e,#ff0a30);color:#fff;border:none;box-shadow:0 10px 30px #bb0a1e4d}.cta-button.primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #bb0a1e80}.cta-button.secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-3px)}.button-icon{transition:transform .3s ease;font-size:1.2rem}.cta-button:hover .button-icon{transform:translate(5px)}@media (max-width: 1024px){.heritage-grid{grid-template-columns:1fr;gap:4rem}.rings-container{gap:10px}.audi-ring{width:70px;height:70px;border-width:6px}.technology-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}}@media (max-width: 768px){.brand-title{font-size:3rem}.section-title,.cta-title{font-size:2.5rem}.heritage-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem}.stat-number{font-size:2rem}.rings-container{gap:5px;padding:2rem 1rem}.audi-ring{width:50px;height:50px;border-width:4px}.experience-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:1rem}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.brand-header{padding:5rem 0 4rem}.brand-title{font-size:2.2rem}.section-title{font-size:2rem}.heritage-section,.technology-section,.experience-section,.cta-section{padding:5rem 0}.heritage-stats{grid-template-columns:1fr;gap:2rem}.container{padding:0 1.5rem}}.scroll-progress-bar{position:fixed;top:0;left:0;width:100%;height:3px;background-color:#ffffff1a;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#bb0a1e,#ff0a30);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 5px 20px #bb0a1e66;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);animation:bounce-in-up .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce-in-up{0%{opacity:0;transform:translateY(100px) scale(.5)}60%{opacity:1;transform:translateY(-10px) scale(1.1)}to{transform:translateY(0) scale(1)}}.scroll-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px #bb0a1e99;animation:pulse-glow 1s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px #bb0a1e99,0 0 20px #bb0a1e66}50%{box-shadow:0 10px 30px #bb0a1ecc,0 0 40px #bb0a1e99}}.scroll-to-top:active{transform:translateY(-2px) scale(1.05)}.scroll-to-top svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));animation:arrow-bounce 2s ease-in-out infinite}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.scroll-to-top{width:45px;height:45px;bottom:20px;right:20px}.scroll-progress-bar{height:2px}}@keyframes parallax-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}.parallax-element{animation:parallax-float 6s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(-45deg,#000,#1a1a1a,#bb0a1e,#000);background-size:400% 400%;animation:gradient-shift 15s ease infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer-effect:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #bb0a1e80,0 0 10px #bb0a1e4d,0 0 15px #bb0a1e33}50%{box-shadow:0 0 10px #bb0a1ecc,0 0 20px #bb0a1e99,0 0 30px #bb0a1e66}}.glow-effect{animation:glow-pulse 2s ease-in-out infinite}.flip-card{perspective:1000px;transition:transform .6s;transform-style:preserve-3d}.flip-card:hover{transform:rotateY(10deg) rotateX(5deg)}@keyframes reveal-from-left{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-from-right{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes reveal-from-bottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-scale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reveal-left{animation:reveal-from-left .8s cubic-bezier(.25,.46,.45,.94) forwards}.reveal-right{animation:reveal-from-right .8s cubic-bezier(.25,.46,.45,.94) forwards}.reveal-bottom{animation:reveal-from-bottom .8s cubic-bezier(.25,.46,.45,.94) forwards}.reveal-scale{animation:reveal-scale .8s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-element{animation:float 3s ease-in-out infinite}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(100px)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1) translateY(0)}}.bounce-in{animation:bounce-in .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes slide-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.slide-fade-in{animation:slide-fade-in .6s ease-out forwards}@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:50px;height:50px;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none}.ripple-effect:active:after{animation:ripple .6s ease-out}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(187,10,30,.5),0 0 20px rgba(187,10,30,.3)}50%{text-shadow:0 0 20px rgba(187,10,30,.8),0 0 40px rgba(187,10,30,.5),0 0 60px rgba(187,10,30,.3)}}.text-glow{animation:text-glow 2s ease-in-out infinite}@keyframes border-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-border{position:relative;border:2px solid transparent;background-clip:padding-box}.animated-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#bb0a1e,#fff,#bb0a1e);background-size:200% 200%;border-radius:inherit;z-index:-1;animation:border-flow 3s ease infinite}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse-scale{animation:pulse-scale 2s ease-in-out infinite}.parallax-layer-1,.parallax-layer-2,.parallax-layer-3{transform:translateZ(0);will-change:transform}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000004d}.hover-glow:hover{box-shadow:0 0 20px #bb0a1e99,0 0 40px #bb0a1e66;transition:box-shadow .3s ease}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}.stagger-item:nth-child(6){animation-delay:.6s}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;will-change:transform}@keyframes fade-in-up{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fade-in-up .6s ease-out}.fade-in-down{animation:fade-in-down .6s ease-out}@keyframes zoom-in{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoom-in{animation:zoom-in .5s cubic-bezier(.25,.46,.45,.94)}@keyframes slide-in-left{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes slide-in-right{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slide-in-left{animation:slide-in-left .6s ease-out}.slide-in-right{animation:slide-in-right .6s ease-out}@keyframes flip-in-x{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-20deg)}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flip-in-x{animation:flip-in-x .75s cubic-bezier(.25,.46,.45,.94)}.magnetic-element{transition:transform .2s ease}.magnetic-element:hover{transform:translate(var(--mouse-x, 0),var(--mouse-y, 0))}@keyframes blur-in{0%{filter:blur(10px);opacity:0}to{filter:blur(0);opacity:1}}.blur-in{animation:blur-in .8s ease-out}.perspective-container{perspective:1000px}.perspective-element{transform-style:preserve-3d;transition:transform .5s ease}.perspective-element:hover{transform:rotateY(15deg) rotateX(10deg)}.auth-container{display:flex;flex-direction:row;min-height:100vh;background-color:#0f172a;position:relative;overflow:hidden}.auth-video-background{width:70%;height:100vh;position:fixed;right:0;top:0;overflow:hidden;background-color:#000;z-index:0;border-radius:20px;margin:20px;max-height:calc(100vh - 40px)}.auth-video-background video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;border-radius:20px}.auth-video-background.fallback{background-image:url(../assets/audi-login.jpg);background-size:cover;background-position:center;z-index:0;border-radius:20px}.auth-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0000001a,#0000004d);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-left:5%;border-radius:20px}.auth-video-content{max-width:500px;color:#fff}.auth-video-content h1{font-size:40px;font-weight:600;margin-bottom:20px;letter-spacing:.5px}.auth-video-content p{font-size:16px;line-height:1.5;margin-bottom:25px;opacity:.9}.auth-form-section{width:29%;min-height:100vh;overflow-y:auto;background-color:transparent;position:relative;z-index:1;box-shadow:none;margin-right:20px}.auth-logo{position:absolute;top:30px;left:40px;z-index:10}.auth-logo img{height:30px}.auth-form-container{width:100%;max-width:450px;padding:16px 16px 24px;margin:60px auto 0;background:linear-gradient(180deg,#0a0e1a,#1a1f2e,#141821);border-radius:16px;color:#e5e7eb}.auth-form-container h2,.auth-form-container p,.auth-form-container .form-group label,.auth-form-container .auth-links a,.auth-form-container .auth-message,.auth-form-container .auth-success{color:#e5e7eb}.auth-form-container .form-group input,.auth-form-container .form-group select{background-color:#0f172a;color:#e5e7eb;border:1px solid #243041;box-shadow:inset 0 1px 2px #0003}.auth-form-container .form-group input::placeholder,.auth-form-container .form-group select::placeholder{color:#94a3b8}.auth-form-container .form-group input:focus,.auth-form-container .form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638;outline:none;background-color:#0f172a}.auth-form-container .form-group input:-webkit-autofill,.auth-form-container .form-group input:-webkit-autofill:hover,.auth-form-container .form-group input:-webkit-autofill:focus{-webkit-text-fill-color:#e5e7eb;-webkit-box-shadow:0 0 0px 1000px #0f172a inset;transition:background-color 5000s ease-in-out 0s}.auth-form-container .social-login p{color:#cbd5e1}.auth-form-container .auth-links a:hover{color:#fff}.auth-form-container h2{font-size:28px;font-weight:700;margin-bottom:8px;color:#333;margin-top:0}.auth-form-container p{margin-bottom:15px;color:#666;font-size:14px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:8px}.form-row{display:flex;gap:10px;width:100%}.form-group{display:flex;flex-direction:column;margin-bottom:6px;width:100%}.form-group label{margin-bottom:3px;font-weight:500;color:#333;font-size:13px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .2s;background-color:#fff;color:#333;box-shadow:none;height:auto;width:100%;box-sizing:border-box}.form-group input:focus,.form-group select:focus{border-color:#333;outline:none;box-shadow:none}.auth-error{padding:12px;background-color:#dc35451a;color:#fff;border-radius:8px;margin-bottom:20px;text-align:left;font-size:14px}.form-actions{margin:8px 0 0}.auth-button{width:100%;padding:14px;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;height:auto;box-shadow:none}.auth-button:hover{background-color:#333;transform:none;box-shadow:none}.auth-button:disabled{background-color:#999;cursor:not-allowed}.social-login p{margin:15px 0;color:#666;font-size:14px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.social-login p:before,.social-login p:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.social-login p:before{margin-right:15px}.social-login p:after{margin-left:15px}.social-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.social-button{display:flex;align-items:center;width:100%;height:38px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;font-family:Roboto,Arial,sans-serif}.social-button i,.social-button span{position:relative;z-index:2}.google{background-color:#fff;border:1px solid #dadce0;box-shadow:0 1px 2px #0000000d}.google i{position:absolute;left:16px;display:flex;align-items:center;justify-content:center;color:transparent;font-size:0}.google i:before{content:"";display:block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3Cpath fill='none' d='M0 0h48v48H0z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.google span{color:#3c4043;font-weight:500;font-size:14px;text-align:center;width:100%}.facebook{background-color:#1877f2;border:none}.facebook i{position:absolute;left:16px;color:#fff;font-size:21px}.facebook span{color:#fff;font-weight:500;font-size:14px;text-align:center;width:100%}.github{background-color:#24292f;border:none}.github i{position:absolute;left:16px;color:#fff;font-size:21px}.github span{color:#fff;font-weight:500;font-size:14px;text-align:center;width:100%}.google:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.facebook:hover{background-color:#166fe5}.github:hover{background-color:#1b1f23}.google span:before,.facebook span:before,.github span:before{display:none}.fa-google,.fa-facebook-f{font-size:20px}.fa-github{font-size:22px}.auth-links{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-top:15px;margin-bottom:80px}.auth-links a{color:#333;text-decoration:none;transition:color .2s;font-size:14px}.auth-links a:hover{color:#000;text-decoration:underline}.auth-page{padding-top:0;padding-bottom:0}@media (max-width: 992px){.auth-video-background{position:fixed;width:calc(100% - 40px);height:calc(100vh - 40px);order:2;border-radius:20px;margin:20px}.auth-form-section{width:100%;background-color:transparent;z-index:2;margin:0 20px;border-radius:20px}.auth-video-content h1{font-size:32px}.auth-video-content p{font-size:16px}.auth-logo{position:static;text-align:center;margin-bottom:30px;padding:0}}@media (max-width: 768px){.form-row{flex-direction:column;gap:16px}.auth-form-container{padding:0 15px}.auth-video-background{height:calc(30vh - 40px);margin:20px}.auth-form-section{padding:15px;margin:0 20px}.auth-form-container{padding:16px;border-radius:14px;background:linear-gradient(180deg,#0a0e1a,#1a1f2e,#141821)}}#phone,#email,#address,#password,#confirmPassword{padding:8px 12px}.auth-success{padding:12px;background-color:#28a7451a;color:#28a745;border-radius:8px;margin-bottom:20px;text-align:left;font-size:14px}.back-home-container{display:flex;justify-content:center;width:100%;font-size:14px;margin-top:12px}.back-home-button{background-color:#000;color:#fff;padding:14px;border-radius:4px;text-align:center;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s,box-shadow .2s,transform .18s;width:100%;max-width:450px;box-shadow:none;border:none}.back-home-button:hover{background-color:#333;color:#fff;transform:none;box-shadow:none}.back-home-button:active{transform:scale(.99)}.back-home-button:focus-visible{outline:none;box-shadow:0 0 0 3px #00000026}.back-home-button i{font-size:16px}@media (max-width: 1024px){.auth-container{flex-direction:column}.auth-video-background{position:relative;width:100%;height:40vh;margin:0;border-radius:0;top:0;order:-1}.auth-video-background video{border-radius:0}.auth-video-overlay{border-radius:0;padding-left:5%;align-items:center;text-align:center}.auth-video-content{text-align:center;max-width:100%;padding:0 20px}.auth-form-section{width:100%;margin:0;padding:20px;min-height:auto;display:flex;flex-direction:column;justify-content:center;order:1}.auth-logo{position:static;display:flex;justify-content:center;margin-bottom:20px}.auth-form-container{width:100%;max-width:100%;margin-top:0;padding:0 15px}}@media (max-width: 768px){.auth-video-background{height:30vh}.auth-video-content h1{font-size:28px}.auth-video-content p{font-size:14px}.form-row{flex-direction:column;gap:15px}.social-buttons{gap:10px}.social-button{height:45px}}@media (max-width: 375px){.auth-video-background{height:25vh}.auth-video-content h1{font-size:24px}.auth-video-content p{font-size:13px}.auth-form-container h2{font-size:24px}.form-group label{font-size:12px}.form-group input,.form-group select{padding:8px 10px;font-size:13px}}@keyframes slideLeftFadeIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.auth-animate-center{animation:slideDownFadeIn .8s cubic-bezier(.23,1,.32,1) both}.auth-animate-right{animation:slideLeftFadeIn .8s cubic-bezier(.23,1,.32,1) both}.auth-animate-left{animation:slideRightFadeIn .8s cubic-bezier(.23,1,.32,1) both}.auth-animate-bottom{animation:slideUpFadeIn .8s cubic-bezier(.23,1,.32,1) both}.method-selection{display:flex;flex-direction:column;gap:10px;margin-top:5px}.method-option{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #ddd;border-radius:5px;cursor:pointer;transition:all .3s ease}.method-option:hover{background-color:#f5f5f5}.method-option input[type=radio]{margin:0;cursor:pointer}.method-option span{cursor:pointer;font-size:14px}.auth-button-secondary{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;margin-top:10px;width:100%}.auth-button-secondary:hover{background-color:#5a6268}.auth-button-secondary:disabled{background-color:#6c757d;opacity:.6;cursor:not-allowed}#recaptcha-container{margin-top:10px}.avatar-upload-label{transition:box-shadow .3s}.avatar-upload-label.hover{box-shadow:0 4px 24px #1890ff2e}.avatar-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1),background .35s}.avatar-upload-label.has-avatar .avatar-upload-overlay{opacity:0}.avatar-upload-label.has-avatar.hover .avatar-upload-overlay{opacity:1}.avatar-upload-icon{color:#fff;font-size:32px;transform:scale(.8);opacity:.7;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s}.avatar-upload-icon.show{transform:scale(1.15);opacity:1}.mail-sent-video-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:12px 0}.mail-sent-video{width:220px;height:220px;object-fit:contain;background:transparent!important;mix-blend-mode:normal;filter:none;border-radius:16px}.mail-sent-message{color:#e5e7eb;font-weight:700;text-align:center}@media (max-width: 576px){.mail-sent-video{width:180px;height:180px}}.auth-button{position:relative;overflow:hidden;transition:all .3s ease}.auth-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.auth-button:active:before{width:300px;height:300px}.auth-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #3b82f666}.auth-button:disabled{opacity:.7;cursor:not-allowed}.google,.facebook,.github{transition:box-shadow .3s ease,filter .3s ease}.google:hover,.facebook:hover,.github:hover{box-shadow:0 6px 20px #00000026;filter:brightness(1.05)}.auth-links a{position:relative;transition:all .3s ease}.auth-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#3b82f6;transition:width .3s ease}.auth-links a:hover:after{width:100%}.auth-links a:hover{transform:translate(5px)}.back-home-button{transition:all .3s ease;position:relative;overflow:hidden}.back-home-button: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}.back-home-button:hover:before{left:100%}.back-home-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2563eb66}.back-home-button i{transition:transform .3s ease}.back-home-button:hover i{transform:scale(1.1)}.form-group input:not(:focus):hover,.form-group select:not(:focus):hover{border-color:#60a5fa;box-shadow:0 0 10px #3b82f633;transition:all .3s ease}.method-option{transition:all .3s ease;position:relative}.method-option:hover{transform:translate(5px)}@media (prefers-color-scheme: dark){.auth-button{box-shadow:0 4px 15px #3b82f64d}.auth-button:hover{box-shadow:0 6px 25px #3b82f680}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.my-audi-container{min-height:100vh;padding:100px 16px;max-width:1200px;margin:0 auto;background:linear-gradient(180deg,#0a0e1a,#1a1f2e,#141821);background-attachment:fixed;position:relative}.my-audi-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at 50% 0%,rgba(120,119,198,.15),transparent 50%),radial-gradient(600px circle at 100% 50%,rgba(120,119,198,.1),transparent 50%),radial-gradient(400px circle at 0% 50%,rgba(120,119,198,.08),transparent 50%);pointer-events:none;z-index:0}.my-audi-container>*{position:relative;z-index:1}.professional-header{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 24px;margin-bottom:20px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);animation:headerSlideIn .8s cubic-bezier(.4,0,.2,1)}.professional-header:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,inset 0 1px #ffffff26}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-left{display:flex;align-items:center;gap:16px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.user-avatar:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 6px 24px #667eea66}.header-info{display:flex;flex-direction:column;gap:4px}.header-title{color:#fff!important;font-weight:700!important;font-size:24px!important;margin:0!important;background:linear-gradient(135deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-subtitle{color:#fffc!important;font-size:16px;font-weight:500}.header-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:12px;height:44px;padding:0 20px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #ffffff1a}.primary-action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;height:44px;padding:0 24px;font-weight:700;box-shadow:0 4px 16px #3b82f64d;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.statistics-section{margin-bottom:20px;animation:fadeInUp .6s ease-out .3s both}.stat-card{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:.5}.stat-card:hover{transform:translateY(-4px) scale(1.02);border-color:#fff3;box-shadow:0 12px 32px #0000004d}.stat-card-primary .ant-statistic-content-value,.stat-card-success .ant-statistic-content-value,.stat-card-warning .ant-statistic-content-value,.stat-card-purple .ant-statistic-content-value{color:#3b82f6!important}.ant-statistic-title{color:#ffffffb3!important;font-weight:600!important;margin-bottom:8px!important}.controls-section{margin-bottom:20px;animation:fadeInUp .6s ease-out .4s both}.controls-card{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px}.search-input .ant-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;height:44px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-input .ant-input::placeholder{color:#ffffff80}.search-input .ant-input-search-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:0 10px 10px 0;height:44px}.filter-select .ant-select-selector,.sort-select .ant-select-selector{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:10px!important;height:44px!important}.view-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px}.professional-card{height:100%;width:100%;min-height:280px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.professional-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.professional-card:hover:before{opacity:1}.professional-card:hover{transform:translateY(-8px) rotateX(5deg);border-color:#fff3;box-shadow:0 20px 40px #0006,0 8px 16px #667eea1a}.premium-ribbon{filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.professional-info{padding:16px 18px;height:100%;display:flex;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;text-align:left}.professional-header-card{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start}.professional-title{color:#fff!important;font-weight:700!important;font-size:16px!important;margin:0!important;line-height:1.3;background:linear-gradient(135deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.model-tag{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;font-weight:600;font-size:12px;padding:4px 8px;box-shadow:0 2px 8px #3b82f64d}.date-tag{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:6px;font-weight:500;font-size:12px;padding:4px 8px}.professional-details{flex:1;margin-bottom:12px}.detail-grid{display:flex;flex-direction:column;gap:8px;width:100%}.professional-detail{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;min-height:40px;width:100%}.professional-detail:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px)}.detail-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:#ffffff1a;flex-shrink:0}.color-preview{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0003}.detail-icon-svg{color:#ffffffb3;font-size:12px}.detail-content{flex:1;min-width:0;text-align:left}.detail-label{display:block;color:#fff9!important;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px!important}.detail-value{color:#ffffffe6!important;font-weight:600;font-size:12px;margin:0!important}.professional-divider{border-color:#ffffff1a;margin:8px 0!important}.cau-hinh-footer{margin-top:auto}.professional-price{background:linear-gradient(135deg,#34d3991a,#22c55e1a);border:1px solid rgba(52,211,153,.3);border-radius:8px;padding:10px 12px;margin-bottom:8px}.price-container{text-align:center;margin-bottom:8px}.price-label{display:block;color:#34d399cc!important;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px!important}.price-value-main{color:#34d399!important;font-size:16px!important;font-weight:800!important;margin:0!important;text-shadow:0 2px 4px rgba(52,211,153,.2)}.price-progress{margin-top:6px;height:4px}.price-progress .ant-progress-bg{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;height:4px}.card-meta{display:flex;align-items:center;justify-content:center}.professional-card .ant-card-actions{background:#ffffff0a;border-top:1px solid rgba(255,255,255,.1);padding:12px 8px;margin-top:auto;display:flex;justify-content:space-around;align-items:center}.professional-card .ant-card-actions>li{margin:0;flex:1;text-align:center}.card-action-btn{background:transparent;border:none;color:#ffffffb3;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.card-action-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 2px 8px #ffffff1a}.card-action-btn.danger-btn:hover{background:#3b82f633;color:#3b82f6}.card-action-btn:active{transform:translateY(0) scale(.98)}.cau-hinh-info{padding:8px 0}.cau-hinh-header{margin-bottom:16px}.cau-hinh-title{margin-bottom:8px!important;color:#262626;font-size:16px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.cau-hinh-details{margin-bottom:16px}.detail-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.detail-item .ant-typography{margin:0}.detail-item .ant-typography:first-child{color:#595959;font-weight:500}.detail-item .ant-typography:last-child{color:#262626;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cau-hinh-price{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;background:#f6ffed;border-radius:8px;border:1px solid #b7eb8f}.price-label{color:#52c41a!important;font-size:14px}.price-value{color:#52c41a!important;font-size:16px;font-weight:600}.cau-hinh-date{text-align:center;font-size:12px}.ant-modal-content{background:#1a1f2ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 20px 40px #00000080}.ant-modal-header{background:linear-gradient(135deg,#3b82f6cc,#1d4ed8cc);border-bottom:1px solid rgba(255,255,255,.12);border-radius:20px 20px 0 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ant-modal-title{color:#fff!important;font-weight:700}.ant-modal-close{color:#fff!important}.ant-descriptions-item-label{color:#fffc!important;background:#ffffff0d!important;font-weight:600}.ant-descriptions-item-content{color:#ffffffe6!important}@media (max-width: 1200px){.my-audi-container{max-width:100%;padding:16px 12px}.header-content{flex-direction:column;text-align:center;gap:16px}.header-actions{width:100%;justify-content:center}}@media (max-width: 768px){.my-audi-container{padding:12px 8px}.professional-header{padding:16px 18px}.header-left{flex-direction:column;text-align:center;gap:12px}.header-title{font-size:20px!important}.header-actions{flex-direction:column;width:100%}.action-btn,.primary-action-btn{width:100%;justify-content:center}.controls-card{padding:12px 16px}.view-controls{justify-content:center;margin-top:12px}.professional-card{border-radius:12px;margin-bottom:12px}.professional-info{padding:12px 16px}.detail-grid{gap:10px}.professional-detail{padding:10px 12px}.list-title-section{flex-direction:column;align-items:flex-start;gap:6px}.list-price-section{justify-content:flex-start;margin-top:10px}.grid-view .ant-col{margin-bottom:12px}}@media (max-width: 480px){.my-audi-container{padding:8px 6px}.professional-header{padding:12px 14px;border-radius:12px}.user-avatar{width:44px!important;height:44px!important}.header-title{font-size:18px!important}.stat-card{padding:12px 14px}.ant-statistic-title{font-size:11px!important}.ant-statistic-content-value{font-size:16px!important}.professional-card:hover{transform:translateY(-2px)}.professional-list-item{padding:12px 14px}.list-avatar{width:44px!important;height:44px!important}}.ant-select-dropdown{background:#1a1f2ef2!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px}.ant-select-item{color:#ffffffe6!important}.ant-select-item:hover{background:#ffffff1a!important}.ant-select-item-option-selected{background:#3b82f633!important}.ant-input{color:#fff!important}.ant-input:focus{border-color:#3b82f699!important;box-shadow:0 0 0 2px #3b82f61a!important}.ant-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn:hover{transform:translateY(-1px)}.ant-btn:active{transform:translateY(0)}.ant-empty-image svg{fill:#ffffff4d}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.ant-spin-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.ant-empty{margin:48px 0}.ant-empty-description{color:#8c8c8c;font-size:16px}.ant-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px 8px 0 0}.ant-descriptions-item-label{font-weight:600;color:#262626;background:#fafafa}.ant-descriptions-item-content{color:#595959}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;height:40px;font-weight:500}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.ant-btn{border-radius:6px;height:36px;font-weight:500}.ant-tag{border-radius:4px;font-weight:500;border:none}.cau-hinh-card .ant-card-actions>li>span:hover{transform:scale(1.1)}.list-view{animation:fadeInUp .6s ease-out .6s both}.professional-list-item{background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;margin-bottom:12px;padding:16px 20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.professional-list-item:hover{transform:translateY(-2px);border-color:#fff3;box-shadow:0 8px 24px #0000004d}.list-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2)}.list-title-section{display:flex;align-items:center;justify-content:space-between;gap:16px}.list-title{color:#fff!important;font-size:16px!important;font-weight:700!important;margin:0!important}.list-tags{display:flex;gap:8px}.list-description{margin-top:8px}.list-price-section{display:flex;align-items:center;justify-content:flex-end}.list-price{color:#34d399!important;font-size:18px!important;font-weight:800!important;text-shadow:0 2px 4px rgba(52,211,153,.2)}.loading-section{padding:40px 0;animation:fadeIn .5s ease-out}.skeleton-header{display:flex;align-items:center;background:#ffffff0d;border-radius:16px;padding:24px;margin-bottom:32px}.skeleton-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;height:300px}.empty-state{padding:60px 0;text-align:center;animation:fadeInUp .6s ease-out}.professional-empty{padding:40px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.professional-empty .ant-empty-description{color:#ffffffb3!important;font-size:16px;margin-bottom:24px}.empty-action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;height:48px;padding:0 32px;font-weight:700;font-size:16px;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease}.empty-action-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #3b82f666}.settings-drawer .ant-drawer-content{background:linear-gradient(180deg,#1a1f2e,#141821)}.settings-drawer .ant-drawer-header{background:#ffffff14;border-bottom:1px solid rgba(255,255,255,.12)}.settings-drawer .ant-drawer-title{color:#fff!important;font-weight:700}.drawer-content{padding:24px 0}.setting-item{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.setting-item .ant-typography{color:#ffffffe6!important;font-weight:600;margin-bottom:8px}.order-card{height:100%;width:100%;min-height:280px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column}.order-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.order-card:hover:before{opacity:1}.order-card:hover{transform:translateY(-8px) rotateX(5deg);border-color:#fff3;box-shadow:0 20px 40px #0006,0 8px 16px #667eea1a}.order-card-header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start}.order-id{font-size:1.1rem}.order-card-content{display:flex;flex-direction:column;gap:.75rem}.order-info{padding:16px 18px;height:100%;display:flex;flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;text-align:left}.order-details{flex:1;margin-bottom:12px}.order-card .ant-card-actions{background:#ffffff0a;border-top:1px solid rgba(255,255,255,.1);padding:12px 8px;margin-top:auto;display:flex;justify-content:space-around;align-items:center}.order-card .ant-card-actions>li{margin:0;flex:1;text-align:center}.order-card .ant-card-actions button{background:transparent;border:none;color:#ffffffb3;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px}.order-card .ant-card-actions button:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px) scale(1.05);box-shadow:0 2px 8px #ffffff1a}.order-card .ant-tag{border-radius:6px;font-weight:600;padding:4px 8px}.order-card .ant-badge{display:block}.order-card .ant-badge .ant-badge-count{background:#3b82f6;box-shadow:0 2px 4px #3b82f64d}.my-audi-container .ant-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.my-audi-container .ant-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.my-audi-container .ant-card .anticon{transition:all .3s ease}.my-audi-container .ant-card:hover .anticon{transform:scale(1.1)}.order-detail-modal .ant-modal-content{border-radius:12px}.order-detail-modal .ant-descriptions-item-label{font-weight:600;color:#262626}.order-detail-modal .ant-descriptions-item-content{color:#595959}.my-audi-container .ant-empty{padding:3rem 0}.my-audi-container .ant-empty-description{color:#8c8c8c;font-size:1rem}.timeline-view{animation:fadeInUp .6s ease-out .7s both;padding:20px 0}.professional-timeline{margin-top:20px}.professional-timeline .ant-timeline-item{padding-bottom:32px}.professional-timeline .ant-timeline-item-head{background:transparent;border:2px solid;width:16px;height:16px;border-radius:50%;transition:all .3s ease}.professional-timeline .ant-timeline-item-head:hover{transform:scale(1.2);box-shadow:0 0 16px currentColor}.professional-timeline .ant-timeline-item-tail{border-left:2px solid rgba(255,255,255,.15);left:7px}.timeline-card{margin-left:16px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:12px;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-card:hover{transform:translate(8px) scale(1.02);border-color:#fff3;box-shadow:0 12px 32px #0000004d}.timeline-card-content{padding:16px 20px}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.timeline-header h4{color:#fff!important;margin:0!important;font-size:16px;font-weight:700}.timeline-details{margin-bottom:16px}.timeline-details .ant-typography{color:#ffffffe6!important;font-size:14px}.timeline-details .ant-typography[type=secondary]{color:#fff9!important}.timeline-actions{margin-bottom:16px}.timeline-progress .ant-progress-outer{margin-right:0}.timeline-progress .ant-progress-bg{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px}.order-progress{margin-top:6px;height:4px}.order-progress .ant-progress-bg{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;height:4px}.order-progress .ant-progress-text{color:#ffffffe6!important;font-weight:600;font-size:12px}.order-footer{margin-top:auto}.progress-section{margin-bottom:16px}.deposit-text{display:block;color:#fff9!important;font-size:12px;margin-top:4px!important;text-align:center}.order-footer .price-section{background:linear-gradient(135deg,#34d3991a,#22c55e1a);border:1px solid rgba(52,211,153,.3);border-radius:8px;padding:10px 12px;margin-bottom:8px}.order-footer .price-container{text-align:center;margin-bottom:8px}.order-footer .price-label{display:block;color:#34d399cc!important;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px!important}.order-footer .price-value-main{color:#34d399!important;font-size:16px!important;font-weight:800!important;margin:0!important;text-shadow:0 2px 4px rgba(52,211,153,.2)}.order-footer .card-meta{display:flex;align-items:center;justify-content:center}.order-details{flex:1;margin-bottom:20px}.order-card .professional-info{display:flex;flex-direction:column;height:100%}.order-card .professional-header-card{margin-bottom:20px}.order-card .professional-details{flex:1}.order-card .order-footer{margin-top:auto}.order-card[data-status=cho_xu_ly] .premium-ribbon{background:linear-gradient(135deg,#f59e0b,#d97706)}.order-card[data-status=da_xac_nhan] .premium-ribbon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.order-card[data-status=dang_san_xuat] .premium-ribbon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.order-card[data-status=san_sang_giao] .premium-ribbon{background:linear-gradient(135deg,#10b981,#059669)}.order-card[data-status=da_giao] .premium-ribbon{background:linear-gradient(135deg,#22c55e,#16a34a)}.order-card[data-status=da_huy] .premium-ribbon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.list-progress{margin-top:8px}.list-progress .ant-progress-bg{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px}.ant-modal{max-width:90vw}.ant-modal .ant-descriptions{background:transparent}.ant-modal .ant-descriptions-item{padding:16px}.ant-modal .ant-descriptions-item-label{width:30%;background:#ffffff0d;color:#fffc;font-weight:600;border-right:1px solid rgba(255,255,255,.1)}.ant-modal .ant-descriptions-item-content{background:transparent;color:#ffffffe6;padding-left:20px}@media (max-width: 768px){.timeline-view{padding:12px 0}.professional-timeline .ant-timeline-item{padding-bottom:24px}.timeline-card{margin-left:16px;border-radius:12px}.timeline-card:hover{transform:translate(4px) scale(1.01)}.timeline-card-content{padding:16px}.timeline-header{flex-direction:column;align-items:flex-start;gap:12px}.timeline-details .ant-col{margin-bottom:8px}.order-footer{padding:12px 0}.progress-section{margin-bottom:12px}}@media (max-width: 480px){.timeline-card{margin-left:12px}.timeline-card-content{padding:12px}.timeline-header h4{font-size:16px}.order-progress,.timeline-progress,.list-progress{margin-bottom:8px}.deposit-text{font-size:11px}}.professional-card{position:relative;overflow:hidden}.professional-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.professional-card:hover:after{left:100%}.card-action-btn{position:relative;overflow:hidden}.card-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.card-action-btn:hover:before{width:100px;height:100px}.premium-ribbon:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.1) 100%);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.professional-card:hover .premium-ribbon:before{opacity:1;animation:shimmer 2s linear infinite}.order-card[data-status=dang_san_xuat]{box-shadow:0 0 20px #8b5cf64d;animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes pulseGlow{0%{box-shadow:0 0 20px #8b5cf64d}to{box-shadow:0 0 30px #8b5cf680}}.order-card[data-status=da_giao] .professional-price{background:linear-gradient(135deg,#22c55e26,#10b98126);border:1px solid rgba(34,197,94,.4);box-shadow:0 0 16px #22c55e33}.my-audi-container{min-height:100vh;padding-bottom:80px;background:linear-gradient(180deg,#141821,#1f2633);color:#fff}.my-audi-header{background:linear-gradient(135deg,#20242ce6,#282e3ae6);border:1px solid rgba(255,255,255,.12);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px #00000038}.my-audi-header h2,.my-audi-header .ant-typography{color:#fff!important}.cau-hinh-card,.order-card{background:#ffffff14!important;border:1px solid rgba(255,255,255,.14)!important;color:#fffffff2!important;border-radius:14px;box-shadow:0 6px 16px #00000038}.cau-hinh-card:hover,.order-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.cau-hinh-card .ant-card-actions,.order-card .ant-card-actions{background:#ffffff05;border-top:1px solid rgba(255,255,255,.12)}.cau-hinh-card .ant-card-actions>li>span,.order-card .ant-card-actions button{color:#fff}.cau-hinh-card .ant-card-actions>li>span:hover,.order-card .ant-card-actions button:hover{background:#ffffff1f;color:#fff}.cau-hinh-title{color:#fff}.detail-item .ant-typography:first-child{color:#fffc}.detail-item .ant-typography:last-child{color:#fffffff2}.my-audi-container .ant-typography-secondary{color:#fffc!important}.cau-hinh-price{background:#73d13d29;border:1px solid rgba(115,209,61,.45);border-radius:12px}.price-label{color:#73d13d!important}.price-value{color:#b7eb8f!important;font-weight:700}.cau-hinh-date{color:#fff9}.order-card-header{border-bottom:1px solid rgba(255,255,255,.08)}.order-info:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.order-card .ant-badge .ant-badge-count{background:#3b82f6;box-shadow:0 2px 4px #3b82f659}.ant-modal-header{background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08);border-radius:12px 12px 0 0}.ant-modal-title,.ant-modal-close{color:#fff!important}.ant-descriptions-item-label{color:#ffffffd9;background:#ffffff0a}.ant-descriptions-item-content{color:#ffffffd9}.my-audi-container .ant-empty-description{color:#ffffffb3}.my-audi-container .ant-spin{color:#3b82f6}.my-audi-container .ant-spin-dot-item{background-color:#3b82f6}.ant-btn{border-radius:10px;height:40px;font-weight:600}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;height:44px}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 18px #3b82f64d}.profile-card{border-radius:16px;box-shadow:0 4px 20px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fa)}.profile-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.profile-card .ant-avatar{transition:all .3s ease}.profile-card:hover .ant-avatar{transform:scale(1.05)}.profile-card .ant-badge-count{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.profile-card .ant-badge-count button{transition:all .3s ease}.profile-card .ant-badge-count button:hover{transform:scale(1.1);background:#2563eb!important}.profile-card .ant-form-item-label>label{font-weight:600;color:#262626}.profile-card .ant-input,.profile-card .ant-input-password{border-radius:8px;border:2px solid #f0f0f0;transition:all .3s ease}.profile-card .ant-input:focus,.profile-card .ant-input-password:focus,.profile-card .ant-input-affix-wrapper:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.profile-card .ant-input[disabled]{background:#f5f5f5;color:#8c8c8c}.profile-card .ant-descriptions-item-label{font-weight:600;color:#262626;background:#fafafa;padding:12px 16px}.profile-card .ant-descriptions-item-content{color:#595959;padding:12px 16px}.profile-card .ant-tag{border-radius:6px;font-weight:600;padding:4px 12px;font-size:12px}.profile-card .ant-card-extra{display:flex;align-items:center;gap:8px}.profile-card .ant-card-extra button{border-radius:8px;font-weight:500;transition:all .3s ease}.profile-card .ant-card-extra button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.profile-card .ant-modal-content{border-radius:16px;overflow:hidden}.profile-card .ant-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-bottom:none}.profile-card .ant-modal-title{color:#fff!important;font-weight:600}.profile-card .ant-modal-close{color:#fff!important}.profile-card .ant-modal-body{padding:24px}.profile-card .ant-form-item-explain-error{color:#3b82f6;font-size:12px;margin-top:4px}.profile-card .ant-form-item-has-error .ant-input,.profile-card .ant-form-item-has-error .ant-input-password{border-color:#3b82f6}.profile-card .ant-form-item-has-error .ant-input:focus,.profile-card .ant-form-item-has-error .ant-input-password:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.profile-card{margin-bottom:16px}.profile-card .ant-avatar{width:80px!important;height:80px!important}.profile-card .ant-descriptions-item{padding:8px 12px}.profile-card .ant-card-extra{flex-direction:column;gap:4px}.profile-card .ant-card-extra button{width:100%}}.content-area{animation:fadeInUp .6s ease-out .5s both;padding:20px 0}.grid-view,.list-view{animation:fadeInUp .6s ease-out .6s both}.grid-view .ant-row{margin-left:-8px;margin-right:-8px;display:flex;flex-wrap:wrap}.grid-view .ant-col{padding-left:8px;padding-right:8px;margin-bottom:16px;display:flex}.professional-card,.timeline-card,.professional-list-item{will-change:transform,opacity;contain:layout style paint}.card-action-btn,.action-btn,.primary-action-btn{will-change:transform}@media (prefers-reduced-motion: reduce){.animate-card,.animate-list-item,.animate-timeline-item{animation:none}.professional-card:hover,.timeline-card:hover,.professional-list-item:hover,.card-action-btn:hover,.action-btn:hover,.primary-action-btn:hover{transform:none}}@media (prefers-contrast: high){.professional-card,.timeline-card,.professional-list-item{border-width:2px;border-color:#fff}.professional-title,.list-title,.timeline-header h4,.detail-value,.price-value-main{color:#fff!important}}.my-audi-container{max-width:none!important;width:100%!important;margin:0!important;padding-left:16px;padding-right:16px;background:linear-gradient(180deg,#141821,#1f2633);min-height:100vh}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;color:#333;overflow-x:hidden;padding-top:64px}.admin-header{background-color:#000;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;position:fixed;top:0;left:0;right:0;height:35px}.admin-logo{display:flex;align-items:center;gap:1rem}.admin-logo h1{font-size:1.25rem;margin:0}.admin-toggle-menu{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;margin-right:.5rem;border-radius:4px;transition:background-color .2s}.admin-toggle-menu:hover{background-color:#ffffff1a}.admin-user-info{display:flex;align-items:center;gap:.75rem;position:relative}.admin-user-avatar{width:36px;height:36px;border-radius:50%;background-color:#d50000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase}.admin-user-dropdown{position:relative;cursor:pointer}.admin-user-dropdown-content{position:absolute;top:100%;right:0;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:180px;z-index:1000;margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.admin-user-dropdown:hover .admin-user-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.admin-user-menu-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.5rem;color:#333;text-decoration:none;transition:background-color .2s}.admin-user-menu-item:hover{background-color:#f5f5f5}.admin-user-menu-item.logout{color:#d50000;border-top:1px solid #eee;margin-top:8px;padding-top:12px;transition:all .3s ease;position:relative;font-weight:500;justify-content:space-between}.admin-user-menu-item.logout:hover{background-color:#d5000014;padding-left:1.2rem}.admin-user-menu-item.logout .fa-sign-out-alt{color:#d50000}.logout-arrow{position:absolute;right:12px;opacity:0;transition:all .3s ease;font-size:14px}.admin-user-menu-item.logout:hover .logout-arrow{opacity:1;transform:translate(4px)}.admin-user-menu-item.logout:active{background-color:#d5000026}.admin-content{display:flex;flex:1;position:relative;height:calc(100vh - 64px);margin-top:64px}.admin-sidebar{width:240px;background-color:#222;color:#fff;min-height:100vh;height:100%;overflow-y:auto;transition:all .3s ease;position:fixed;left:0;top:0;bottom:0;z-index:10}.admin-sidebar.collapsed{width:60px}.admin-nav ul{list-style:none;padding:0;margin:70px 0 0}.admin-nav li{margin:0}.admin-nav-item{display:flex;align-items:center;padding:.75rem 1.5rem;color:#aaa;text-decoration:none;transition:all .3s ease;white-space:nowrap;overflow:hidden}.admin-nav-item:hover{background-color:#333;color:#fff}.admin-nav-item.active{background-color:#d50000;color:#fff}.admin-nav-icon{margin-right:1rem;min-width:20px;text-align:center}.admin-sidebar.collapsed .admin-nav-text{opacity:0;width:0;visibility:hidden}.admin-sidebar.collapsed .admin-nav-item{padding:.75rem;justify-content:center}.admin-sidebar.collapsed .admin-nav-icon{margin-right:0}.admin-main{flex:1;padding:2rem;overflow-y:auto;transition:all .3s ease;margin-left:240px}.admin-sidebar.collapsed+.admin-main{margin-left:60px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 15px #0000001a}.stat-card h3{margin-top:0;color:#666;font-size:.9rem;text-transform:uppercase;font-weight:500}.stat-number{font-size:2rem;font-weight:700;margin:.5rem 0;color:#222}.stat-detail{color:#666;font-size:.9rem;margin:0}.admin-recent{display:grid;grid-template-columns:1fr;gap:2rem}.admin-section{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d}.admin-section h2{margin-top:0;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.admin-section-icon{color:#d50000}.admin-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.admin-table thead th{text-align:left;padding:.75rem;border-bottom:2px solid #f0f0f0;font-weight:500;color:#666}.admin-table tbody td{padding:.75rem;border-bottom:1px solid #f0f0f0}.admin-table tbody tr:hover{background-color:#f9f9f9}.status,.priority{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.status.cancelled,.status.da_huy{background-color:#ffebee;color:#e53935}.status.delivered,.status.da_giao{background-color:#e8f5e9;color:#43a047}.status.pending,.status.cho_xu_ly{background-color:#fff8e1;color:#ffa000}.status.in-progress,.status.dang_xu_ly{background-color:#e0f7fa;color:#00acc1}.status.completed,.status.da_thanh_toan{background-color:#e8f5e9;color:#43a047}.status.da_dat_coc{background-color:#e8eaf6;color:#3949ab}.status.san_sang_giao{background-color:#f3e5f5;color:#8e24aa}.priority.high{background-color:#ffebee;color:#e53935}.priority.medium{background-color:#fff8e1;color:#ffa000}.priority.low{background-color:#e8f5e9;color:#43a047}.admin-table a{color:#d50000;text-decoration:none}.admin-table a:hover{text-decoration:underline}.view-all-link{display:inline-block;margin-top:1rem;font-size:.9rem;color:#d50000;text-decoration:none}.view-all-link:hover{text-decoration:underline}@media (min-width: 992px){.admin-recent{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.admin-dashboard{padding-top:0}.admin-header{position:relative;height:auto}.admin-content{margin-top:0}.admin-sidebar{position:relative;top:0;width:100%;height:auto;max-height:300px;min-height:auto}.admin-main{margin-left:0}.admin-sidebar.collapsed+.admin-main{margin-left:0}.admin-content{flex-direction:column;height:auto}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-nav-item{padding:.75rem 1rem}}@media (max-width: 576px){.admin-stats{grid-template-columns:1fr}.admin-header,.admin-main{padding:1rem}}.admin-charts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.chart-section{overflow:hidden}.chart-container{margin-top:1rem;height:300px;padding:1rem}.pie-chart-wrapper{display:flex;justify-content:center;align-items:center;height:100%}@media (max-width: 992px){.admin-charts{grid-template-columns:1fr}}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:#ffffffe6!important;border:1px solid #ccc!important;border-radius:4px!important;padding:10px!important;box-shadow:0 2px 5px #0000001a!important}.recharts-area-dot{fill:#d50000}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#0000001a}.recharts-legend-item-text{font-size:.9rem;color:#333}.revenue-chart{width:100%;height:300px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.chart-container{margin-top:1rem;padding:1rem}.admin-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.admin-modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.admin-modal-header h2{margin:0;font-size:1.5rem;font-weight:500}.admin-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:color .2s}.admin-modal-close:hover{color:#d50000}.admin-modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-group small{display:block;margin-top:.25rem;color:#666;font-size:.8rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto}.checkbox-group label{margin-bottom:0}.required{color:#d50000}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-save,.btn-cancel,.btn-delete,.btn-add{padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-save{background-color:#1976d2;color:#fff}.btn-save:hover{background-color:#1565c0}.btn-cancel{background-color:#f5f5f5;color:#333}.btn-cancel:hover{background-color:#e0e0e0}.btn-delete{background-color:#d50000;color:#fff}.btn-delete:hover{background-color:#b71c1c}.btn-add{background-color:#43a047;color:#fff;display:flex;align-items:center;gap:.5rem}.btn-add:hover{background-color:#388e3c}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-search{position:relative;flex:1;min-width:250px}.admin-search input{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.admin-search i{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#666}.admin-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.admin-filters select{padding:.75rem;border:1px solid #ddd;border-radius:4px;min-width:150px;font-size:.9rem}.admin-table-container{overflow-x:auto;margin-bottom:1.5rem}.admin-table th{cursor:pointer;white-space:nowrap}.admin-table th i{margin-left:.5rem;color:#1976d2}.action-buttons{display:flex;gap:.5rem;white-space:nowrap}.btn-view,.btn-edit,.btn-delete{background:none;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-view{color:#1976d2!important}.btn-edit{color:#ffa000!important}.btn-delete{color:#d50000!important}.btn-inventory{color:#1976d2!important}.admin-pagination{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:.5rem}.admin-pagination button{transition:background .22s cubic-bezier(.4,0,.2,1),color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.23,1,.32,1);box-shadow:0 1px 4px #1890ff0f;will-change:transform,box-shadow;background:#e0e0e0;color:#1976d2;border:none;border-radius:8px;font-size:16px}.admin-pagination button:hover:not(:disabled){background:#1976d2;color:#fff;box-shadow:0 4px 16px #1890ff21;transform:translateY(-2px) scale(1.08);z-index:1}.admin-pagination button:active:not(:disabled){background:#1565c0;color:#fff;transform:scale(.96);box-shadow:0 2px 8px #1890ff1a}.admin-pagination button:disabled{opacity:.5;cursor:not-allowed;background:#e0e0e0;color:#888;box-shadow:none;transform:none}.page-info{padding:0 1rem;color:#666}.loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#666;font-size:1.1rem}.error-message{padding:1rem;background-color:#d500001a;color:#d50000;border-radius:4px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.confirm-message{margin-bottom:1rem;font-size:1.1rem}.warning-message{color:#ffa000;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.user-info-section{margin-top:2rem;padding:1rem;background-color:#f5f5f5;border-radius:4px}.user-info-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333}.user-info-section p{margin:.5rem 0;color:#666}.role{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.8rem;font-weight:500}.role.admin{background-color:#e8f5e9;color:#43a047}.role.sales{background-color:#fff8e1;color:#ffa000}.role.support{background-color:#e3f2fd;color:#1976d2}.role.customer{background-color:#f5f5f5;color:#757575}.status.active{background-color:#e8f5e9;color:#43a047}.status.inactive{background-color:#ffebee;color:#e53935}.no-data{text-align:center;padding:2rem;color:#666}@media (max-width: 768px){.admin-toolbar{flex-direction:column;align-items:stretch}.admin-filters{justify-content:space-between}.admin-modal-content{max-width:95%}.form-row{flex-direction:column;gap:1.5rem}.admin-table th,.admin-table td{padding:.5rem}}.btn-add-series{margin-right:10px;background-color:#505050}.btn-add-series:hover{background-color:#333}.admin-table .price{font-weight:600}.admin-action-buttons{display:flex;gap:10px}textarea.product-description{min-height:100px;resize:vertical}textarea.product-specs{min-height:150px;font-family:monospace;white-space:pre}.product-info-section{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:4px;border-left:4px solid #d50000}.product-info-section h3{margin-top:0;color:#333;font-size:1rem;font-weight:600}.product-info-section p{margin:8px 0;color:#555}.product-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.car-category{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.car-category.sedan{background-color:#e3f2fd;color:#0d47a1}.car-category.suv{background-color:#e8f5e9;color:#1b5e20}.car-category.coupe{background-color:#fff3e0;color:#e65100}.car-category.convertible{background-color:#f3e5f5;color:#4a148c}.car-category.sportback{background-color:#fce4ec;color:#880e4f}.car-category.dien{background-color:#e0f7fa;color:#006064}.price-display{font-weight:600;color:#d50000}@media (max-width: 768px){.admin-action-buttons{flex-direction:column;width:100%}.btn-add,.btn-add-series{width:100%;margin-bottom:10px;margin-right:0}}.admin-placeholder{display:flex;justify-content:center;align-items:center;height:100%;min-height:70vh;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin-top:20px}.admin-placeholder h2{color:#666;text-align:center;font-size:1.5rem}.auth-loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#fffc;position:fixed;top:0;left:0;z-index:1000;font-size:1.5rem;color:#d50000}.auth-loading i{margin-right:10px}.btn-inventory{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;border:none;background-color:#2e7d32;color:#fff;margin:0 4px;cursor:pointer;transition:background-color .2s}.btn-inventory:hover{background-color:#1b5e20}.product-images-container{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.product-image-item,.image-wrapper{position:relative}.image-delete-btn{position:absolute;top:10px;right:10px;background-color:#ff0000b3;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s ease}.image-delete-btn:hover{background-color:#ff0000e6}.image-delete-btn i{font-size:16px}.product-image-item img{width:100%;height:100%;object-fit:cover}.image-type{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;font-size:10px;padding:2px 5px;text-align:center;text-transform:uppercase}.no-images{padding:20px;background-color:#f5f5f5;border-radius:4px;color:#757575;text-align:center;width:100%}.upload-image-section{margin-top:15px}.upload-image-section input[type=file]{display:none}.btn-upload{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;background-color:#1976d2;color:#fff!important;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-upload *{color:#fff!important}.btn-upload:hover{background-color:#1565c0;color:#fff!important}.admin-modal-large{width:800px;max-width:90vw}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftFadeIn{0%{opacity:0;transform:translate(80px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes slideRightFadeIn{0%{opacity:0;transform:translate(-80px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.admin-animate-center{animation:slideDownFadeIn .8s cubic-bezier(.23,1,.32,1) both}.admin-animate-right{animation:slideLeftFadeIn .8s cubic-bezier(.23,1,.32,1) both}.admin-animate-left{animation:slideRightFadeIn .8s cubic-bezier(.23,1,.32,1) both}.admin-animate-bottom{animation:slideUpFadeIn .8s cubic-bezier(.23,1,.32,1) both}.admin-pagination button i{color:#222!important}.ant-layout-sider{background:#f5f5f5!important}.ant-menu{background:#f5f5f5!important;border:none!important}.ant-menu-item-selected{background:#e6f7ff!important;color:#1890ff!important;border-radius:12px!important}.ant-menu-item{margin:8px 0!important;border-radius:12px!important;height:48px!important;display:flex;align-items:center}.ant-menu-item .anticon{margin-right:16px!important}.ant-menu-divider{margin:16px 0!important}.ant-menu-item,.ant-menu-submenu-title{font-size:16px!important;font-weight:400!important;letter-spacing:.01em;line-height:1.2!important;padding:0 18px!important;min-height:44px!important}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{font-size:24px!important}.ant-menu-item-selected{font-size:16px!important;font-weight:500!important}.ant-menu{padding-top:8px!important}.ant-menu-item{margin:6px 0!important}.ant-menu-item .anticon{margin-right:14px!important}.ant-menu-item,.ant-menu-submenu-title{color:#222!important}.ant-menu-item-selected{color:#1890ff!important;background:#e6f7ff!important}.ant-menu-item,.ant-menu-submenu-title{font-size:15px!important}.ant-menu-item,.ant-menu-submenu-title{font-size:14px!important;font-weight:400!important;display:flex!important;margin-left:20px!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;min-height:40px!important;height:44px!important;text-align:left!important;gap:10px}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{font-size:22px!important;margin-right:10px!important;margin-left:0!important;display:inline-block;vertical-align:middle}.ant-menu-item span,.ant-menu-submenu-title span{display:inline-block;vertical-align:middle;margin:0;width:auto;text-align:left}.ant-menu-item-selected,.ant-menu-item-active,.ant-menu-item:hover{background:transparent!important;border-radius:12px!important}.ant-menu-item-active,.ant-menu-item:hover{background:#f0f2f5!important}.ant-menu-item,.ant-menu-item-selected,.ant-menu-item-active,.ant-menu-item:hover{background-clip:padding-box!important;border:none!important;outline:none!important}.ant-layout-sider,.ant-menu{background:#f5f5f5!important}.ant-menu-item,.ant-menu-submenu-title{background:transparent!important;color:#222!important}.ant-menu-item .anticon,.ant-menu-submenu-title .anticon{color:#222!important;transition:color .2s}.ant-menu-item-selected,.ant-menu-item-active,.ant-menu-item:hover{background:#fff!important;border-radius:16px!important;color:#222!important;font-weight:600!important}.ant-menu-item-selected .anticon,.ant-menu-item-active .anticon,.ant-menu-item:hover .anticon{color:#1890ff!important}.ant-menu-item-selected span,.ant-menu-item-active span,.ant-menu-item:hover span{color:#222!important}.ant-menu-item,.ant-menu-item .anticon,.ant-menu-item span{transition:background .5s cubic-bezier(.4,0,.2,1),color .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1)}@keyframes menuItemHoverIn{0%{background:#fafafa;box-shadow:0 0 #0000;transform:scale(1)}to{background:#fff;box-shadow:0 6px 24px #00000014;transform:scale(1.04)}}@keyframes menuItemHoverOut{0%{background:#fff;box-shadow:0 6px 24px #00000014;transform:scale(1.04)}to{background:#fafafa;box-shadow:0 0 #0000;transform:scale(1)}}.ant-menu-item,.ant-menu-item-selected,.ant-menu-item-active,.ant-menu-item:hover{transition:none!important}.ant-menu-item-active,.ant-menu-item:hover,.ant-menu-item-selected{animation:menuItemHoverIn .45s cubic-bezier(.4,0,.2,1) forwards!important;z-index:2}.ant-menu-item:not(:hover):not(.ant-menu-item-selected){animation:menuItemHoverOut .45s cubic-bezier(.4,0,.2,1) forwards!important;z-index:1}.ant-menu-item-selected .anticon,.ant-menu-item-active .anticon,.ant-menu-item:hover .anticon{color:#1890ff!important;transition:color .4s cubic-bezier(.4,0,.2,1)}.ant-menu-item-selected span,.ant-menu-item-active span,.ant-menu-item:hover span{color:#222!important;transition:color .4s cubic-bezier(.4,0,.2,1)}.ant-layout-header{border-radius:0 0 18px 18px!important;background:#f5f5f5!important;margin-top:20px}.admin-section,.stat-card,.admin-table,.admin-modal-content,.ant-layout-sider,.ant-menu,.ant-layout-header{background:#f5f5f5!important}.dashboard-cards{display:flex;gap:20px;margin-bottom:24px;flex-wrap:wrap}.dashboard-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:20px;min-width:220px;max-width:320px;flex:1;display:flex;align-items:center;justify-content:space-between}.dashboard-card .dashboard-card-icon{background:#1890ff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:16px}.dashboard-card .dashboard-card-value{font-size:36px;font-weight:700}.dashboard-card .dashboard-card-label{color:#888;font-weight:600;margin-bottom:12px}.dashboard-card .dashboard-card-desc{color:#888;font-size:16px}.sidebar-toggle-btn{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px;display:block}@media (max-width: 1024px){.sidebar-toggle-btn{display:block}}.ant-layout-sider-collapsed .ant-menu-item .anticon{display:none}.btn-view,.btn-edit,.btn-delete,.btn-inventory{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:none;margin:0;padding:0;font-size:18px;background:#f5f7fa;transition:background .2s}.btn-view{background:#eaf3ff;color:#1976d2}.btn-edit{background:#fff7e6;color:#ffa000}.btn-delete{background:#fff0f0;color:#ff4d4f}.btn-inventory{background:#e0f7fa;color:#1976d2}.btn-view:hover{background:#dbeafe}.btn-edit:hover{background:#ffe0b2}.btn-delete:hover{background:#ffd6d6}.btn-inventory:hover{background:#b2ebf2}.admin-theme-root[data-theme=dark] .admin-header,.admin-theme-root[data-theme=dark] .ant-layout-sider,.admin-theme-root[data-theme=dark] .ant-menu,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .stat-card,.admin-theme-root[data-theme=dark] .admin-table,.admin-theme-root[data-theme=dark] .admin-modal-content{background:#242526!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .ant-menu-item,.admin-theme-root[data-theme=dark] .ant-menu-submenu-title{color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .ant-menu-item-selected,.admin-theme-root[data-theme=dark] .ant-menu-item-active,.admin-theme-root[data-theme=dark] .ant-menu-item:hover{background:#3a3b3c!important;color:#ffd600!important}.admin-theme-root[data-theme=dark] .dashboard-card{background:#242526!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .admin-table th,.admin-theme-root[data-theme=dark] .admin-table td{color:#e4e6eb!important;border-color:#333!important}.admin-theme-root[data-theme=dark] .admin-table tbody tr:hover{background-color:#333!important}.admin-theme-root[data-theme=dark] .ant-layout-header{background:#242526!important}.admin-theme-root[data-theme=dark]{background:#18191a!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .ant-layout,.admin-theme-root[data-theme=dark] .ant-layout-sider,.admin-theme-root[data-theme=dark] .ant-menu,.admin-theme-root[data-theme=dark] .ant-layout-header,.admin-theme-root[data-theme=dark] .admin-header,.admin-theme-root[data-theme=dark] .admin-sidebar,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .stat-card,.admin-theme-root[data-theme=dark] .dashboard-card,.admin-theme-root[data-theme=dark] .admin-table,.admin-theme-root[data-theme=dark] .admin-modal-content,.admin-theme-root[data-theme=dark] .admin-main,.admin-theme-root[data-theme=dark] .admin-content,.admin-theme-root[data-theme=dark] .admin-recent,.admin-theme-root[data-theme=dark] .admin-charts,.admin-theme-root[data-theme=dark] .chart-section,.admin-theme-root[data-theme=dark] .chart-container,.admin-theme-root[data-theme=dark] .ant-card,.admin-theme-root[data-theme=dark] .ant-card-body,.admin-theme-root[data-theme=dark] .ant-table,.admin-theme-root[data-theme=dark] .ant-table-content,.admin-theme-root[data-theme=dark] .ant-table-thead>tr>th,.admin-theme-root[data-theme=dark] .ant-table-tbody>tr>td,.admin-theme-root[data-theme=dark] .ant-table-thead,.admin-theme-root[data-theme=dark] .ant-table-tbody,.admin-theme-root[data-theme=dark] .ant-table-cell,.admin-theme-root[data-theme=dark] .ant-table-row,.admin-theme-root[data-theme=dark] .ant-table-wrapper,.admin-theme-root[data-theme=dark] .ant-table-container,.admin-theme-root[data-theme=dark] .ant-table-summary,.admin-theme-root[data-theme=dark] .ant-table-footer,.admin-theme-root[data-theme=dark] .ant-table-title,.admin-theme-root[data-theme=dark] .ant-table-header,.admin-theme-root[data-theme=dark] .ant-table-body,.admin-theme-root[data-theme=dark] .ant-table-placeholder,.admin-theme-root[data-theme=dark] .ant-table-row-level-0,.admin-theme-root[data-theme=dark] .ant-table-row-level-1,.admin-theme-root[data-theme=dark] .ant-table-row-level-2,.admin-theme-root[data-theme=dark] .ant-table-row-level-3,.admin-theme-root[data-theme=dark] .ant-table-row-level-4,.admin-theme-root[data-theme=dark] .ant-table-row-level-5,.admin-theme-root[data-theme=dark] .ant-table-row-level-6,.admin-theme-root[data-theme=dark] .ant-table-row-level-7,.admin-theme-root[data-theme=dark] .ant-table-row-level-8,.admin-theme-root[data-theme=dark] .ant-table-row-level-9,.admin-theme-root[data-theme=dark] .ant-table-row-level-10,.admin-theme-root[data-theme=dark] .ant-table-row-level-11,.admin-theme-root[data-theme=dark] .ant-table-row-level-12,.admin-theme-root[data-theme=dark] .ant-table-row-level-13,.admin-theme-root[data-theme=dark] .ant-table-row-level-14,.admin-theme-root[data-theme=dark] .ant-table-row-level-15,.admin-theme-root[data-theme=dark] .ant-table-row-level-16,.admin-theme-root[data-theme=dark] .ant-table-row-level-17,.admin-theme-root[data-theme=dark] .ant-table-row-level-18,.admin-theme-root[data-theme=dark] .ant-table-row-level-19,.admin-theme-root[data-theme=dark] .ant-table-row-level-20,.admin-theme-root[data-theme=dark] .ant-table-row-level-21,.admin-theme-root[data-theme=dark] .ant-table-row-level-22,.admin-theme-root[data-theme=dark] .ant-table-row-level-23,.admin-theme-root[data-theme=dark] .ant-table-row-level-24,.admin-theme-root[data-theme=dark] .ant-table-row-level-25,.admin-theme-root[data-theme=dark] .ant-table-row-level-26,.admin-theme-root[data-theme=dark] .ant-table-row-level-27,.admin-theme-root[data-theme=dark] .ant-table-row-level-28,.admin-theme-root[data-theme=dark] .ant-table-row-level-29,.admin-theme-root[data-theme=dark] .ant-table-row-level-30,.admin-theme-root[data-theme=dark] .ant-table-row-level-31,.admin-theme-root[data-theme=dark] .ant-table-row-level-32,.admin-theme-root[data-theme=dark] .ant-table-row-level-33,.admin-theme-root[data-theme=dark] .ant-table-row-level-34,.admin-theme-root[data-theme=dark] .ant-table-row-level-35,.admin-theme-root[data-theme=dark] .ant-table-row-level-36,.admin-theme-root[data-theme=dark] .ant-table-row-level-37,.admin-theme-root[data-theme=dark] .ant-table-row-level-38,.admin-theme-root[data-theme=dark] .ant-table-row-level-39,.admin-theme-root[data-theme=dark] .ant-table-row-level-40,.admin-theme-root[data-theme=dark] .ant-table-row-level-41,.admin-theme-root[data-theme=dark] .ant-table-row-level-42,.admin-theme-root[data-theme=dark] .ant-table-row-level-43,.admin-theme-root[data-theme=dark] .ant-table-row-level-44,.admin-theme-root[data-theme=dark] .ant-table-row-level-45,.admin-theme-root[data-theme=dark] .ant-table-row-level-46,.admin-theme-root[data-theme=dark] .ant-table-row-level-47,.admin-theme-root[data-theme=dark] .ant-table-row-level-48,.admin-theme-root[data-theme=dark] .ant-table-row-level-49,.admin-theme-root[data-theme=dark] .ant-table-row-level-50,.admin-theme-root[data-theme=dark] .ant-table-row-level-51,.admin-theme-root[data-theme=dark] .ant-table-row-level-52,.admin-theme-root[data-theme=dark] .ant-table-row-level-53,.admin-theme-root[data-theme=dark] .ant-table-row-level-54,.admin-theme-root[data-theme=dark] .ant-table-row-level-55,.admin-theme-root[data-theme=dark] .ant-table-row-level-56,.admin-theme-root[data-theme=dark] .ant-table-row-level-57,.admin-theme-root[data-theme=dark] .ant-table-row-level-58,.admin-theme-root[data-theme=dark] .ant-table-row-level-59,.admin-theme-root[data-theme=dark] .ant-table-row-level-60,.admin-theme-root[data-theme=dark] .ant-table-row-level-61,.admin-theme-root[data-theme=dark] .ant-table-row-level-62,.admin-theme-root[data-theme=dark] .ant-table-row-level-63,.admin-theme-root[data-theme=dark] .ant-table-row-level-64,.admin-theme-root[data-theme=dark] .ant-table-row-level-65,.admin-theme-root[data-theme=dark] .ant-table-row-level-66,.admin-theme-root[data-theme=dark] .ant-table-row-level-67,.admin-theme-root[data-theme=dark] .ant-table-row-level-68,.admin-theme-root[data-theme=dark] .ant-table-row-level-69,.admin-theme-root[data-theme=dark] .ant-table-row-level-70,.admin-theme-root[data-theme=dark] .ant-table-row-level-71,.admin-theme-root[data-theme=dark] .ant-table-row-level-72,.admin-theme-root[data-theme=dark] .ant-table-row-level-73,.admin-theme-root[data-theme=dark] .ant-table-row-level-74,.admin-theme-root[data-theme=dark] .ant-table-row-level-75,.admin-theme-root[data-theme=dark] .ant-table-row-level-76,.admin-theme-root[data-theme=dark] .ant-table-row-level-77,.admin-theme-root[data-theme=dark] .ant-table-row-level-78,.admin-theme-root[data-theme=dark] .ant-table-row-level-79,.admin-theme-root[data-theme=dark] .ant-table-row-level-80,.admin-theme-root[data-theme=dark] .ant-table-row-level-81,.admin-theme-root[data-theme=dark] .ant-table-row-level-82,.admin-theme-root[data-theme=dark] .ant-table-row-level-83,.admin-theme-root[data-theme=dark] .ant-table-row-level-84,.admin-theme-root[data-theme=dark] .ant-table-row-level-85,.admin-theme-root[data-theme=dark] .ant-table-row-level-86,.admin-theme-root[data-theme=dark] .ant-table-row-level-87,.admin-theme-root[data-theme=dark] .ant-table-row-level-88,.admin-theme-root[data-theme=dark] .ant-table-row-level-89,.admin-theme-root[data-theme=dark] .ant-table-row-level-90,.admin-theme-root[data-theme=dark] .ant-table-row-level-91,.admin-theme-root[data-theme=dark] .ant-table-row-level-92,.admin-theme-root[data-theme=dark] .ant-table-row-level-93,.admin-theme-root[data-theme=dark] .ant-table-row-level-94,.admin-theme-root[data-theme=dark] .ant-table-row-level-95,.admin-theme-root[data-theme=dark] .ant-table-row-level-96,.admin-theme-root[data-theme=dark] .ant-table-row-level-97,.admin-theme-root[data-theme=dark] .ant-table-row-level-98,.admin-theme-root[data-theme=dark] .ant-table-row-level-99,.admin-theme-root[data-theme=dark] .ant-card-bordered,.admin-theme-root[data-theme=dark] .ant-card-head,.admin-theme-root[data-theme=dark] .ant-card-meta,.admin-theme-root[data-theme=dark] .ant-card-meta-title,.admin-theme-root[data-theme=dark] .ant-card-meta-description,.admin-theme-root[data-theme=dark] .ant-card-actions,.admin-theme-root[data-theme=dark] .ant-card-extra,.admin-theme-root[data-theme=dark] .ant-card-cover,.admin-theme-root[data-theme=dark] .ant-card-grid,.admin-theme-root[data-theme=dark] .ant-card-loading-block,.admin-theme-root[data-theme=dark] .ant-card-loading-content,.admin-theme-root[data-theme=dark] .ant-card-loading{background:#23272f!important;color:#e4e6eb!important;box-shadow:none!important;border-color:#333!important}.admin-theme-root[data-theme=dark] .ant-btn,.admin-theme-root[data-theme=dark] .ant-btn-text,.admin-theme-root[data-theme=dark] .ant-btn-default{background:#333!important;color:#ffd600!important;border:none!important}.admin-theme-root[data-theme=dark] input,.admin-theme-root[data-theme=dark] select,.admin-theme-root[data-theme=dark] textarea{background:#18191a!important;color:#e4e6eb!important;border:1px solid #333!important}.admin-theme-root[data-theme=dark] .anticon{color:#ffd600!important}.admin-theme-root[data-theme=dark] .status,.admin-theme-root[data-theme=dark] .priority{color:#fff!important}.admin-theme-root[data-theme=dark] .recharts-wrapper,.admin-theme-root[data-theme=dark] .recharts-surface{outline:none}.admin-theme-root[data-theme=dark] .recharts-cartesian-axis-tick-value,.admin-theme-root[data-theme=dark] .recharts-legend-item-text,.admin-theme-root[data-theme=dark] .recharts-tooltip-label,.admin-theme-root[data-theme=dark] .recharts-tooltip-item-list,.admin-theme-root[data-theme=dark] .recharts-default-tooltip{color:#ffd600!important;background:#23272f!important;border-color:#333!important}.admin-theme-root[data-theme=dark] .admin-placeholder{background:#23272f!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .view-all-link{color:#ffd600!important}.admin-theme-root[data-theme=dark] *{color:#e4e6eb!important;border-color:#333!important}.admin-theme-root[data-theme=dark] .dashboard-card,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .chart-section,.admin-theme-root[data-theme=dark] .chart-container{border:1px solid #23272f!important;box-shadow:0 2px 12px #0006!important}.admin-theme-root[data-theme=dark] a,.admin-theme-root[data-theme=dark] .anticon{color:#ffd600!important}.admin-theme-root[data-theme=dark] [style*="background: #fff"],.admin-theme-root[data-theme=dark] [style*="background-color: #fff"],.admin-theme-root[data-theme=dark] [style*="background: rgb(255,255,255)"],.admin-theme-root[data-theme=dark] [style*="background-color: rgb(255,255,255)"]{background:#18191a!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] *{background:transparent!important;background-color:transparent!important;box-shadow:none!important}.admin-theme-root[data-theme=dark] .dashboard-card,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .stat-card,.admin-theme-root[data-theme=dark] .admin-table,.admin-theme-root[data-theme=dark] .admin-modal-content,.admin-theme-root[data-theme=dark] .admin-main,.admin-theme-root[data-theme=dark] .admin-content,.admin-theme-root[data-theme=dark] .admin-recent,.admin-theme-root[data-theme=dark] .admin-charts,.admin-theme-root[data-theme=dark] .chart-section,.admin-theme-root[data-theme=dark] .chart-container,.admin-theme-root[data-theme=dark] .ant-card,.admin-theme-root[data-theme=dark] .ant-card-body,.admin-theme-root[data-theme=dark] .ant-table,.admin-theme-root[data-theme=dark] .ant-table-content,.admin-theme-root[data-theme=dark] .ant-table-thead>tr>th,.admin-theme-root[data-theme=dark] .ant-table-tbody>tr>td,.admin-theme-root[data-theme=dark] .ant-table-thead,.admin-theme-root[data-theme=dark] .ant-table-tbody,.admin-theme-root[data-theme=dark] .ant-table-cell,.admin-theme-root[data-theme=dark] .ant-table-row,.admin-theme-root[data-theme=dark] .ant-table-wrapper,.admin-theme-root[data-theme=dark] .ant-table-container,.admin-theme-root[data-theme=dark] .ant-table-summary,.admin-theme-root[data-theme=dark] .ant-table-footer,.admin-theme-root[data-theme=dark] .ant-table-title,.admin-theme-root[data-theme=dark] .ant-table-header,.admin-theme-root[data-theme=dark] .ant-table-body,.admin-theme-root[data-theme=dark] .ant-table-placeholder,.admin-theme-root[data-theme=dark] .ant-card-bordered,.admin-theme-root[data-theme=dark] .ant-card-head,.admin-theme-root[data-theme=dark] .ant-card-meta,.admin-theme-root[data-theme=dark] .ant-card-meta-title,.admin-theme-root[data-theme=dark] .ant-card-meta-description,.admin-theme-root[data-theme=dark] .ant-card-actions,.admin-theme-root[data-theme=dark] .ant-card-extra,.admin-theme-root[data-theme=dark] .ant-card-cover,.admin-theme-root[data-theme=dark] .ant-card-grid,.admin-theme-root[data-theme=dark] .ant-card-loading-block,.admin-theme-root[data-theme=dark] .ant-card-loading-content,.admin-theme-root[data-theme=dark] .ant-card-loading,.admin-theme-root[data-theme=dark] .dashboard-cards,.admin-theme-root[data-theme=dark] .admin-section.chart-section,.admin-theme-root[data-theme=dark] .audi-projects,.admin-theme-root[data-theme=dark] .audi-orders-history,.admin-theme-root[data-theme=dark] .audi-dashboard-bottom,.admin-theme-root[data-theme=dark] .recharts-wrapper,.admin-theme-root[data-theme=dark] .recharts-surface{background:#18191a!important;color:#e4e6eb!important}.admin-theme-root[data-theme=dark] [style*="background: #fff"],.admin-theme-root[data-theme=dark] [style*="background-color: #fff"],.admin-theme-root[data-theme=dark] [style*="background: rgb(255,255,255)"],.admin-theme-root[data-theme=dark] [style*="background-color: rgb(255,255,255)"]{background:#18191a!important;background-color:#18191a!important;color:#e4e6eb!important;border-color:#333!important}.admin-theme-root[data-theme=dark] .dashboard-card,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .chart-section,.admin-theme-root[data-theme=dark] .chart-container{border-radius:18px!important}.admin-theme-root[data-theme=dark] input,.admin-theme-root[data-theme=dark] select,.admin-theme-root[data-theme=dark] textarea,.admin-theme-root[data-theme=dark] .ant-input,.admin-theme-root[data-theme=dark] .ant-select-selector{background:#23272f!important;color:#e4e6eb!important;border:1px solid #333!important}.admin-theme-root[data-theme=dark] .recharts-wrapper,.admin-theme-root[data-theme=dark] .recharts-surface,.admin-theme-root[data-theme=dark] .recharts-tooltip-wrapper,.admin-theme-root[data-theme=dark] .recharts-default-tooltip{background:#23272f!important;color:#ffd600!important}.admin-theme-root[data-theme=dark] a,.admin-theme-root[data-theme=dark] .anticon,.admin-theme-root[data-theme=dark] .highlight,.admin-theme-root[data-theme=dark] .admin-section h2,.admin-theme-root[data-theme=dark] .dashboard-card .dashboard-card-label,.admin-theme-root[data-theme=dark] .dashboard-card .dashboard-card-value,.admin-theme-root[data-theme=dark] .admin-table th,.admin-theme-root[data-theme=dark] .stat-number,.admin-theme-root[data-theme=dark] .audi-orders-title,.admin-theme-root[data-theme=dark] .audi-projects-title,.admin-theme-root[data-theme=dark] .audi-orders-sub,.admin-theme-root[data-theme=dark] .audi-projects-sub,.admin-theme-root[data-theme=dark] .view-all-link,.admin-theme-root[data-theme=dark] .status,.admin-theme-root[data-theme=dark] .priority,.admin-theme-root[data-theme=dark] .admin-section .section-title,.admin-theme-root[data-theme=dark] .admin-section .section-header,.admin-theme-root[data-theme=dark] .admin-section .section-label,.admin-theme-root[data-theme=dark] .admin-section .section-highlight,.admin-theme-root[data-theme=dark] .admin-section .highlight,.admin-theme-root[data-theme=dark] .admin-section .yellow,.admin-theme-root[data-theme=dark] .admin-section .orange,.admin-theme-root[data-theme=dark] .admin-section .gold,.admin-theme-root[data-theme=dark] .admin-section .important,.admin-theme-root[data-theme=dark] .admin-section .title,.admin-theme-root[data-theme=dark] .admin-section .subtitle,.admin-theme-root[data-theme=dark] .admin-section .number,.admin-theme-root[data-theme=dark] .admin-section .value,.admin-theme-root[data-theme=dark] .admin-section .amount,.admin-theme-root[data-theme=dark] .admin-section .percent,.admin-theme-root[data-theme=dark] .admin-section .order-history-title,.admin-theme-root[data-theme=dark] .admin-section .order-history-item,.admin-theme-root[data-theme=dark] .admin-section .order-history-status,.admin-theme-root[data-theme=dark] .admin-section .order-history-date{color:#ffd600!important}.admin-theme-root[data-theme=dark] .admin-section .orange,.admin-theme-root[data-theme=dark] .admin-section .important,.admin-theme-root[data-theme=dark] .admin-section .subtitle,.admin-theme-root[data-theme=dark] .admin-section .percent{color:#ffa726!important}.admin-theme-root[data-theme=dark] th,.admin-theme-root[data-theme=dark] .admin-table th,.admin-theme-root[data-theme=dark] .dashboard-card-value,.admin-theme-root[data-theme=dark] .stat-number,.admin-theme-root[data-theme=dark] .admin-section .number,.admin-theme-root[data-theme=dark] .admin-section .value,.admin-theme-root[data-theme=dark] .admin-section .amount,.admin-theme-root[data-theme=dark] .status,.admin-theme-root[data-theme=dark] .priority,.admin-theme-root[data-theme=dark] .badge,.admin-theme-root[data-theme=dark] .label,.admin-theme-root[data-theme=dark] a,.admin-theme-root[data-theme=dark] .view-all-link,.admin-theme-root[data-theme=dark] .ant-menu-item,.admin-theme-root[data-theme=dark] .ant-menu-submenu-title{color:#ffd600!important}.admin-theme-root[data-theme=dark] .ant-menu-item-selected,.admin-theme-root[data-theme=dark] .ant-menu-item-active,.admin-theme-root[data-theme=dark] .ant-menu-item:hover{background:#23272f!important;color:#ffd600!important;font-weight:600!important;border-radius:16px!important}.admin-theme-root[data-theme=dark] .ant-menu-item-selected .anticon,.admin-theme-root[data-theme=dark] .ant-menu-item-active .anticon,.admin-theme-root[data-theme=dark] .ant-menu-item:hover .anticon,.admin-theme-root[data-theme=dark] .ant-menu-item-selected span,.admin-theme-root[data-theme=dark] .ant-menu-item-active span,.admin-theme-root[data-theme=dark] .ant-menu-item:hover span{color:#ffd600!important}.admin-theme-root[data-theme=dark] .ant-menu-item,.admin-theme-root[data-theme=dark] .ant-menu-submenu-title{background:#23272f!important;color:#ffd600!important;border-color:#ffd600!important}.admin-theme-root[data-theme=dark] .admin-docs-box{background:#ffd600!important;color:#23272f!important;border-radius:12px;padding:24px 20px;text-align:center}.admin-theme-root[data-theme=dark] .admin-docs-box .anticon,.admin-theme-root[data-theme=dark] .admin-docs-box span,.admin-theme-root[data-theme=dark] .admin-docs-box .ant-typography{color:#23272f!important}.admin-theme-root[data-theme=dark] .admin-docs-box button{background:#fff!important;color:#23272f!important;font-weight:700;border:none!important}.admin-theme-root[data-theme=dark] .btn-view,.admin-theme-root[data-theme=dark] .btn-edit,.admin-theme-root[data-theme=dark] .btn-delete,.admin-theme-root[data-theme=dark] .btn-inventory,.admin-theme-root[data-theme=dark] .btn-view .anticon,.admin-theme-root[data-theme=dark] .btn-edit .anticon,.admin-theme-root[data-theme=dark] .btn-delete .anticon,.admin-theme-root[data-theme=dark] .btn-inventory .anticon{color:inherit!important}.admin-theme-root[data-theme=dark] .admin-table,.admin-theme-root[data-theme=dark] .admin-section,.admin-theme-root[data-theme=dark] .admin-header{color:#e4e6eb!important}.admin-theme-root[data-theme=dark] .btn-view .anticon,.admin-theme-root[data-theme=dark] .btn-edit .anticon,.admin-theme-root[data-theme=dark] .btn-delete .anticon,.admin-theme-root[data-theme=dark] .btn-inventory .anticon{color:#1976d2!important}.admin-theme-root[data-theme=dark] .btn-inventory .anticon,.admin-theme-root[data-theme=dark] .btn-view .anticon{color:#1976d2!important}.admin-theme-root[data-theme=dark] .btn-edit .anticon{color:#ffa000!important}.admin-theme-root[data-theme=dark] .btn-delete .anticon{color:#d50000!important}.admin-theme-root[data-theme=dark] .btn-inventory .anticon{color:#1976d2!important}.admin-theme-root[data-theme=dark] .dashboard-card-value1111111{background:#2b364e!important}.admin-section-icon .fas.fa-gift{color:#e91e63}.admin-section-icon .fas.fa-chart-line{color:#4caf50}@media (max-width: 768px){.chart-container{height:250px}}.ant-menu-item:hover .anticon,.ant-menu-item-selected .anticon{color:#43a047!important}.admin-section table tbody tr{transition:background .32s cubic-bezier(.4,0,.2,1),color .32s cubic-bezier(.4,0,.2,1),box-shadow .32s cubic-bezier(.4,0,.2,1),border-radius .32s cubic-bezier(.4,0,.2,1),margin .32s cubic-bezier(.4,0,.2,1);border-radius:28px;background:#fff;box-shadow:none;z-index:1;position:relative}.admin-section table tbody tr:not(:last-child){margin-bottom:12px;display:table-row}.admin-section table tbody tr:hover,.admin-section table tbody tr:focus,.admin-section table tbody tr.active{background:#fff!important;color:#222!important;box-shadow:0 4px 24px #1890ff14;border-radius:28px;z-index:2}.admin-section table thead th{background:#f5f7fa;color:#1976d2;font-weight:700;letter-spacing:.01em;border-bottom:2px solid #e3e8ee;font-size:15px}.admin-section input:focus,.admin-section select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1f;outline:none;background:#f0f7ff;transition:box-shadow .2s,border-color .2s}.btn-add,.btn-save,.btn-cancel,.btn-delete{transition:background .18s,color .18s,box-shadow .18s,transform .18s;box-shadow:0 2px 8px #1890ff14}.btn-add:active,.btn-save:active,.btn-cancel:active,.btn-delete:active{transform:scale(.97)}.admin-modal .admin-modal-content{animation:modalPopIn .45s cubic-bezier(.23,1,.32,1)}@keyframes modalPopIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{border-radius:8px 8px 0 0;background:linear-gradient(90deg,#1890ff,#43a047);color:#fff;box-shadow:0 2px 8px #1890ff14}.admin-modal-header h2{color:#fff;font-weight:700;letter-spacing:.01em}.admin-modal-close{transition:color .2s,transform .18s}.admin-modal-close:hover{color:#ff4d4f;transform:rotate(90deg) scale(1.2)}.form-group label,.form-row .form-group label{font-weight:600;color:#1976d2;letter-spacing:.01em}.form-actions button{margin-right:8px}.admin-pagination button{transition:background .18s,color .18s,transform .18s}.admin-pagination button:active{transform:scale(.95)}.admin-modal{box-shadow:0 8px 32px #1890ff1f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-section{animation:fadeInSection .7s cubic-bezier(.23,1,.32,1)}@keyframes fadeInSection{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-section table{scrollbar-width:thin;scrollbar-color:#1890ff #f5f7fa}.admin-section table::-webkit-scrollbar{height:8px;background:#f5f7fa}.admin-section table::-webkit-scrollbar-thumb{background:#1890ff;border-radius:4px}.admin-section table tbody tr.selected{background:#e3f2fd!important;box-shadow:0 2px 12px #1890ff1f}@keyframes tableRowFadeInDown{0%{opacity:0;transform:translateY(-32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table-row-animate{animation:tableRowFadeInDown .55s cubic-bezier(.23,1,.32,1) both}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.table-row-fadein{animation:tableRowFadeIn .45s cubic-bezier(.23,1,.32,1) both}.admin-section table{border-collapse:separate;border-spacing:0 12px}.admin-section table tbody tr{transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1);border-radius:24px;background:#fff;box-shadow:none;z-index:1;position:relative}.admin-section table tbody tr:hover,.admin-section table tbody tr:focus,.admin-section table tbody tr.active{background:#fff!important;color:#222!important;box-shadow:0 4px 24px #1890ff14;border-radius:24px;z-index:2}.product-hover-image{background:#fff;box-shadow:0 8px 32px #1890ff2e;border-radius:16px;padding:8px;animation:fadeInImg .18s cubic-bezier(.23,1,.32,1);will-change:transform}.product-hover-image img{width:140px;height:90px;object-fit:cover;border-radius:12px;display:block}@keyframes fadeInImg{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.avatar-upload-label{position:relative;cursor:pointer;transition:all .3s ease}.avatar-upload-label.has-avatar{border:2px solid #43a047}.avatar-upload-label.hover{transform:scale(1.05);box-shadow:0 4px 20px #1890ff33!important}.avatar-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:10px}.avatar-upload-icon{color:#fff;font-size:24px;opacity:0;transition:opacity .3s ease}.avatar-upload-label:hover .avatar-upload-icon,.avatar-upload-icon.show{opacity:1}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftFadeIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideRightFadeIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-animate-center{animation:slideDownFadeIn .6s ease-out}.auth-animate-right{animation:slideRightFadeIn .6s ease-out}.auth-animate-left{animation:slideLeftFadeIn .6s ease-out}.auth-animate-bottom{animation:slideUpFadeIn .6s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.success-animation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-animation-content{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:fadeInScale .3s ease-out}.success-video{width:120px;height:120px;margin-bottom:24px;border-radius:50%;object-fit:cover}.success-message{font-size:18px;font-weight:600;color:#52c41a;margin-bottom:16px;line-height:1.4}.success-info{font-size:14px;color:#666;margin-top:16px;padding:12px 16px;background:#f6ffed;border-radius:8px;border:1px solid #b7eb8f}.success-info i{margin-right:8px;color:#52c41a}.banh-xe-container{margin-top:16px}.banh-xe-item{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12;padding:20px;margin-bottom:16px}.banh-xe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.banh-xe-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.banh-xe-specs{color:#6b7280;font-size:14px;background:#f3f4f6;padding:4px 12px;border-radius:6px}.banh-xe-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-bottom:16px}.banh-xe-image-item{text-align:center}.banh-xe-image-item .image-wrapper{position:relative;margin-bottom:8px}.banh-xe-image-item .image-delete-btn{position:absolute;top:8px;right:8px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:2}.banh-xe-image-item .image-delete-btn:hover{background:#ff7875}.banh-xe-image-item .image-type{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px;display:inline-block}.upload-banh-xe-section{border-top:1px solid #e5e7eb;padding-top:16px}.no-banh-xe{text-align:center;padding:40px 20px;color:#6b7280}.no-banh-xe p{margin:0 0 16px;font-size:16px}.btn-add-banh-xe{background:#1890ff;color:#fff;border:none;border-radius:8px;padding:"10px 20px";font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 8px #1890ff1a}.btn-add-banh-xe:hover{background:#40a9ff}@media (max-width: 768px){.banh-xe-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.banh-xe-header{flex-direction:column;align-items:flex-start;gap:8px}.upload-banh-xe-section>div{flex-direction:column;align-items:stretch}}.support-glass-card{background:#ffffffdb!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:18px;box-shadow:0 12px 36px #1f29371a;padding:24px 24px 16px;border:1px solid rgba(17,24,39,.06)}.support-primary-btn,.support-ghost-btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;border:none;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.support-primary-btn{background:#1890ff;color:#fff;box-shadow:0 6px 18px #1890ff47}.support-primary-btn:hover{background:#40a9ff;transform:translateY(-1px)}.support-primary-btn:active{transform:translateY(0)}.support-ghost-btn{background:#e8edf4;color:#0f172a}.support-ghost-btn:hover{background:#dde5ef;transform:translateY(-1px)}.support-ghost-btn:active{transform:translateY(0)}.support-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 18px}.support-kpi-card{background:linear-gradient(180deg,#fff,#f7fafc);border:1px solid #edf2f7;border-radius:14px;padding:14px 16px;box-shadow:0 6px 20px #1118270f;transition:transform .2s ease,box-shadow .2s ease}.support-kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1118271a}.support-kpi-title{color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.support-kpi-value{color:#0f172a;font-size:22px;font-weight:800;margin-top:6px}.support-kpi-trend{color:#10b981;font-weight:700;font-size:12px}@media (max-width: 992px){.support-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 576px){.support-kpi-grid{grid-template-columns:1fr}}.support-table thead th{background:#f5f7fa!important;color:#0f172a!important}.support-table tbody tr{animation:tableRowFadeIn .45s cubic-bezier(.23,1,.32,1) both}.support-table tbody tr:hover{box-shadow:0 6px 24px #1890ff1f!important}.dashboard-cards{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;padding:0 15px;justify-content:space-between;transition:padding .2s;margin-left:30px}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014;padding:20px 48px 20px 28px;min-width:280px;max-width:100%;flex:1 1 320px;display:flex;align-items:center;position:relative;overflow:visible;transition:box-shadow .2s,transform .2s;cursor:pointer}.dashboard-card:hover{box-shadow:0 8px 32px #1890ff2e;transform:translateY(-4px) scale(1.02)}.dashboard-card .anticon{transition:font-size .2s}.dashboard-card .anticon{font-size:28px}.dashboard-card .dashboard-card-icon{background:linear-gradient(135deg,#1890ff 60%,#43a047);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;position:absolute;right:-26px;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #1890ff26}.admin-section.chart-section{margin-bottom:20px!important;padding:20px!important}.dashboard-charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:24px;margin-bottom:32px;height:1200px;padding:0 32px}.dashboard-chart-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;transition:all .3s ease}.dashboard-chart-item:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.dashboard-chart-content{padding:32px 40px;flex:1;display:flex;align-items:center;justify-content:center}.dashboard-chart-footer{padding:28px 40px 36px;position:relative;overflow:hidden}.dashboard-chart-title{font-weight:700;fontSize:24px;color:#1e293b;margin:0;letterSpacing:-.5px}.dashboard-chart-subtitle{color:#64748b;fontSize:15px;margin:0;lineHeight:1.5}@media (max-width: 1366px) and (min-width: 1025px){.dashboard-charts-grid{height:1000px;gap:20px;padding:0 24px}.dashboard-chart-content{padding:28px 32px}.dashboard-chart-footer{padding:24px 32px 28px}.dashboard-chart-title{fontSize:20px}.dashboard-chart-subtitle{fontSize:14px}}@media (max-width: 1024px) and (min-width: 769px){.dashboard-charts-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto;gap:18px;padding:0 20px}.dashboard-chart-item{min-height:400px;border-radius:14px}.dashboard-chart-content{padding:24px 28px;min-height:200px}.dashboard-chart-footer{padding:20px 28px 24px}.dashboard-chart-title{fontSize:18px}.dashboard-chart-subtitle{fontSize:13px}.dashboard-chart-footer .stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;gap:12px!important}.dashboard-chart-footer .stats-item{padding:12px 8px!important;font-size:18px!important}.dashboard-chart-footer .stats-label{fontSize:11px!important}}@media (max-width: 768px){.dashboard-charts-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);height:auto;gap:16px;padding:0 16px;margin-bottom:24px}.dashboard-chart-item{min-height:350px;border-radius:12px;box-shadow:0 2px 12px #00000014}.dashboard-chart-content{padding:20px 24px;min-height:180px}.dashboard-chart-footer{padding:16px 24px 20px}.dashboard-chart-title{fontSize:16px;marginBottom:4px}.dashboard-chart-subtitle{fontSize:12px;lineHeight:1.4}.dashboard-chart-footer .stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:16px!important}.dashboard-chart-footer .stats-item{padding:10px 8px!important;text-align:center!important;border-radius:12px!important}.dashboard-chart-footer .stats-value{fontSize:16px!important;font-weight:700!important;margin-bottom:2px!important}.dashboard-chart-footer .stats-label{fontSize:10px!important;font-weight:500!important}.dashboard-chart-footer .legend-container{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important}.dashboard-chart-footer .legend-item{fontSize:11px!important}.dashboard-chart-footer .legend-dot{width:8px!important;height:8px!important}.dashboard-chart-footer .chart-badge{padding:4px 8px!important;fontSize:10px!important;border-radius:12px!important}.dashboard-chart-footer .chart-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important}.dashboard-chart-footer .chart-header-left{width:100%!important}.dashboard-chart-footer .chart-header-right{align-self:flex-end!important}}@media (max-width: 480px){.dashboard-charts-grid{padding:0 12px;gap:12px}.dashboard-chart-item{min-height:320px;border-radius:10px}.dashboard-chart-content{padding:16px 20px;min-height:160px}.dashboard-chart-footer{padding:12px 20px 16px}.dashboard-chart-title{fontSize:14px}.dashboard-chart-subtitle{fontSize:11px}.dashboard-chart-footer .stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.dashboard-chart-footer .stats-item{padding:8px 6px!important}.dashboard-chart-footer .stats-value{fontSize:14px!important}.dashboard-chart-footer .stats-label{fontSize:9px!important}}@media (max-width: 1024px){.dashboard-cards{gap:16px;padding:0 10px}.dashboard-card{min-width:180px;padding:14px 10px;border-radius:14px;font-size:15px;margin-bottom:16px}.dashboard-card .dashboard-card-icon{width:36px;height:36px;right:-12px}.dashboard-card .anticon{font-size:18px}.admin-section.chart-section{margin-bottom:16px!important;padding:14px!important}}@media (max-width: 600px){.dashboard-cards{flex-direction:column;gap:10px;padding:0 4px;align-items:center;margin-bottom:10px}.dashboard-card{min-width:0;max-width:360px;width:100%;margin:0 auto 10px;padding:8px;font-size:13px;border-radius:14px;box-sizing:border-box}.dashboard-card .dashboard-card-icon{width:28px;height:28px;font-size:14px}.dashboard-card .anticon{font-size:14px}.admin-section.chart-section{margin-bottom:10px!important;padding:8px!important}}.hamburger-btn{transition:all .2s ease}.hamburger-btn:hover{background:#1890ff1a!important;color:#1890ff!important}.hamburger-btn:active{transform:scale(.95)}@media (max-width: 1024px){.hamburger-btn{padding:8px 12px!important;font-size:28px!important}}@media (max-width: 768px){.hamburger-btn{padding:6px 10px!important;font-size:26px!important}}.audi-dashboard-bottom{display:flex;margin-top:-70px;gap:22px;margin-left:10px;padding:0 32px 32px;flex-wrap:wrap;align-items:stretch;min-width:900px;overflow-x:auto}.audi-projects,.audi-orders-history{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014;padding:24px 24px 16px;flex:2;min-width:320px;max-width:1100px;margin-bottom:24px}.audi-orders-history{flex:1.1;min-width:260px;max-width:400px;padding:24px 18px 16px;display:flex;flex-direction:column;align-items:flex-start;height:100%}.audi-projects-header,.audi-orders-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.audi-projects-title,.audi-orders-title{font-size:20px;font-weight:700;color:#1a1a1a}.audi-projects-sub,.audi-orders-sub{color:#6b7280;font-size:15px;margin-top:2px}.audi-projects-progress,.audi-orders-progress{color:#1890ff;font-weight:700;margin-left:4px}.audi-projects-tabs{display:flex;gap:8px}.audi-projects-tabs button{background:#f5f5f5;border:none;border-radius:8px;padding:6px 16px;font-weight:600;color:#222;cursor:pointer;transition:background .2s}.audi-projects-tabs button.active,.audi-projects-tabs button:hover{background:#1890ff;color:#fff}.audi-projects-table{width:100%;margin-top:8px}.audi-projects-row{display:flex;align-items:center;min-height:56px}.audi-projects-row>div{display:flex;align-items:center;min-width:120px}.audi-projects-row-head{font-weight:700;color:#6b7280;border-bottom:2px solid #e5e7eb;background:#f9fafb}.audi-projects-row-head{display:flex;align-items:center;font-weight:700;background:#fafbfc}.audi-projects-row-head>div{min-width:120px;text-align:center}.audi-car-logo{width:48px;height:36px;object-fit:cover;border-radius:8px;margin-right:12px;flex-shrink:0}.audi-members{min-width:140px;display:flex;align-items:center;justify-content:flex-start;position:relative}.audi-members img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 8px #00000014}.audi-members img:first-child{margin-left:0}.staff-avatar{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .2s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-transform:uppercase;font-size:12px;color:#fff}.staff-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #1890ff4d;z-index:10;position:relative}.staff-avatar:first-child{margin-left:0}.staff-avatar-container{position:relative;display:inline-block;z-index:1}.staff-avatar-container:hover{z-index:10}.staff-avatar-container:hover .staff-avatar{transform:scale(1.15);box-shadow:0 6px 20px #1890ff66}.staff-avatar-container:hover .staff-info-tooltip{opacity:1;visibility:visible;transform:translateY(-8px) translate(-50%)}.staff-info-tooltip{position:absolute;bottom:100%;left:50%;transform:translateY(-5px) translate(-50%);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 8px 25px #00000040;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;z-index:1000;pointer-events:none}.staff-info-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1a1a1a}.staff-name{font-weight:600;font-size:13px;margin-bottom:2px;color:#fff}.staff-role{font-size:11px;color:#fffc;font-weight:400}.audi-progress-bar{background:#e5e7eb;border-radius:8px;width:70px;height:8px;margin-right:8px;display:inline-block;vertical-align:middle;overflow:hidden}.audi-progress-bar>div{background:linear-gradient(90deg,#1890ff 60%,#10b981);height:100%;border-radius:8px;transition:width .4s}.audi-progress-cancel{color:#e53935;font-weight:700;font-size:15px;margin-left:8px}.audi-upload-row{padding:12px 0 0;text-align:center;color:#888;font-size:15px;cursor:pointer;border-top:1px dashed #e5e7eb;margin-top:10px}.audi-orders-timeline{margin:18px 0 12px;width:100%}.audi-order{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.audi-order-success .audi-order-dot{background:#10b981}.audi-order-dot{width:12px;height:12px;border-radius:50%;margin-top:6px;background:#1890ff;flex-shrink:0}.audi-order-dot-info{background:#1890ff}.audi-order-dot-cancel{background:#e53935}.audi-order-title{font-weight:600;color:#222;font-size:15px}.audi-order-date{color:#6b7280;font-size:13px;margin-top:2px}.audi-orders-btn{width:100%;background:#1890ff;color:#fff;border:none;border-radius:10px;padding:10px 0;font-size:15px;font-weight:600;margin-top:8px;cursor:pointer;transition:background .2s}.audi-orders-btn:hover{background:#1765ad}@media (max-width: 1024px){.audi-dashboard-bottom{flex-direction:column;gap:18px;margin:0 8px 18px;align-items:stretch}.audi-projects,.audi-orders-history{min-width:320px;max-width:100%;border-radius:14px;padding:12px 8px 8px;height:auto!important}}@media (max-width: 600px){.audi-dashboard-bottom{flex-direction:column;gap:10px;margin:0 2px 10px}.audi-projects,.audi-orders-history{min-width:0;max-width:100%;border-radius:8px;padding:6px 2px 4px}.audi-projects-row,.audi-projects-row-head{font-size:13px;padding:6px 0}.audi-members{min-width:100px}.audi-members img{width:22px;height:22px}.staff-avatar{width:22px!important;height:22px!important;font-size:10px!important}.audi-progress-bar{width:40px;height:6px}.audi-orders-btn{font-size:13px;padding:7px 0}.audi-car-logo{width:32px;height:32px}}.admin-theme-root[data-theme=dark] .dashboard-card,.admin-theme-root[data-theme=dark] .audi-projects,.admin-theme-root[data-theme=dark] .audi-orders-history,.admin-theme-root[data-theme=dark] .admin-section.chart-section,.admin-theme-root[data-theme=dark] .audi-dashboard-bottom,.admin-theme-root[data-theme=dark] .dashboard-cards,.admin-theme-root[data-theme=dark] .dashboard-chart-item{background:#23272f!important;color:#ffd600!important}.admin-theme-root[data-theme=dark] .audi-projects-title,.admin-theme-root[data-theme=dark] .audi-orders-title,.admin-theme-root[data-theme=dark] .audi-projects-progress,.admin-theme-root[data-theme=dark] .audi-orders-progress,.admin-theme-root[data-theme=dark] .audi-order-title,.admin-theme-root[data-theme=dark] .dashboard-chart-title{color:#ffd600!important}.admin-theme-root[data-theme=dark] .dashboard-chart-subtitle{color:#fff!important}.admin-theme-root[data-theme=dark] .audi-projects-row-head{background:#23272f!important;color:#ffd600!important;border-bottom:2px solid #396df1!important}.admin-theme-root[data-theme=dark] .audi-projects-tabs button{background:#18191a!important;color:#fff!important;border:1px solid #0d60c0!important}.admin-theme-root[data-theme=dark] .audi-projects-tabs button.active,.admin-theme-root[data-theme=dark] .audi-projects-tabs button:hover{background:#0d60c0!important;color:#fbfdff!important}.admin-theme-root[data-theme=dark] .audi-progress-bar{background:#333!important}.admin-theme-root[data-theme=dark] .audi-progress-bar>div{background:linear-gradient(90deg,#ffd600 60%,#10b981)!important}.admin-theme-root[data-theme=dark] .audi-car-logo{border:2px solid #FFD600!important}.admin-theme-root[data-theme=dark] .audi-upload-row{color:#ffd600!important;border-top:1px dashed #FFD600!important}.admin-theme-root[data-theme=dark] .audi-order-dot,.admin-theme-root[data-theme=dark] .audi-order-dot-success,.admin-theme-root[data-theme=dark] .audi-order-dot-info{background:#16a2ff!important}.admin-theme-root[data-theme=dark] .audi-order-dot-cancel{background:#e53935!important}.admin-theme-root[data-theme=dark] .audi-orders-btn{background:#2b82fb!important;color:#23272f!important}.admin-theme-root[data-theme=dark] .audi-orders-btn:hover{background:#0260e4!important}.admin-theme-root[data-theme=dark] .audi-order-date,.admin-theme-root[data-theme=dark] .audi-orders-sub,.admin-theme-root[data-theme=dark] .audi-projects-sub{color:#fff!important}.admin-theme-root[data-theme=dark] .staff-avatar{border:2px solid #0d60c0!important;color:#ffd600!important;background:#2c3649!important}.admin-theme-root[data-theme=dark] .dashboard-card-title{color:#00ffea!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-value{color:#ffd600!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-title1,.admin-theme-root[data-theme=dark] .dashboard-card-value1{color:#42f92a!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-title2,.admin-theme-root[data-theme=dark] .dashboard-card-value2{color:#f76eee!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-title3,.admin-theme-root[data-theme=dark] .dashboard-card-value3{color:#fc8a3e!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-title4,.admin-theme-root[data-theme=dark] .dashboard-card-value4{color:#9d75f9!important;font-weight:700}.admin-theme-root[data-theme=dark] .dashboard-card-value111111{background:#0d60c0!important}.admin-theme-root[data-theme=dark] .anticon-bulb svg{fill:#ffd600!important}.dashboard-grid{transition:all .3s ease}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr!important}.dashboard-grid>div{margin-bottom:16px}}@media (max-width: 768px){.dashboard-grid{padding:0 16px!important}.dashboard-grid>div{min-width:100%}}@media (max-width: 1024px){.dashboard-charts-grid{grid-template-columns:1fr!important;grid-template-rows:none!important;gap:16px!important;margin-left:0!important;height:auto!important;padding:0 8px!important}}@media (max-width: 600px){.dashboard-charts-grid{gap:10px!important;padding:0 2px!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards;opacity:0}.animate-fade-in-down{animation:fadeInDown .3s ease-out forwards;opacity:0}.animate-fade-in-left{animation:fadeInLeft .3s ease-out forwards;opacity:0}.animate-fade-in-right{animation:fadeInRight .3s ease-out forwards;opacity:0}.animate-scale-in{animation:scaleIn .3s ease-out forwards;opacity:0}.animate-delay-100{animation-delay:.05s}.animate-delay-200{animation-delay:.1s}.animate-delay-300{animation-delay:.15s}.animate-delay-400{animation-delay:.2s}.animate-delay-500{animation-delay:.25s}.animate-delay-600{animation-delay:.3s}.animate-delay-700{animation-delay:.35s}.animate-delay-800{animation-delay:.4s}.animate-delay-900{animation-delay:.45s}.animate-delay-1000{animation-delay:.5s}.dashboard-header{animation:fadeInDown .4s ease-out forwards}.admin-stats-card{animation:fadeInUp .3s ease-out forwards;opacity:0}.admin-stats-card:nth-child(1){animation-delay:.05s}.admin-stats-card:nth-child(2){animation-delay:.1s}.admin-stats-card:nth-child(3){animation-delay:.15s}.admin-stats-card:nth-child(4){animation-delay:.2s}.admin-chart-container{animation:fadeInUp .4s ease-out forwards;opacity:0}.admin-chart-container:nth-child(1){animation-delay:.25s}.admin-chart-container:nth-child(2){animation-delay:.3s}.admin-chart-container:nth-child(3){animation-delay:.35s}.admin-chart-container:nth-child(4){animation-delay:.4s}.admin-table-container{animation:fadeInUp .4s ease-out forwards;opacity:0}.admin-table-container:nth-child(1){animation-delay:.45s}.admin-table-container:nth-child(2){animation-delay:.5s}.admin-stats-card:hover{transform:translateY(-8px) scale(1.02);transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-chart-container:hover{transform:translateY(-4px);transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-table-container:hover{transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width)}}.audi-progress-bar>div{animation:progressFill .8s ease-out forwards;width:0%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-effect{position:relative;overflow:hidden}.shimmer-effect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}.audi-order{animation:fadeInLeft .3s ease-out forwards;opacity:0}.audi-order:nth-child(1){animation-delay:.55s}.audi-order:nth-child(2){animation-delay:.6s}.audi-order:nth-child(3){animation-delay:.65s}.audi-order:nth-child(4){animation-delay:.7s}.audi-order:nth-child(5){animation-delay:.75s}.admin-table-row{animation:fadeInUp .3s ease-out forwards;opacity:0}.admin-table-row:nth-child(1){animation-delay:.5s}.admin-table-row:nth-child(2){animation-delay:.55s}.admin-table-row:nth-child(3){animation-delay:.6s}.admin-table-row:nth-child(4){animation-delay:.65s}.admin-table-row:nth-child(5){animation-delay:.7s}.audi-orders-btn{animation:scaleIn .3s ease-out forwards;opacity:0;animation-delay:.8s}.audi-orders-btn:hover{transform:scale(1.05);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-chart-content{animation:fadeInUp .4s ease-out forwards;opacity:0;animation-delay:.25s}.dashboard-chart-footer{animation:fadeInUp .3s ease-out forwards;opacity:0;animation-delay:.35s}.stats-grid>div{animation:scaleIn .3s ease-out forwards;opacity:0}.stats-grid>div:nth-child(1){animation-delay:.4s}.stats-grid>div:nth-child(2){animation-delay:.45s}.stats-grid>div:nth-child(3){animation-delay:.5s}.legend-item{animation:fadeInLeft .3s ease-out forwards;opacity:0}.legend-item:nth-child(1){animation-delay:.55s}.legend-item:nth-child(2){animation-delay:.6s}.legend-item:nth-child(3){animation-delay:.65s}.legend-item:nth-child(4){animation-delay:.7s}.admin-theme-root[data-theme=dark] .admin-stats-card,.admin-theme-root[data-theme=dark] .admin-chart-container,.admin-theme-root[data-theme=dark] .admin-table-container{animation:fadeInUp .4s ease-out forwards;opacity:0}@media (prefers-reduced-motion: reduce){.animate-fade-in-up,.animate-fade-in-down,.animate-fade-in-left,.animate-fade-in-right,.animate-scale-in,.admin-stats-card,.admin-chart-container,.admin-table-container,.audi-order,.admin-table-row,.audi-orders-btn,.dashboard-chart-content,.dashboard-chart-footer,.stats-grid>div,.legend-item{animation:none!important;opacity:1!important;transform:none!important}}.star-rating{display:inline-flex;align-items:center;gap:4px}.stars-container{display:flex;position:relative}.star{position:relative;display:inline-block}.star.clickable{cursor:pointer}.star.small{font-size:14px}.star.medium{font-size:18px}.star.large{font-size:24px}.star-outline{color:#f0f0f0}.rating-value{margin-left:8px;font-size:14px;color:#666}.star-half{position:relative;display:inline-block;width:1em;height:1em;line-height:1}.star-half .star-outline{position:absolute;top:0;left:0;width:100%;height:100%;color:#e0e0e0!important;z-index:0}.star-half .star-half-fill{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.star-half .star-half-fill .star-filled{position:absolute;top:0;left:0;width:200%;height:100%;color:#ffc107!important;z-index:2;display:block!important;visibility:visible!important;opacity:1!important}.star.small .star-filled,.star.small .star-outline{font-size:14px}.star.medium .star-filled,.star.medium .star-outline{font-size:18px}.star.large .star-filled,.star.large .star-outline{font-size:24px}.star-filled{color:#ffc107!important}.star-outline{color:#d9d9d9}.rating-value{font-size:14px;font-weight:600;color:#666;margin-left:4px}@media (max-width: 768px){.star.small .star-filled,.star.small .star-outline{font-size:12px}.star.medium .star-filled,.star.medium .star-outline{font-size:16px}.star.large .star-filled,.star.large .star-outline{font-size:20px}}@media (max-width: 480px){.star-rating{gap:2px}.star.small .star-filled,.star.small .star-outline{font-size:10px}.star.medium .star-filled,.star.medium .star-outline{font-size:14px}.star.large .star-filled,.star.large .star-outline{font-size:18px}}.rating-management{padding:24px;background:#f5f5f5;min-height:100vh}.page-header{margin-bottom:24px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.page-header h2{margin-bottom:8px;color:#333}.stats-section{margin-bottom:24px}.stat-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-card .ant-statistic-title{color:#222;font-size:16px;margin-bottom:8px}.stat-card .ant-statistic-content{font-size:28px;font-weight:700;color:#111}.filters-card{margin-bottom:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.filters-card .ant-card-body{padding:20px}.table-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.table-card .ant-card-body{padding:0}.customer-info{display:none}.customer-details{display:flex;flex-direction:column;gap:2px}.customer-id{font-size:12px}.rating-detail{padding:16px 0}.rating-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.rating-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #1976d2;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-row-fadein{animation:tableRowFadeIn .5s ease forwards;opacity:0;transform:translateY(10px)}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-pagination button:hover{background:#d0d0d0!important}.admin-pagination button:active{background:silver!important}.rating-content{padding:16px 0}.rating-preview{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f9f9f9;border-radius:8px;margin-top:16px}.rating-preview .ant-typography,.ant-modal-confirm-content,.ant-modal-body p{color:#000!important}.ant-table-thead>tr>th{background:#fafafa;font-weight:600;color:#333}.ant-table-tbody>tr:hover>td{background:#f9fafb}.ant-table-tbody>tr>td{padding-top:14px;padding-bottom:14px}.ant-btn-text{padding:4px 8px;height:auto}.ant-btn-text:hover{background:#0000000f}@media (max-width: 768px){.rating-management,.page-header{padding:16px}.stats-section .ant-col,.filters-card .ant-col{margin-bottom:16px}.rating-header{flex-direction:column;align-items:flex-start;gap:16px}.rating-meta{align-items:flex-start}.customer-info{flex-direction:column;align-items:flex-start;gap:8px}.ant-table{font-size:12px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 4px}}@media (max-width: 480px){.rating-management,.page-header{padding:12px}.stat-card .ant-statistic-content{font-size:20px}.filters-card .ant-card-body{padding:16px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:6px 2px}.ant-btn{padding:2px 6px;font-size:12px}}.ant-table-loading .ant-table-tbody>tr>td{text-align:center;padding:40px}.ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.ant-modal-body{padding:24px}.ant-modal-footer{border-top:1px solid #f0f0f0;padding:12px 24px}.ant-modal-header .ant-modal-title{color:#000!important;font-weight:600}.ant-modal-close{color:#ff4d4f!important}.ant-modal-close:hover{color:#ff7875!important;background-color:#ff4d4f1a!important}.rating-detail{color:#000}.rating-detail .customer-details h4,.rating-detail .customer-details .ant-typography,.rating-detail .ant-typography{color:#000!important}.rating-detail .ant-typography-secondary{color:#666!important}.rating-content h5,.rating-content .ant-typography{color:#000!important}.ant-tag{border-radius:4px;font-size:12px;padding:2px 8px}.ant-input-search .ant-input-search-button{background:#1890ff;border-color:#1890ff}.ant-input-search .ant-input-search-button:hover{background:#40a9ff;border-color:#40a9ff}.ant-select-selector,.ant-picker{border-radius:6px}.stat-progress{margin-top:8px}.stat-progress .ant-progress-text{font-size:12px;color:#666}.ant-table-tbody>tr{animation:fadeInUp .3s ease-out}.ant-tag.ant-tag-green{background:#f6ffed;border-color:#b7eb8f;color:#52c41a}.ant-tag.ant-tag-orange{background:#fff7e6;border-color:#ffd591;color:#fa8c16}.ant-tag.ant-tag-red{background:#fff2f0;border-color:#ffccc7;color:#ff4d4f}.ant-empty{padding:40px 20px}.ant-empty-description{color:#999}.ant-pagination{margin-top:16px;text-align:right}.ant-pagination .ant-pagination-total-text{color:#666}.ant-tooltip-inner{background:#000000d9;border-radius:6px}.ant-tooltip-arrow:before{background:#000000d9}.product-detail-page_details{font-family:Audi Type,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#fff;padding-top:70px;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);min-height:100vh;position:relative;overflow-x:hidden}.product-detail-page_details:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(213,0,28,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.container_details{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.product-hero_details{padding:60px 0 80px;position:relative;overflow:hidden}.product-hero_details:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(213,0,28,.5) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}}.hero-header_details{margin-bottom:50px;animation:fadeInUp .8s ease-out}.hero-header_details h1{font-size:3.2rem;font-weight:200;margin:0 0 30px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1;animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{filter:drop-shadow(0 0 5px rgba(255,255,255,.1))}to{filter:drop-shadow(0 0 15px rgba(255,255,255,.2))}}.notice-box_details{background:linear-gradient(135deg,#d5001c0d,#ffffff08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(213,0,28,.1);padding:25px;border-radius:16px;margin-top:30px;position:relative;overflow:hidden;animation:slideInLeft .6s ease-out .3s both}.notice-box_details:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(213,0,28,.05),transparent);transition:left .5s ease}.notice-box_details:hover:before{left:100%}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.notice-box_details h4{font-size:1rem;font-weight:500;margin:0 0 10px}.notice-box_details p{font-size:.9rem;line-height:1.5;color:#fffc}.hero-content_details{display:flex;gap:60px;align-items:flex-start;animation:fadeInUp .8s ease-out .2s both}.price-info_details{flex:1}.price-info_details h3{font-size:1.3rem;font-weight:400;margin:0 0 5px}.price-info_details>p{font-size:1rem;color:#fffc;margin-bottom:20px}.model-selector_details{background:linear-gradient(135deg,#141414e6,#1e1e1ecc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}.model-selector_details:hover{transform:translateY(-2px);box-shadow:0 15px 50px #0006}.model-option_details{display:flex;align-items:center;padding:20px 25px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.model-option_details:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(213,0,28,.1),transparent);transition:left .5s ease}.model-option_details:hover:before{left:100%}.model-option_details:hover{background-color:#ffffff08;transform:translate(5px)}.model-option_details.selected{background:linear-gradient(135deg,#d5001c1a,#ffffff0d);border-left:3px solid #d5001c;transform:translate(5px)}.checkbox-container_details{width:20px;height:20px;border:1px solid rgba(255,255,255,.3);border-radius:50%;margin-right:15px;position:relative;display:flex;align-items:center;justify-content:center}.model-option_details.selected .checkbox-container_details{border-color:#fff}.checkbox-indicator_details{display:none;width:12px;height:12px;background-color:#fff;border-radius:50%}.model-option_details.selected .checkbox-indicator_details{display:block}.model-info_details h4{font-size:1.1rem;font-weight:500;margin:0 0 5px}.model-info_details p{font-size:1rem;color:#fffc;margin:0}.hero-image_details{flex:1.5;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#f8f8f8);border-radius:24px;overflow:hidden;height:500px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;position:relative;transition:all .4s ease}.hero-image_details:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#d5001c,transparent,#d5001c);border-radius:26px;z-index:-1;opacity:0;transition:opacity .3s ease}.hero-image_details:hover:before{opacity:.5}.hero-image_details:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 25px 80px #0006}.hero-image_details img{width:100%;height:auto;object-fit:contain;object-position:center;transition:all .4s ease;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2))}.hero-image_details:hover img{transform:scale(1.05);filter:drop-shadow(0 15px 40px rgba(0,0,0,.3))}.exterior-section_details{padding:60px 0;border-top:1px solid rgba(255,255,255,.1)}.exterior-section_details h2{font-size:1.5rem;font-weight:300;margin-bottom:30px}.exterior-image_details{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:40px}.exterior-image_details img{width:100%;height:100%;object-fit:contain}.color-selection_details{margin-top:40px}.color-selection_details h3{font-size:1.2rem;font-weight:400;margin-bottom:20px}.color-options_details{display:flex;flex-wrap:wrap;gap:15px}.color-option_details{width:60px;height:60px;border-radius:8px;border:2px solid transparent;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.color-option_details.selected{border-color:#fff}.color-option_details:hover{transform:scale(1.05)}.metallic-indicator_details{position:absolute;top:5px;right:5px;font-size:10px;color:#ffffffe6}.interior-section_details{padding:60px 0;border-top:1px solid rgba(255,255,255,.1)}.interior-image_details{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:40px;background-color:#000c}.interior-image_details img{width:100%;height:100%;object-fit:contain}.interior-options_details h3{font-size:1.2rem;font-weight:400;margin-bottom:20px}.interior-color-options_details{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.interior-option_details{position:relative;width:110px;height:110px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 5px #0000001a;margin-right:10px;margin-bottom:10px}.interior-option_details img{width:100%;height:100%;object-fit:cover}.interior-option_details.selected{border-color:#d5001c;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.interior-option-info{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:5px;color:#fff}.interior-option-name{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interior-option-price{font-size:10px;color:#f99;margin:2px 0 0}.interior-description{margin-top:20px;font-size:14px;line-height:1.6;color:#555}.summary-section_details{padding:50px 0 60px;border-top:1px solid rgba(255,255,255,.1);margin-bottom:20px;position:relative;background:linear-gradient(135deg,rgba(213,0,28,.02) 0%,transparent 50%)}.summary-section_details:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(213,0,28,.5) 50%,transparent 100%)}.summary-content_details{display:flex;justify-content:space-between;align-items:center;padding:30px;background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0000004d;animation:fadeInUp .8s ease-out .6s both}.model-name_details{flex:1}.model-name_details h3{font-size:1.8rem;font-weight:300;margin:0 0 10px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.model-name_details p{font-size:1.4rem;font-weight:600;color:#d5001c;margin:0;text-shadow:0 0 10px rgba(213,0,28,.3)}.btn-summary_details{padding:16px 40px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;min-width:200px}.btn-summary_details: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-summary_details:hover:before{left:100%}.btn-summary_details:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff9;transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #ffffff1a}@media (max-width: 1200px){.hero-content_details{flex-direction:column}.hero-image_details{margin-top:30px}}@media (max-width: 768px){.hero-header_details h1{font-size:2rem}.exterior-image_details,.interior-image_details{height:300px}.summary-content_details{flex-direction:column;gap:20px;text-align:center}.interior-option_details{width:100px}.interior-option_details img{height:70px}.interior-option-name{font-size:11px}}.loading-container_details,.error-container_details{display:flex;flex-direction:column;justify-content:center;align-items:center;height:70vh;text-align:center;padding:20px;background:radial-gradient(circle at center,#d5001c0d,#000 70%);color:#fff;position:relative}.loading-container_details:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);animation:breathe 3s ease-in-out infinite}.spinner_details{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#d5001c;border-right-color:#d5001c;margin-bottom:30px;box-shadow:0 0 20px #d5001c4d;position:relative}.spinner_details:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid transparent;border-top-color:#d5001c80;border-radius:50%}.back-button_details{margin-top:20px;padding:10px 20px;background-color:#e50000;color:#fff;text-decoration:none;border-radius:4px;font-weight:500}.specs-section_details{padding:60px 0;border-top:1px solid rgba(255,255,255,.1)}.specs-grid_details{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.spec-item_details{background-color:#ffffff0d;padding:20px;border-radius:4px}.spec-label_details{font-size:.9rem;color:#ffffffb3;margin-bottom:8px;text-transform:capitalize}.spec-value_details{font-size:1.2rem;font-weight:500;color:#fff}.gallery-section_details{padding:40px 0;background-color:#f8f8f8}.gallery-tabs_details{display:flex;margin-bottom:20px;border-bottom:1px solid #e0e0e0}.tab-button_details{padding:12px 24px;background:none;border:none;font-size:16px;cursor:pointer;opacity:.7;position:relative}.tab-button_details.active{font-weight:700;opacity:1}.tab-button_details.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#000}.gallery-viewer_details{display:flex;align-items:center;justify-content:center;height:500px;position:relative;background-color:#000;margin-bottom:20px}.gallery-image-container_details{height:100%;width:100%;display:flex;justify-content:center;align-items:center;position:relative}.gallery-image-container_details img{max-height:100%;max-width:100%;object-fit:contain}.image-counter_details{position:absolute;bottom:20px;right:20px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:14px}.gallery-nav_details{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffb3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2}.gallery-nav_details.prev{left:20px}.gallery-nav_details.next{right:20px}.no-images_details{color:#fff;font-size:18px;text-align:center;padding:20px}.thumbnail-strip_details{display:flex;overflow-x:auto;gap:10px;padding:10px 0}.thumbnail_details{width:80px;height:60px;cursor:pointer;opacity:.6;transition:opacity .3s}.thumbnail_details.active{opacity:1;border:2px solid #000}.thumbnail_details img{width:100%;height:100%;object-fit:cover}.color-section_details{padding:40px 0}.color-options_details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.color-option_details{width:40px;height:40px;border-radius:50%;border:2px solid #ccc;cursor:pointer;position:relative}.color-option_details.selected{border:2px solid #000;transform:scale(1.1)}.metallic-indicator_details{position:absolute;top:-5px;right:-5px;font-size:12px;color:gold}.selected-color-info_details{margin-top:20px}.action-buttons_details{display:flex;gap:20px;margin-top:30px;animation:fadeInUp .8s ease-out .4s both}.btn-config_details,.btn-test-drive_details{padding:16px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;min-width:180px}.btn-config_details{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-config_details:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);border-color:#fff9;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff1a}.btn-test-drive_details{background:linear-gradient(135deg,#d5001c,#b8001a);color:#fff;border:2px solid transparent;box-shadow:0 8px 25px #d5001c4d}.btn-test-drive_details:hover{background:linear-gradient(135deg,#e6001f,#d5001c);transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #d5001c66}.btn-config_details:before,.btn-test-drive_details: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-config_details:hover:before,.btn-test-drive_details:hover:before{left:100%}.related-models-section_details{padding:60px 0 80px;border-top:1px solid rgba(255,255,255,.1);margin-bottom:20px;position:relative}.related-models-section_details h2{font-size:1.5rem;font-weight:300;margin-bottom:30px;color:#fff}.related-models-grid_details{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-bottom:40px}.related-model-card_details{background-color:#ffffff0d;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.related-model-card_details:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.related-model-image_details{height:180px;overflow:hidden}.related-model-image_details img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-model-card_details:hover .related-model-image_details img{transform:scale(1.05)}.related-model-info_details{padding:20px}.related-model-info_details h3{font-size:1.2rem;font-weight:400;margin:0 0 10px;color:#fff}.related-model-price_details{font-size:1.1rem;font-weight:600;color:#e50000;margin-bottom:15px}.related-model-btn_details{display:inline-block;padding:8px 16px;background-color:#ffffff1a;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s}.related-model-btn_details:hover{background-color:#fff3}@media (max-width: 768px){.related-models-grid_details{grid-template-columns:1fr}.related-model-image_details{height:150px}.related-models-section_details{padding:40px 0 60px}}.fullwidth-section_details{width:100%;margin-bottom:60px;background-color:#000;border-top:1px solid rgba(255,255,255,.1);padding-top:40px;position:relative;overflow:hidden}.fullwidth-section_details:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(213,0,28,.3) 50%,transparent 100%);animation:sectionShimmer 4s ease-in-out infinite}@keyframes sectionShimmer{0%,to{transform:translate(-100%);opacity:0}50%{transform:translate(0);opacity:1}}.section-header_details{padding:30px 0;position:relative}.section-header_details h2{font-size:2.2rem;font-weight:200;margin:0;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;position:relative;display:inline-block}.section-header_details h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:2px;background:linear-gradient(90deg,#d5001c 0%,transparent 100%);animation:expandLine .8s ease-out .5s both}@keyframes expandLine{0%{width:0}to{width:60px}}.fullwidth-image-container_details{width:100%;overflow:hidden;margin-bottom:20px;background-color:#000;display:flex;justify-content:center;padding:0 20px}.image-carousel_details{width:100%;max-width:1450px;position:relative;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px}.image-carousel_details img{width:100%;height:700px;object-fit:cover;object-position:center;display:block;border-radius:12px}.carousel-nav_details{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#000000b3;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:all .3s ease;box-shadow:0 4px 8px #0000004d}.carousel-nav_details:hover{background-color:#000000e6;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 12px #0006}.image-counter_details{position:absolute;bottom:20px;right:20px;background-color:#000000b3;padding:6px 12px;border-radius:20px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 2px 4px #0000004d;z-index:20}.no-image-placeholder_details{width:90%;max-width:1400px;height:420px;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:18px;background-color:#111;border-radius:12px}.color-swatch-container_details{display:flex;flex-wrap:wrap;gap:15px;padding:30px 0;animation:fadeInUp .6s ease-out .3s both}.color-option{display:flex;flex-direction:column;align-items:center;margin:0}.color-swatch_details{width:90px;height:90px;border-radius:18px!important;cursor:pointer;margin-bottom:12px;border:2px solid rgba(255,255,255,.3);position:relative;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 8px 25px #0000004d,0 0 0 1px #ffffff1a;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-swatch_details:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #0006,0 0 0 2px #fff3;border-color:#fff9}.color-swatch_details.selected{transform:translateY(-8px) scale(1.1);box-shadow:0 20px 40px #d5001c66,0 0 0 3px #d5001c;border-color:#d5001c;border-width:3px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 20px 40px #d5001c66,0 0 0 3px #d5001c}50%{box-shadow:0 25px 50px #d5001c99,0 0 0 3px #d5001c,0 0 30px #d5001c4d}}.color-option .color-name{font-size:14px;font-weight:500;margin-top:8px;text-align:center;color:#fff}.color-option .color-price{font-size:12px;color:#ffffffb3;margin-top:4px}.metallic-badge_details{position:absolute;top:5px;right:5px;font-size:14px;color:gold;text-shadow:0 0 3px rgba(0,0,0,.8)}.section-content_details{padding:20px 0 40px}.section-content_details h3{font-size:1.3rem;font-weight:400;margin-bottom:20px;color:#fff;letter-spacing:.5px}.interior-info_details{margin-top:10px}.interior-options-container_details{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.interior-option_details{width:50px;height:50px;border-radius:5px;border:2px solid transparent;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.interior-option_details.selected{border-color:#fff;transform:scale(1.05)}.image-magnifier_details{position:absolute;width:180px;height:180px;border:3px solid rgba(255,255,255,.85);border-radius:50%;pointer-events:none;overflow:hidden;box-shadow:0 8px 20px #0006,0 0 0 1px #fff3;z-index:25;transform:none;opacity:0;transition:opacity .3s ease}.image-magnifier-container_details:hover .image-magnifier_details{opacity:1}.magnifier-content_details{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:1200%;border-radius:50%;transform:translateZ(0)}.image-magnifier-container_details{position:relative;width:100%;height:100%;cursor:zoom-in}@keyframes slideInRight{0%{opacity:0;transform:translate(8%);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8%);filter:blur(2px)}to{opacity:1;transform:translate(0);filter:blur(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0);filter:blur(0)}to{opacity:0;transform:translate(8%);filter:blur(2px)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0);filter:blur(0)}to{opacity:0;transform:translate(-8%);filter:blur(2px)}}.slide-in-right{animation:slideInRight .5s ease forwards}.slide-in-left{animation:slideInLeft .5s ease forwards}.image-carousel_details{position:relative;overflow:hidden;box-shadow:0 15px 35px #0003;border-radius:12px}.image-slideshow_details{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12px}.slide-container_details{width:100%;height:650px;position:relative;overflow:hidden;perspective:1200px;transform-style:preserve-3d;will-change:transform}.slide_details{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;transition:opacity .4s cubic-bezier(.65,0,.35,1)}.slide_details.fade-out{opacity:0;transition:opacity .28s cubic-bezier(.65,0,.35,1)}.slide_details.fade-in{opacity:1;transition:opacity .4s cubic-bezier(.65,0,.35,1)}.slide_details.fade-out.slide-left{animation:slideOutLeft .28s cubic-bezier(.65,0,.35,1) forwards}.slide_details.fade-out.slide-right{animation:slideOutRight .28s cubic-bezier(.65,0,.35,1) forwards}.slide_details.fade-in.slide-left{animation:slideInRight .4s cubic-bezier(.33,1,.68,1) forwards}.slide_details.fade-in.slide-right{animation:slideInLeft .4s cubic-bezier(.33,1,.68,1) forwards}.slide_details img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0);backface-visibility:hidden;will-change:transform}.carousel-nav_details{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;background-color:#00000080;border:2px solid rgba(255,255,255,.4);border-radius:50%;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:30;transition:all .4s cubic-bezier(.215,.61,.355,1);box-shadow:0 6px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.carousel-nav_details:hover{background-color:#000c;border-color:#fffc;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 16px #0006,0 0 0 6px #ffffff1a}.carousel-nav_details:active{transform:translateY(-50%) scale(.96);box-shadow:0 4px 8px #0000004d}.carousel-nav_details.prev{left:20px}.carousel-nav_details.next{right:20px}.image-counter_details{position:absolute;bottom:20px;right:20px;background-color:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;box-shadow:0 4px 10px #0000004d;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);letter-spacing:1px}.fullwidth-image-container_details{width:100%;overflow:hidden;margin-bottom:20px;background-color:#000;display:flex;justify-content:center;padding:0 20px;position:relative}.fullwidth-image-container_details:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:.7}.premium-image{transform:translateZ(0);backface-visibility:hidden;will-change:transform;transition:transform .7s cubic-bezier(.33,1,.68,1),filter .5s ease}.premium-image:hover{filter:brightness(1.05)}.color-option{display:flex;flex-direction:column;align-items:center;margin:0 10px}.color-swatch_details{width:60px;height:60px;border-radius:50%;cursor:pointer;margin-bottom:8px;border:2px solid transparent;position:relative;background-size:cover;background-position:center;overflow:hidden}.color-swatch_details.selected{border-color:#000;transform:scale(1.1);box-shadow:0 3px 8px #0000004d}.color-option .color-name{font-size:12px;font-weight:500;margin-top:4px;text-align:center}.color-option .color-price{font-size:11px;color:#888;margin-top:2px}.metallic-badge_details{position:absolute;top:2px;right:2px;font-size:10px;color:gold;text-shadow:0 0 2px rgba(0,0,0,.8)}.compare-container{display:flex;width:100%;height:100%;position:relative}.compare-side{flex:1;height:100%;overflow:hidden;position:relative}.compare-side img{width:100%;height:100%;object-fit:cover}.compare-divider{position:absolute;top:0;left:50%;height:100%;width:2px;background-color:#fff;transform:translate(-50%);z-index:10}.divider-label{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#fff;color:#000;padding:5px 10px;border-radius:4px;font-weight:700;font-size:14px;box-shadow:0 2px 6px #0003}.no-compare-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#222;color:#fff;font-size:16px}.compare-button{margin-top:5px;padding:4px 8px;background-color:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.compare-button:hover{background-color:#ffffff4d}.color-option.comparing .color-swatch_details{border-color:#e50000}.compare-slider-container{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.compare-original,.compare-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.compare-original img,.compare-overlay img{width:100%;height:100%;object-fit:cover;object-position:center}.slider-handle{position:absolute;top:0;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%)}.slider-divider{width:3px;height:100%;background-color:#fff;box-shadow:0 0 8px #0009}.slider-button{position:absolute;width:36px;height:36px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #0009;font-size:14px;color:#333;cursor:grab}.slider-button:active{cursor:grabbing}.slider-button span{display:inline-block;margin:0 -2px}.color-labels{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 30px;z-index:5}.color-label{background-color:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0000004d}.compare-button-overlay{position:absolute;top:20px;right:20px;z-index:10;background-color:#fffc;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0003;transition:all .3s ease;opacity:.7}.compare-button-overlay:hover{opacity:1;transform:scale(1.05);box-shadow:0 6px 15px #0000004d}.compare-button-overlay.active{background-color:#e50000e6}.compare-button-overlay .compare-label{font-weight:700;font-size:16px;color:#333}.compare-button-overlay.active .compare-label{color:#fff}.color-option,.interior-option_details{display:flex;flex-direction:column;align-items:center;width:80px;margin:0 8px 12px 0}.color-swatch_details{width:70px;height:70px;border-radius:8px!important;cursor:pointer;margin-bottom:6px;border:2px solid transparent;position:relative;background-size:cover;background-position:center;overflow:hidden;box-shadow:0 3px 6px #0003;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.color-swatch_details.selected{border-color:#d5001c;transform:scale(1.05);box-shadow:0 6px 12px #ffffff4d;border-width:2px}.interior-option_details{width:70px;height:70px;position:relative;border-radius:8px!important;overflow:hidden;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;border:2px solid transparent;box-shadow:0 3px 6px #0003;margin:0 8px 12px 0}.interior-option_details.selected{border-color:#d5001c!important;transform:scale(1.05);box-shadow:0 6px 12px #ffffff4d}.interior-option_details:hover{transform:scale(1.05)}.color-swatch-container_details,.interior-options-container_details{display:flex;flex-wrap:wrap;gap:12px;padding:10px 0}.color-option .color-name,.interior-option-name{font-size:12px;font-weight:500;margin-top:6px;text-align:center;color:#fff;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-option .color-price,.interior-option-price{font-size:11px;color:#ffffffb3;margin-top:3px}.color-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.reset-color-button{background-color:transparent;color:#fff;border:1px solid white;padding:8px 14px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.reset-color-button:hover{background-color:#fff;color:#000}.reset-color-button:active{transform:scale(.98)}.reset-color-button:disabled{background-color:transparent;border-color:#555;color:#555;cursor:not-allowed}.color-swatch_details.default-color{border:2px solid white!important;box-shadow:0 0 8px #ffffff80;position:relative}.default-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background-color:#fff;color:#333;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:2;box-shadow:0 2px 4px #00000040;letter-spacing:.5px}.color-name{font-size:12px;margin-top:5px;text-align:center;width:100%}.color-option.default-color{order:-1;position:relative}.default-color .color-swatch_details{border:2px solid #d5001c!important;box-shadow:0 0 10px #d5001c80}.color-swatch-container_details{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.color-swatch_details.selected{transform:scale(1.1);transition:transform .2s ease;z-index:5;box-shadow:0 0 15px #ffffff80}.fade-in{animation:fadeIn .4s ease-in-out forwards}.fade-out{animation:fadeOut .4s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.wheels-section_details{padding:60px 0;background:#f8f9fa}.wheels-content_details{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.wheels-gallery_details{position:relative}.wheels-image-container_details{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.wheels-main-image_details{width:100%;height:400px;object-fit:cover;transition:transform .3s ease}.wheels-main-image_details:hover{transform:scale(1.05)}.wheels-placeholder_details{width:100%;height:400px;background:#e9ecef;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:18px}.wheels-options_details{padding:20px}.wheels-info_details h3{font-size:24px;font-weight:600;color:#333;margin-bottom:20px}.wheels-options-container_details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;margin-bottom:30px}.wheels-option_details{transition:all .3s ease}.wheels-option_details:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.wheels-option_details.selected{border-color:#d5001c!important;box-shadow:0 0 0 2px #d5001c33}.wheels-details_details{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.wheels-details_details p{margin:8px 0;color:#666;font-size:14px}.wheels-details_details strong{color:#333;font-weight:600}@media (max-width: 768px){.wheels-content_details{grid-template-columns:1fr;gap:20px}.wheels-main-image_details,.wheels-placeholder_details{height:300px}.wheels-options-container_details{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.wheels-option_details{width:100px!important;height:100px!important}}@media (max-width: 480px){.wheels-section_details{padding:40px 0}.wheels-info_details h3{font-size:20px}.wheels-options-container_details{grid-template-columns:repeat(2,1fr)}}.wheels-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.wheels-swatch-container_details{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-top:20px}.wheels-option{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.wheels-option:hover{transform:translateY(-2px)}.wheels-option.selected{transform:scale(1.05)}.wheels-swatch_details{width:120px;height:120px;border:2px solid transparent;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;background:transparent}.wheels-swatch_details:hover{border-color:#d5001c;transform:scale(1.05)}.wheels-swatch_details.selected{border-color:#d5001c;box-shadow:0 4px 12px #d5001c4d}.wheels-swatch_details.comparing{border-color:gold;box-shadow:0 4px 12px #ffd7004d}.wheels-swatch_details.default-wheel{border-color:#d5001c}.wheels-swatch_details img{width:100%;height:100%;object-fit:cover;border-radius:13px;background:transparent}.wheels-option{display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;background:transparent}.wheels-option .wheels-name{margin-top:8px;font-size:12px;font-weight:500;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheels-option .wheels-price{margin-top:4px;font-size:11px;color:#d5001c;font-weight:600}.default-wheel .wheels-swatch_details{border-color:#d5001c;background:transparent}.default-badge{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background-color:#d5001c;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;white-space:nowrap;z-index:2;box-shadow:0 2px 4px #00000040;letter-spacing:.5px}@media (max-width: 768px){.wheels-swatch-container_details{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.wheels-swatch_details{width:100px;height:100px}.wheels-option .wheels-name{font-size:11px;max-width:100px}}@media (max-width: 480px){.wheels-swatch-container_details{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.wheels-swatch_details{width:80px;height:80px}.wheels-option .wheels-name{font-size:10px;max-width:80px}}.wheels-option{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;background:transparent}.wheels-option .compare-button{margin-top:5px;padding:4px 8px;background-color:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:4px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;opacity:.7}.wheels-option .compare-button:hover{background-color:#ffffff4d;opacity:1}.wheels-option.comparing .wheels-swatch_details{border-color:gold;box-shadow:0 4px 12px #ffd7004d}.wheels-option.comparing .compare-button{background-color:#ffd7004d;border-color:gold;color:gold}.color-price-text{font-size:12px;color:#ffffffb3!important;margin-top:4px;font-weight:400;text-align:center;display:block}.color-option .color-price{display:none!important}.promotion-section_special{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);padding:60px 0;position:relative}.promotion-header_special h2{color:#fff;font-weight:700;font-size:2.5rem;margin-bottom:32px;text-align:left;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(255,255,255,.1)}.promotion-content_special{padding:20px 0}.rating-section_special{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);padding:60px 0 80px;position:relative}.rating-header_special h2{color:#fff;font-weight:700;font-size:2.5rem;margin-bottom:32px;text-align:left;letter-spacing:-.02em;text-shadow:0 2px 10px rgba(255,255,255,.1)}.rating-content_special{padding:20px 0}@media (max-width: 768px){.promotion-header_special h2,.rating-header_special h2{font-size:2rem}}@media (max-width: 480px){.promotion-header_special h2,.rating-header_special h2{font-size:1.8rem}.promotion-section_special,.rating-section_special{padding:40px 0}}.vehicle-rating-container{margin-top:0;background:transparent;padding:0}.rating-summary-card{margin-bottom:32px;border-radius:16px;box-shadow:0 4px 20px #00000080;background:linear-gradient(135deg,#1a1a1ae6,#0a0a0ae6);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rating-summary-card .ant-card-body{padding:32px;background:transparent}.rating-summary{display:flex;justify-content:space-between;align-items:center;gap:32px}.rating-overview{display:flex;flex-direction:column;gap:12px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);padding:24px;border-radius:12px;border:2px solid rgba(251,191,36,.5);box-shadow:0 0 20px #fbbf244d}.average-rating{display:flex;align-items:center;gap:16px}.rating-text{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.rating-stats{margin-top:4px}.rating-stats .ant-typography{color:#ffffffb3;font-size:14px}.rating-actions{display:flex;align-items:center}.user-rating-info{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#10b98133,#05966933);border:2px solid rgba(16,185,129,.6);border-radius:12px;box-shadow:0 0 20px #10b9814d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-rating-info .ant-typography{color:#a7f3d0;font-weight:600;font-size:15px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.rating-form-modal .ant-modal-header{border-bottom:1px solid #f0f0f0;padding:16px 24px}.rating-form-modal .ant-modal-body{padding:24px}.rating-form{max-width:100%}.rating-form .ant-form-item-label>label{font-weight:600;color:#333}.rating-form .ant-rate{font-size:24px}.rating-form .ant-input,.rating-form .ant-input:focus{border-radius:8px;border:1px solid #d9d9d9}.rating-form .ant-input:hover{border-color:#40a9ff}.form-actions{margin-bottom:0;text-align:right}.reviews-card{border-radius:16px;box-shadow:0 4px 20px #00000080;background:linear-gradient(135deg,#1a1a1ae6,#0a0a0ae6);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reviews-card .ant-card-head{border-bottom:2px solid rgba(255,255,255,.1);padding:24px 32px;background:transparent}.reviews-card .ant-card-head-title{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.reviews-card .ant-card-body{padding:32px;background:transparent}.no-reviews{text-align:center;padding:40px 20px;color:#ffffff80}.reviews-list{display:flex;flex-direction:column;gap:0}.review-item{padding:24px 0;background:transparent;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.review-item:hover{background:#ffffff08;border-radius:12px;padding:24px 16px;margin:0 -16px;border-bottom:1px solid rgba(255,255,255,.1)}.review-item:last-child{border-bottom:none}.review-item:last-child .ant-divider{display:none}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.reviewer-info{display:flex;align-items:flex-start;gap:16px}.reviewer-details{display:flex;flex-direction:column;gap:6px}.reviewer-details .ant-typography{color:#fff;font-weight:600;font-size:16px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.review-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-meta .ant-typography{color:#fff9;font-size:14px}.review-content{margin-left:60px}.review-title{margin-bottom:12px!important;color:#fff!important;font-weight:700;font-size:18px;text-shadow:0 1px 4px rgba(0,0,0,.3)}.review-text{margin-bottom:0!important;color:#fffc;line-height:1.8;font-size:14px}@media (max-width: 768px){.rating-summary{flex-direction:column;align-items:stretch;gap:20px}.rating-overview{padding:20px}.rating-text{font-size:20px}.rating-actions{width:100%;justify-content:stretch}.rating-actions button{width:100%}.user-rating-info{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:12px 16px}.review-header{flex-direction:column;align-items:flex-start;gap:12px}.review-content{margin-left:0;margin-top:8px}.reviewer-info{width:100%}.review-title{font-size:16px}.review-text{font-size:14px}.rating-form-modal{width:95%!important;max-width:500px}.rating-form-modal .ant-modal-body{padding:16px}.rating-summary-card .ant-card-body,.reviews-card .ant-card-body{padding:20px}.reviews-card .ant-card-head{padding:16px 20px}}@media (max-width: 480px){.rating-summary-card .ant-card-body,.reviews-card .ant-card-body{padding:16px}.average-rating{flex-direction:column;align-items:flex-start;gap:8px}.rating-text{font-size:16px}.review-meta{flex-direction:column;align-items:flex-start;gap:4px}}.review-item{animation:fadeInUp .3s ease-out}.rating-form .ant-rate .ant-rate-star:hover{transform:scale(1.1);transition:transform .2s ease}.rating-form .ant-form-item-has-error .ant-input{border-color:#ff4d4f}.rating-form .ant-form-item-has-error .ant-input:focus{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f33}.reviews-card.ant-card-loading .ant-card-body{min-height:200px;display:flex;align-items:center;justify-content:center}:root{--primary-color: #000;--primary-color1: #f8f2f2;--secondary-color: #fff;--accent-color: #a91919;--text-light: #666;--border-color: #e0e0e0;--shadow-light: 0 2px 12px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 20px rgba(0, 0, 0, .12);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--sidebar-width: 320px}.models-container{display:flex;min-height:100vh;background:linear-gradient(135deg,#181818,#23272e);font-family:Arial,sans-serif;position:relative}.models-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 60% 40%,#ffffff1a,#0000001a);opacity:.7;pointer-events:none}.models-main{flex:1;margin-left:var(--sidebar-width);padding:5rem;background:transparent;min-height:100vh}.models-sidebar{width:var(--sidebar-width);background:linear-gradient(circle at 60% 40%,135deg,#181818 0%,#23272e 100%);padding:2rem;position:fixed;left:0;margin-top:45px;top:0;height:100vh;overflow-y:auto;z-index:100;transition:var(--transition)}.models-sidebar::-webkit-scrollbar{width:6px}.models-sidebar::-webkit-scrollbar-track{background:#f1f1f1}.models-sidebar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.models-sidebar h3{color:var(--primary-color1);font-size:1.5rem;font-weight:600;margin-bottom:1rem;padding-bottom:.1rem;border-bottom:2px solid var(--accent-color)}.filter-section{margin-bottom:2rem}.filter-title{color:var(--primary-color1);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.filter-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filter-button{padding:.7rem 1.6rem;border:2px solid var(--border-color);border-radius:8px;background:var(--secondary-color);color:var(--primary-color);font-weight:500;cursor:pointer;transition:var(--transition);text-align:center;font-size:1rem;position:relative;overflow:hidden;white-space:nowrap;min-width:0;width:auto;box-sizing:border-box}.filter-button:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-light)}.filter-button.active{background:var(--primary-color);color:var(--secondary-color);border-color:var(--primary-color)}.filter-button.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 1.5s}@keyframes shine{0%{left:-100%}to{left:100%}}.filter-button.disabled{opacity:.3;pointer-events:none;background:#f5f5f5;color:#888;border-color:#e0e0e0}.models-section{margin-bottom:3rem;opacity:0;margin-left:60px;transform:translateY(20px);animation:fadeInUp .6s ease-out forwards}.models-section:nth-child(2){animation-delay:.1s}.models-section:nth-child(3){animation-delay:.2s}.models-section:nth-child(4){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.section-title{color:var(--primary-color1);font-size:1.4rem;font-weight:700;margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:var(--accent-color);border-radius:2px}.models-grid{display:grid;grid-template-columns:repeat(3,320px);gap:5rem;margin-bottom:2rem;justify-content:start}.car-card{width:370px;min-height:540px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-light);background:var(--secondary-color);display:flex;flex-direction:column;transition:var(--transition);position:relative}.car-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-medium)}.car-card:nth-child(1){animation-delay:.1s}.car-card:nth-child(2){animation-delay:.2s}.car-card:nth-child(3){animation-delay:.3s}.car-card:nth-child(4){animation-delay:.4s}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0) scale(1)}}.car-image-container{position:relative;height:270px;background:#f5f7fa;overflow:hidden}.car-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.car-card:hover .car-image{transform:scale(1.05)}.car-badge{position:absolute;top:18px;left:18px;background:var(--accent-color);color:var(--secondary-color);padding:.5rem 1rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:none;box-shadow:0 2px 8px #00000014;letter-spacing:.5px}.car-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 2rem 1.5rem}.car-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:var(--primary-color)}.car-subtitle{color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.car-price{font-size:1rem;font-weight:500;color:#444;margin-bottom:1rem}.car-rating{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}.car-buttons{display:flex;flex-direction:column;margin-top:auto}.models-btn-primary{width:100%;box-sizing:border-box;padding:.7rem 0;background:var(--primary-color);color:var(--secondary-color);border:none;border-radius:2px;font-weight:600;font-size:.8rem;cursor:pointer;transition:var(--transition);margin-bottom:.5rem;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.models-btn-primary:hover{background:#333;transform:translateY(-2px);box-shadow:var(--shadow-light)}.models-btn-secondary{width:100%;box-sizing:border-box;padding:.5rem 0;background:var(--secondary-color);color:var(--primary-color);border:2px solid var(--primary-color);border-radius:2px;font-weight:600;font-size:.8rem;cursor:pointer;transition:var(--transition);text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}.models-btn-secondary:hover{background:var(--primary-color);color:var(--secondary-color);transform:translateY(-2px);box-shadow:var(--shadow-light)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#fafafa}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%}.loading-text{margin-top:1rem;color:var(--text-light);font-size:1.1rem}@media (max-width: 1024px){:root{--sidebar-width: 250px}.models-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.models-container{flex-direction:column}.models-sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-color)}.models-main{margin-left:0}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.models-grid{grid-template-columns:1fr}.section-title{font-size:1.5rem}}@media (max-width: 480px){.models-sidebar,.models-main,.car-content{padding:1rem}.car-buttons{flex-direction:column}}.card-placeholder{width:320px;min-height:420px;background:transparent;box-shadow:none;border:none;pointer-events:none}@media (max-width: 1024px) and (min-width: 601px){:root{--sidebar-width: 200px}.models-main{padding:1.5rem}.models-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.car-card,.card-placeholder{width:100%;min-width:0;max-width:100%;min-height:400px}.models-sidebar{padding:1rem}}@media (max-width: 600px){:root{--sidebar-width: 100vw}.models-container{flex-direction:column}.models-sidebar{position:relative;width:100vw;height:auto;border-right:none;border-bottom:1px solid var(--border-color);padding:.5rem;margin-top:0}.models-main{margin-left:0;padding:.5rem}.filter-grid{gap:.4rem}.filter-button{font-size:.95rem;padding:.45rem .8rem;border-radius:6px}.models-grid{grid-template-columns:1fr;gap:1rem}.car-card,.card-placeholder{width:100%;min-width:0;max-width:100%;min-height:320px;padding:0}.car-content{padding:.7rem .5rem}.section-title{font-size:1rem}}.rating-summary{display:flex;align-items:center;gap:6px;font-size:12px}.rating-summary.loading{opacity:.6}.rating-stars{font-size:16px;line-height:1}.rating-stars.large{font-size:20px}.rating-stars.small{font-size:14px}.rating-count{color:#666;font-size:11px;margin-left:4px}.rating-summary .ant-rate{font-size:16px;line-height:1}.rating-summary .ant-rate.ant-rate-large{font-size:20px}.rating-summary .ant-rate.ant-rate-small{font-size:14px}.rating-summary .ant-rate .ant-rate-star{margin-right:2px}.rating-summary .ant-rate .ant-rate-star-full .ant-rate-star-first,.rating-summary .ant-rate .ant-rate-star-full .ant-rate-star-second,.rating-summary .ant-rate .ant-rate-star-half .ant-rate-star-first{color:#fadb14}.rating-summary .ant-rate .ant-rate-star-half .ant-rate-star-second,.rating-summary .ant-rate .ant-rate-star-zero .ant-rate-star-first,.rating-summary .ant-rate .ant-rate-star-zero .ant-rate-star-second{color:#f0f0f0}.rating-summary:hover .rating-count{color:#1890ff}@media (max-width: 768px){.rating-summary{gap:4px}.rating-count{font-size:10px}.rating-stars{font-size:14px}.rating-stars.large{font-size:16px}.rating-stars.small{font-size:12px}.rating-summary .ant-rate{font-size:14px}.rating-summary .ant-rate.ant-rate-large{font-size:16px}.rating-summary .ant-rate.ant-rate-small{font-size:12px}}.la-loading-container{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000,#1a1a1a,#000);z-index:9999;transition:opacity .3s ease-out;padding-top:env(safe-area-inset-top)}.la-loading-container.fade-out{opacity:0}.la-loading-background{display:flex;flex-direction:column;align-items:center;gap:30px}.la-logo-container{display:flex;flex-direction:column;align-items:center;gap:20px}.la-audi-logo{width:200px;height:auto;animation:logoSlideIn 1s ease-out forwards;filter:drop-shadow(0 0 20px rgba(255,255,255,.3))}.la-loading-text{font-family:Arial,sans-serif;font-size:48px;font-weight:700;color:#fff;letter-spacing:8px;animation:textFadeIn .8s ease-out .3s both;text-shadow:0 0 20px rgba(255,255,255,.5)}.la-loading-bar{width:300px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;position:relative}.la-loading-progress{height:100%;background:linear-gradient(90deg,#fff,#ccc);border-radius:2px;animation:progressFill 1.2s ease-out forwards;box-shadow:0 0 10px #ffffff80}@keyframes logoSlideIn{0%{transform:translate(-100vw) scale(.5);opacity:0}50%{transform:translate(-50px) scale(1.1);opacity:.8}to{transform:translate(0) scale(1);opacity:1}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@media (max-width: 768px){.la-audi-logo{width:150px}.la-loading-text{font-size:36px;letter-spacing:6px}.la-loading-bar{width:250px}}@media (max-width: 480px){.la-audi-logo{width:120px}.la-loading-text{font-size:28px;letter-spacing:4px}.la-loading-bar{width:200px}}.la-intro-video{display:block;margin:0 auto;width:80vw;max-width:700px;max-height:80vh;height:auto;border-radius:12px;box-shadow:0 0 40px #000000b3;background:#000;object-fit:contain}@keyframes blog-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blog-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes blog-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes blog-slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes blog-scrollToTop{0%{transform:translateY(0)}to{transform:translateY(-100vh)}}.blog-scroll-to-top-animation{animation:blog-scrollToTop .5s ease-out}.blog-fade-in{animation:blog-fadeIn .6s ease-out}.blog-slide-in-up{animation:blog-slideInUp .6s ease-out}.blog-card-link,.blog-related-post-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-card-link:hover,.blog-related-post-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}.blog-card-link:active,.blog-related-post-card:active{transform:translateY(-4px);transition:transform .1s ease-out}.blog-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent;overflow:visible}.blog-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.blog-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:#fff;margin-bottom:1rem;margin-left:100px;letter-spacing:-.025em;line-height:1.1;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.blog-brand{display:inline-block;margin-left:.5rem;color:#3182ce;position:relative;animation:blog-slideInFromLeft .8s ease-out .3s both}.blog-brand:before{content:"";position:absolute;bottom:-10px;left:0;width:700px;height:3px;background:linear-gradient(90deg,#3182ce,transparent);border-radius:2px;animation:blog-slideInFromLeft 1s ease-out .5s both}.blog-subtitle{font-size:1.125rem;color:#e2e8f0;margin-bottom:0;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6;animation:blog-fadeIn .8s ease-out .4s both;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-stats{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;font-size:.875rem;color:#a0aec0;animation:blog-fadeIn .6s ease-out .6s both}.blog-stats-item{display:flex;align-items:center;gap:.25rem}.blog-stats-divider{opacity:.5}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem;margin-bottom:3rem;align-items:stretch}.blog-card{background:#ffffff0d;border-radius:16px;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;overflow:visible;transition:all .3s cubic-bezier(.4,0,.2,1);animation:blog-scaleIn .6s ease-out both;border:1px solid rgba(255,255,255,.1);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:1rem;display:flex;flex-direction:column;height:100%}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3182ce,#38a169);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;z-index:10}.blog-card:hover:before{opacity:1}.blog-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;position:relative;z-index:2}.blog-card-image{position:relative;width:100%;height:220px;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);border-radius:16px 16px 0 0}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#718096}.blog-placeholder-image.small{height:120px}.blog-placeholder-icon{font-size:2rem;opacity:.7}.blog-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(0,0,0,.1) 100%);opacity:0;transition:all .3s ease}.blog-card:hover .blog-image-overlay{opacity:1}.blog-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:calc(100% - 220px);min-height:200px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.blog-category-tag{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease}.blog-category-tag.large{padding:.5rem 1rem;font-size:.875rem}.blog-category-tag:hover{transform:scale(1.05)}.blog-tags-container{display:flex;gap:.5rem;flex-wrap:wrap}.blog-tag{display:inline-flex;align-items:center;padding:.25rem .5rem;background:#6366f11a;color:#6366f1;border-radius:6px;font-size:.75rem;font-weight:500;transition:all .2s ease}.blog-tag:hover{background:#6366f133;transform:scale(1.05)}.blog-tag-more{background:#6b72801a;color:#718096}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.4;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .2s ease}.blog-card:hover .blog-card-title{color:#3182ce}.blog-card-excerpt{color:#e2e8f0;line-height:1.6;font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;flex-grow:1;min-height:4.5rem}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;flex-wrap:wrap;gap:.5rem}.blog-author-info{display:flex;align-items:center;gap:.75rem}.blog-author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#3182ce,#38a169);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.blog-author-avatar.large{width:48px;height:48px;font-size:1.125rem}.blog-author-details{display:flex;flex-direction:column;gap:.125rem}.blog-author-name{font-weight:600;color:#fff;font-size:.875rem}.blog-post-date{color:#a0aec0;font-size:.8125rem}.blog-post-stats{display:flex;gap:1rem;font-size:.8125rem;color:#a0aec0}.blog-reading-time,.blog-view-count{display:flex;align-items:center;gap:.25rem}.blog-reading-time svg,.blog-view-count svg{opacity:.7}.blog-empty-state,.blog-error-state{text-align:center;padding:4rem 2rem;animation:blog-fadeIn .6s ease-out}.blog-empty-icon,.blog-error-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.blog-empty-state h3,.blog-error-state h2{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.blog-empty-state p,.blog-error-state p{color:#e2e8f0;font-size:1rem;margin-bottom:1.5rem}.blog-retry-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3182ce;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.blog-retry-button:hover{background:#2c5aa0;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-retry-button.secondary{background:#e2e8f0;color:#4a5568;margin-left:1rem}.blog-retry-button.secondary:hover{background:#d1d5db}.blog-error-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.blog-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:blog-shimmer 1.5s infinite;border-radius:6px}.blog-skeleton-card{animation:blog-pulse 1.5s infinite;opacity:.8}.blog-skeleton-title{height:48px;width:60%;margin:0 auto 1rem}.blog-skeleton-subtitle{height:20px;width:40%;margin:0 auto}.blog-skeleton-image{height:180px;width:100%;border-radius:12px}.blog-skeleton-category{height:24px;width:80px;border-radius:12px}.blog-skeleton-text{height:16px;width:100%;margin-bottom:.5rem}.blog-skeleton-text:last-child{width:70%}.blog-skeleton-meta{height:14px;width:120px}.blog-detail-container{max-width:900px;margin:0 auto;padding:2rem;padding-top:calc(2rem + 100px);background:transparent;min-height:100vh}.blog-breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;animation:blog-slideInFromLeft .6s ease-out}.blog-breadcrumb-link{display:flex;align-items:center;gap:.5rem;color:#3182ce;text-decoration:none;font-weight:500;transition:all .2s ease}.blog-breadcrumb-link:hover{color:#2c5aa0;transform:translate(-2px)}.blog-breadcrumb-separator{color:#a0aec0;margin:0 .25rem}.blog-breadcrumb-current{color:#a0aec0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-article-header{margin-bottom:3rem;animation:blog-fadeIn .8s ease-out .2s both}.blog-article-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.blog-article-stats{display:flex;gap:1rem;font-size:.875rem;color:#a0aec0}.blog-stat-item{display:flex;align-items:center;gap:.25rem}.blog-article-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2;color:#fff;margin-bottom:2rem;letter-spacing:-.025em}.blog-article-author{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-article-author-info{display:flex;flex-direction:column;gap:.25rem}.blog-article-author-name{font-weight:600;color:#fff;font-size:1rem}.blog-publish-date{color:#a0aec0;font-size:.875rem}.blog-article-featured-image{margin:2rem 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:blog-scaleIn .8s ease-out .4s both}.blog-article-featured-image img{width:100%;height:auto;display:block;transition:all .3s ease}.blog-article-featured-image:hover img{transform:scale(1.02)}.blog-article-content{margin:3rem 0;animation:blog-fadeIn 1s ease-out .6s both}.blog-prose{line-height:1.8;color:#e2e8f0;font-size:1.0625rem}.blog-prose h1,.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3;color:#fff}.blog-prose h2{font-size:1.875rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:.5rem;margin-top:2.5rem}.blog-prose h3{font-size:1.5rem;margin-top:2rem;color:#3182ce}.blog-prose p{margin-bottom:1.5rem;color:#e2e8f0;line-height:1.8;text-align:justify}.blog-prose ul,.blog-prose ol{margin-bottom:1.5rem;padding-left:2rem}.blog-prose li{margin-bottom:.75rem;color:#e2e8f0;line-height:1.6}.blog-prose strong{color:#3182ce;font-weight:700}.blog-prose blockquote{border-left:4px solid #3182ce;margin:2rem 0;padding:1.5rem 2rem;background:#3182ce1a;border-radius:0 12px 12px 0;font-style:italic;color:#e2e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.blog-prose blockquote:before{content:'"';font-size:3rem;color:#3182ce;position:absolute;top:-.5rem;left:1rem;opacity:.3}.blog-prose code{background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#3182ce}.blog-prose pre{background:#ffffff0d;color:#e2e8f0;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-prose pre code{background:none;padding:0;color:inherit}.blog-prose img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-prose a{color:#3182ce;text-decoration:underline;transition:all .2s ease}.blog-prose a:hover{color:#2c5aa0;text-decoration:none}.blog-article-tags{margin:3rem 0;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);animation:blog-slideInUp .6s ease-out .8s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-article-tags h3{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:1rem}.blog-tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.blog-tag-item{display:inline-flex;align-items:center;padding:.5rem 1rem;background:#f7fafc;color:#3182ce;border:2px solid #3182ce;border-radius:9999px;font-weight:600;font-size:.875rem;text-decoration:none;transition:all .3s ease}.blog-tag-item:hover{background:#3182ce;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.blog-social-share{margin:3rem 0;padding:2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);animation:blog-slideInUp .6s ease-out 1s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-social-share h3{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:1rem;text-align:center}.blog-share-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.blog-share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.875rem}.blog-share-btn.facebook{background:#1877f2;color:#fff}.blog-share-btn.facebook:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-share-btn.twitter{background:#1da1f2;color:#fff}.blog-share-btn.twitter:hover{background:#1a91da;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-share-btn.copy{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.blog-share-btn.copy:hover{background:#f7fafc;border-color:#3182ce;color:#3182ce;transform:translateY(-2px)}.blog-related-posts{margin:4rem 0;animation:blog-fadeIn .8s ease-out 1.2s both}.blog-related-posts h2{font-size:1.875rem;font-weight:800;color:#fff;margin-bottom:2rem;text-align:center;position:relative}.blog-related-posts h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3182ce,#38a169);border-radius:2px}.blog-related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.blog-related-post-card{display:flex;gap:1rem;padding:1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 4px -1px #0000004d,0 1px 2px -1px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-related-post-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;border-color:#3182ce}.blog-related-post-image{flex-shrink:0;width:80px;height:80px;border-radius:12px;overflow:hidden;background:#f7fafc}.blog-related-post-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.blog-related-post-card:hover .blog-related-post-image img{transform:scale(1.1)}.blog-related-post-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.blog-related-post-content h3{font-size:1rem;font-weight:600;line-height:1.4;color:#fff;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-related-post-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#a0aec0}.blog-detail-skeleton{animation:blog-pulse 1.5s infinite;opacity:.8}.blog-skeleton-breadcrumb{height:16px;width:200px;margin-bottom:2rem}.blog-skeleton-title-large{height:60px;width:80%;margin-bottom:1rem}.blog-skeleton-meta-large{height:40px;width:60%;margin-bottom:2rem}.blog-skeleton-image-large{height:300px;width:100%;margin:2rem 0}.blog-skeleton-content{height:20px;width:100%;margin-bottom:1rem}.blog-skeleton-content:nth-child(2n){width:85%}.blog-skeleton-content:last-child{width:70%}.blog-comments{margin:4rem 0;animation:blog-fadeIn .8s ease-out 1.4s both}.blog-comments h2{font-size:1.875rem;font-weight:800;color:#fff;margin-bottom:2rem;text-align:center;position:relative}.blog-comments h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#3182ce,#38a169);border-radius:2px}.blog-comment-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-comment-form h3{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.blog-comment-form textarea{width:100%;min-height:120px;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-comment-form textarea:focus{outline:none;border-color:#3182ce;background:#ffffff26;box-shadow:0 0 0 3px #3182ce1a}.blog-comment-form textarea::placeholder{color:#fff9}.blog-comment-form-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.blog-comment-submit-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#3182ce,#2c5aa0);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.blog-comment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3182ce4d}.blog-comment-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-comment-cancel-btn{padding:.875rem 2rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.blog-comment-cancel-btn:hover{background:#fff3;border-color:#ffffff80}.blog-comments-list{display:flex;flex-direction:column;gap:2rem}.blog-no-comments{text-align:center;padding:3rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-no-comments p{color:#a0aec0;font-size:1.125rem;margin:0}.blog-comment{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.blog-comment:hover{border-color:#3182ce4d;box-shadow:0 4px 20px #0003}.blog-comment.reply{margin-left:3rem;margin-top:1rem;background:#ffffff08;border-color:#ffffff0d}.blog-comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.blog-comment-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#3182ce,#38a169)}.blog-comment-info{flex:1}.blog-comment-author{font-weight:600;color:#fff;font-size:1rem;margin-bottom:.25rem}.blog-comment-date{color:#a0aec0;font-size:.875rem}.blog-comment-content{color:#e2e8f0;line-height:1.6;font-size:1rem;margin-bottom:1.5rem;text-align:justify}.blog-comment-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.blog-comment-like-btn,.blog-comment-reply-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;position:relative;overflow:hidden;will-change:transform,background-color,border-color}.blog-comment-like-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-2px)}.blog-comment-like-btn:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.blog-comment-like-btn.liked:hover:not(:disabled){background:#dc26264d;border-color:#dc262699}.blog-comment-like-btn:disabled{cursor:not-allowed;opacity:.7}.blog-comment-like-btn.animating .heart-icon{animation:heartBeat .8s cubic-bezier(.68,-.55,.265,1.55)}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.4)}30%{transform:scale(1.1)}45%{transform:scale(1.3)}60%{transform:scale(1.05)}75%{transform:scale(1.2)}90%{transform:scale(1.02)}to{transform:scale(1)}}.blog-comment-like-btn.animating:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:glow .8s cubic-bezier(.25,.46,.45,.94);pointer-events:none;z-index:1}@keyframes glow{0%{width:0;height:0;opacity:1}50%{width:200px;height:200px;opacity:.8}to{width:300px;height:300px;opacity:0}}.blog-comment-like-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:0}.blog-comment-like-btn:active:after{width:100px;height:100px;opacity:1;transition:0s}.blog-comment-like-btn *{will-change:transform}.blog-comment-like-btn svg{transition:all .2s cubic-bezier(.4,0,.2,1)}.blog-comment-like-btn:hover svg{transform:scale(1.1)}.blog-comment-owner-badge{display:inline-block;background:linear-gradient(135deg,#3182ce,#2c5aa0);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:12px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #3182ce33}.blog-comment-edit-form{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;margin:1rem 0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000001a;animation:editFormSlideIn .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-comment-edit-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3182ce,#38a169,#e53e3e);animation:editFormProgress 2s ease-in-out infinite}@keyframes editFormSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes editFormProgress{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.edit-form-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.edit-form-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#3182ce,#2c5aa0);border-radius:12px;color:#fff;animation:editIconPulse 2s ease-in-out infinite}@keyframes editIconPulse{0%,to{transform:scale(1);box-shadow:0 0 #3182ce66}50%{transform:scale(1.05);box-shadow:0 0 0 8px #3182ce00}}.edit-form-title h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 4px}.edit-form-subtitle{color:#ffffffb3;font-size:.85rem;font-weight:400}.edit-form-content{position:relative;margin-bottom:1.5rem}.edit-form-textarea{width:100%;min-height:120px;padding:1rem;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff1a;color:#fff;font-size:1rem;line-height:1.6;resize:vertical;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:inherit}.edit-form-textarea:focus{outline:none;border-color:#3182ce;background:#ffffff26;box-shadow:0 0 0 4px #3182ce1a;transform:translateY(-2px)}.edit-form-textarea::placeholder{color:#ffffff80;font-style:italic}.edit-form-character-count{display:flex;justify-content:flex-end;margin-top:8px}.character-count{font-size:.8rem;font-weight:500;color:#ffffffb3;transition:all .3s ease;padding:4px 8px;border-radius:8px;background:#ffffff1a}.character-count.warning{color:#fbbf24;background:#fbbf241a;animation:characterCountWarning .6s ease-in-out}.character-count.error{color:#ef4444;background:#ef44441a;animation:characterCountError .6s ease-in-out}@keyframes characterCountWarning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes characterCountError{0%,to{transform:scale(1)}25%{transform:scale(1.1) rotate(-2deg)}75%{transform:scale(1.1) rotate(2deg)}}.edit-form-actions{display:flex;gap:12px;justify-content:flex-end;align-items:center}.edit-form-save-btn,.edit-form-cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-form-save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.edit-form-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.edit-form-save-btn:active:not(:disabled){transform:translateY(0)}.edit-form-save-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.edit-form-cancel-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 4px 15px #6b72804d}.edit-form-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066;background:linear-gradient(135deg,#ef4444,#dc2626)}.edit-form-cancel-btn:active{transform:translateY(0)}.edit-form-save-btn svg,.edit-form-cancel-btn svg{transition:transform .3s ease}.edit-form-save-btn:hover:not(:disabled) svg{transform:scale(1.1) rotate(5deg)}.edit-form-cancel-btn:hover svg{transform:scale(1.1) rotate(-5deg)}.edit-form-save-btn:before,.edit-form-cancel-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease;opacity:0}.edit-form-save-btn:active:before,.edit-form-cancel-btn:active:before{width:300px;height:300px;opacity:1;transition:0s}.edit-form-save-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #10b98166}.edit-form-cancel-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #ef444466}.edit-form-textarea:focus{outline:none;border-color:#3182ce;background:#ffffff26;box-shadow:0 0 0 4px #3182ce1a,0 4px 20px #3182ce33;transform:translateY(-2px)}.edit-form-save-btn:focus:not(:disabled),.edit-form-cancel-btn:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d,0 4px 15px #0003}.blog-comment-edit-form{transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-comment-edit-form:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00000026}.edit-form-save-btn.loading{pointer-events:none}.edit-form-save-btn.loading span{opacity:0}.edit-form-save-btn.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:editFormLoading 1s linear infinite;transform:translate(-50%,-50%)}@keyframes editFormLoading{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.blog-comment-edit-form{padding:1rem;margin:.5rem 0}.edit-form-header{flex-direction:column;align-items:flex-start;gap:8px}.edit-form-icon{width:32px;height:32px}.edit-form-title h4{font-size:1rem}.edit-form-actions{flex-direction:column;gap:8px}.edit-form-save-btn,.edit-form-cancel-btn{width:100%;justify-content:center}}.blog-reply-form{margin-top:1.5rem;padding:1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-reply-form textarea{width:100%;min-height:80px;padding:.875rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .3s ease}.blog-reply-form textarea:focus{outline:none;border-color:#3182ce;background:#ffffff26}.blog-reply-form-actions{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.blog-reply-submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.blog-comment-replies{margin-top:1rem}@media (max-width: 768px){.blog-comment{padding:1rem}.blog-comment.reply{margin-left:1rem}.blog-comment-form{padding:1.5rem}.blog-comment-form-actions,.blog-reply-form-actions{flex-direction:column}.blog-comment-actions{flex-direction:column;align-items:flex-start}.blog-comment-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 768px){.blog-container,.blog-detail-container{padding:1rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.blog-card-footer{flex-direction:column;align-items:flex-start;gap:1rem}.blog-post-stats{flex-direction:column;gap:.5rem}.blog-article-meta{flex-direction:column;align-items:flex-start}.blog-share-buttons{flex-direction:column}.blog-share-btn{justify-content:center}.blog-related-post-card{flex-direction:column}.blog-related-post-image{width:100%;height:120px}.blog-breadcrumb-current{max-width:100%}}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;padding:2rem 0;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.blog-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.blog-pagination-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.blog-pagination-btn:hover:before{left:100%}.blog-pagination-btn:hover:not(:disabled){background:#3182ce;color:#fff;border-color:#3182ce;transform:translateY(-3px);box-shadow:0 8px 25px #3182ce4d}.blog-pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:#ffffff0d;color:#ffffff80}.blog-pagination-btn:disabled:hover{transform:none;box-shadow:none}.blog-pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem 1.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;box-shadow:0 4px 12px #0000001a}.blog-page-info{font-weight:700;font-size:1.1rem;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}.blog-items-info{font-size:.85rem;color:#fffc;text-align:center}.blog-page-numbers{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.blog-page-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.blog-page-number:hover{color:#fff;border-color:#3182ce;background:#3182ce40;transform:translateY(-2px);box-shadow:0 4px 15px #3182ce4d}.blog-page-number.active{background:#3182ce;color:#fff;border-color:#3182ce;box-shadow:0 4px 15px #3182ce66;transform:scale(1.1)}.blog-page-ellipsis{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#ffffffb3;font-weight:600;font-size:1.1rem;-webkit-user-select:none;user-select:none}.blog-btn-text{font-weight:600;letter-spacing:.5px}@media (max-width: 768px){.blog-pagination{flex-direction:column;gap:1rem;padding:1.5rem}.blog-pagination-info{min-width:auto;width:100%;max-width:300px}.blog-page-numbers{flex-wrap:wrap;justify-content:center;gap:.25rem}.blog-page-number{width:36px;height:36px;font-size:.8rem}.blog-pagination-btn{padding:.75rem 1.25rem;font-size:.85rem}.blog-btn-text{display:none}}@media (max-width: 480px){.blog-pagination{padding:1rem}.blog-page-numbers{gap:.2rem}.blog-page-number{width:32px;height:32px;font-size:.75rem}.blog-pagination-btn{padding:.625rem 1rem;font-size:.8rem}}.blog-comment-like-btn.liked{background:#dc262633;border-color:#dc262666;color:#fecaca}.blog-comment-like-btn.liked svg{color:#ef4444;fill:#ef4444}.blog-comment-like-btn.liked:hover{background:#dc26264d;border-color:#dc262699}.blog-comment-like-btn.animating .heart-icon{animation:heartBeat 1s ease-in-out}.blog-comment-like-btn.animating{pointer-events:none}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.3)}to{transform:scale(1)}}.blog-comment-like-btn.animating:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(239,68,68,.3) 0%,transparent 70%);animation:glow 1s ease-out;pointer-events:none}@keyframes glow{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1.5)}}.blog-reply-form{margin-top:1.5rem;margin-left:3rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.blog-reply-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#38a169,#d53f8c,#3182ce);animation:gradientShift 3s ease infinite}.blog-reply-form:after{content:"↳";position:absolute;left:-2rem;top:1.5rem;color:#ffffff4d;font-size:1.2rem;font-weight:700}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.reply-form-header h4{color:#ffffffe6;margin:0 0 1rem;font-size:.9rem;font-weight:600;opacity:.8}.blog-reply-form textarea{width:100%;min-height:80px;padding:.875rem;border:2px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .3s ease;font-family:inherit}.blog-reply-form textarea:focus{outline:none;border-color:#3182ce;background:#ffffff26;box-shadow:0 0 0 3px #3182ce1a}.blog-reply-form textarea::placeholder{color:#fff9}.blog-reply-form textarea.error{border-color:#e53e3e;background:#e53e3e1a}.reply-form-footer{margin-top:1rem}.reply-form-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem}.char-count{color:#ffffffb3}.error-message{color:#e53e3e;font-weight:500}.blog-reply-form-actions{display:flex;gap:1rem;flex-wrap:wrap}.blog-reply-submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.blog-reply-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #38a1694d}.blog-reply-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.blog-reply-cancel-btn{padding:.75rem 1.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.blog-reply-cancel-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.blog-reply-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.reply-error-message{color:#e53e3e;background:#e53e3e1a;border:1px solid rgba(229,62,62,.3);border-radius:6px;padding:.5rem;margin:.5rem 0;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.reply-error-message:before{content:"⚠️";font-size:1rem}.blog-comment-replies{margin-top:1rem;margin-left:3rem;position:relative}.blog-comment-replies:before{content:"";position:absolute;left:-1.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 50%,transparent 100%);border-radius:1px}.blog-comment.reply{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;margin-bottom:.75rem;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease}.blog-comment.reply:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(2px)}.blog-comment.reply:last-child{margin-bottom:0}.blog-comment.reply .reply-avatar{width:32px;height:32px;border:2px solid rgba(255,255,255,.1)}.blog-comment.reply .reply-content{color:#fffc;font-size:.95rem;line-height:1.5;margin:.75rem 0}.blog-comment.reply .reply-actions{margin-top:.75rem}.blog-comment.reply .blog-comment-like-btn{padding:.4rem .8rem;font-size:.8rem;background:#ffffff0d;border-color:#ffffff1a}.blog-comment.reply .blog-comment-like-btn:hover{background:#ffffff14;border-color:#ffffff26}.blog-comment.reply:before{content:"↳";position:absolute;left:-2rem;top:1.5rem;color:#ffffff4d;font-size:1.2rem;font-weight:700}@media (max-width: 768px){.blog-comment-replies{margin-left:1.5rem}.blog-comment.reply:before{left:-1.5rem}}.blog-comment-menu{position:relative;margin-left:auto;z-index:10}.blog-comment-menu-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.blog-comment-menu-btn:hover{background:#ffffff1a;color:#fff;transform:scale(1.1)}.blog-comment-dropdown{position:absolute;top:100%;right:0;background:#1f2937;border:1px solid #374151;border-radius:8px;box-shadow:0 10px 25px #00000080;z-index:1000;min-width:140px;overflow:hidden;margin-top:4px}.blog-comment-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:none;border:none;color:#e5e7eb;cursor:pointer;transition:background-color .2s;font-size:14px}.blog-comment-dropdown-item:hover{background:#ffffff1a}.blog-comment-dropdown-item.delete:hover{background:#ef444433;color:#ef4444}.blog-comment-header{display:flex;align-items:flex-start;gap:12px;position:relative}@media (max-width: 768px){.blog-comment-menu{margin-left:auto}.blog-comment-dropdown{right:-10px;min-width:120px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.audi-dealership-container{max-width:1200px;margin:20px auto 0;padding:40px 20px;min-height:100vh;background:transparent;color:#fff;position:relative;z-index:1}.audi-dealership-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(213,0,28,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.audi-dealership-header,.audi-dealership-stats,.audi-dealership-grid,.audi-dealership-pagination{position:relative;z-index:2}.audi-dealership-container{opacity:1!important;visibility:visible!important;display:block!important}.audi-dealership-header{text-align:center;margin-bottom:60px;animation:fadeInUp .6s ease-out}.audi-dealership-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:16px;line-height:1.2;letter-spacing:-.02em;position:relative}.audi-dealership-brand{color:#d50000;margin-left:8px;position:relative;display:inline-block}.audi-dealership-brand:after{content:"";position:absolute;top:100%;left:100%;width:600px;height:3px;background:linear-gradient(90deg,#D50000,transparent);border-radius:2px;transform:translateY(-50%);animation:slideInFromLeft .8s ease-out .3s both}@keyframes slideInFromLeft{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.audi-dealership-subtitle{font-size:1.25rem;color:#ccc;max-width:800px;margin:0 auto;line-height:1.6}.audi-dealership-stats{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:15px;padding:16px 24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-item{font-size:.95rem;color:#ccc}.stats-divider{color:#d50000;font-weight:700}.audi-dealership-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;margin-bottom:60px}.audi-dealership-card{background:#ffffff0d;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d;transition:all .2s ease;animation:fadeInUp .4s ease-out;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;cursor:pointer;will-change:transform}.audi-dealership-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006,0 0 0 1px #d5000033;background:#bd2e2e26;border-color:#fff3}.audi-dealership-card:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d500001a,#ffffff0d,#d500001a);opacity:.6;pointer-events:none;z-index:1;border-radius:16px;transition:opacity .2s ease}.audi-dealership-card:hover .dealership-name{color:#fff}.audi-dealership-card:hover .contact-value{color:#e0e0e0}.audi-dealership-card:hover .hours-text{background:#0006;border-left-color:#f44}.audi-dealership-card:hover .view-map-btn{background:#f44;box-shadow:0 4px 12px #f446}.audi-dealership-card:hover .view-map-btn:hover{background:#f66;transform:translateY(-2px)}.audi-dealership-card:before,.audi-dealership-card:after{display:none}.audi-dealership-card-content{position:relative;z-index:3}.audi-dealership-map-section{position:relative;height:200px;overflow:hidden}.map-container{position:relative;height:100%;width:100%;border-radius:8px;overflow:hidden}.map-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff}.loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #D50000;border-radius:50%;margin-bottom:8px}.audi-dealership-info-section{padding:24px;flex:1;display:flex;flex-direction:column}.open-status,.status-dot,.status-text{display:none!important}.open-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.open-status.open{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.open-status.closed{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.open-status.open .status-dot{background:#22c55e;box-shadow:0 0 #22c55eb3}.open-status.closed .status-dot{background:#ef4444;box-shadow:0 0 #ef4444b3}.status-text{font-size:.75rem;font-weight:600}@keyframes pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 4px #22c55e00}to{box-shadow:0 0 #22c55e00}}.open-status.closed .status-dot{animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 4px #ef444400}to{box-shadow:0 0 #ef444400}}.dealership-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.dealership-name{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.3;flex:1}.dealership-address{margin-bottom:20px}.dealership-address p{margin:4px 0;color:#ccc;font-size:.95rem;line-height:1.5}.dealership-contact{margin-bottom:20px}.contact-item{display:flex;align-items:center;margin-bottom:8px;gap:8px}.contact-label{font-weight:600;color:#fff;min-width:60px;font-size:.9rem}.contact-value{color:#ccc;font-size:.9rem}.email-link{color:#d50000;text-decoration:none;transition:color .15s ease}.email-link:hover{color:#ff6b6b;text-decoration:underline}.service-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#d50000,#b71c1c);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-bottom:20px;align-self:flex-start}.working-hours{margin-bottom:24px;flex:1}.working-hours h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:8px}.hours-grid{display:grid;grid-template-columns:1fr;gap:8px;background:#00000059;border-radius:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.08)}.hours-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;column-gap:8px}.hours-day{color:#e8e8e8;font-weight:600;font-size:.9rem}.hours-sep{height:1px;background:linear-gradient(90deg,#ffffff14,#fff0)}.hours-time{justify-self:end;color:#cfcfcf;font-variant-numeric:tabular-nums}.hours-badge{justify-self:end;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.hours-badge.open{color:#1f5131;background:#22c55e33;border:1px solid #22c55e66}.hours-badge.closed{color:#5b1f1f;background:#ef444433;border:1px solid #ef444466}.hours-text span{font-weight:600}.hours-text span[style*="color: #22c55e"]{color:#22c55e!important;text-shadow:0 0 4px rgba(34,197,94,.3)}.hours-text span[style*="color: #ef4444"]{color:#ef4444!important;text-shadow:0 0 4px rgba(239,68,68,.3)}.view-map-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#d50000;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .15s ease;width:100%;margin-top:auto}.view-map-btn:hover{background:#b71c1c;transform:translateY(-1px);box-shadow:0 4px 12px #d500004d}.view-map-btn:active{transform:translateY(0)}.audi-dealership-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:40px;padding:24px;background:#ffffff0d;border-radius:12px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.9rem}.pagination-btn:hover:not(.disabled){background:#ffffff1a;border-color:#d50000;color:#d50000;transform:translateY(-1px)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:4px}.page-info{font-weight:600;color:#fff}.items-info{font-size:.8rem;color:#ccc}.page-numbers{display:flex;gap:4px}.page-number{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:.9rem}.page-number:hover{background:#ffffff1a;border-color:#d50000;color:#d50000;transform:scale(1.05)}.page-number.active{background:#d50000;color:#fff;border-color:#d50000}.page-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#ccc;font-size:.9rem}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-title{height:2rem;width:60%;margin-bottom:1rem;border-radius:4px}.skeleton-subtitle{height:1rem;width:80%;border-radius:4px}.skeleton-card{height:400px;border-radius:16px;overflow:hidden}.skeleton-map{height:200px;background:#f0f0f0}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem;border-radius:4px}.skeleton-button{height:2.5rem;width:100%;border-radius:8px;margin-top:1rem}.error-state,.empty-state{text-align:center;padding:60px 20px;background:#ffffff0d;border-radius:16px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon,.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.error-state h2,.empty-state h3{font-size:1.5rem;color:#fff;margin-bottom:16px}.error-state p,.empty-state p{color:#ccc;margin-bottom:24px}.retry-button{background:#d50000;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .15s ease}.retry-button:hover{background:#b71c1c}.audi-marker{background:transparent!important;border:none!important}.audi-marker img{transition:transform .15s ease}.audi-marker:hover img{transform:scale(1.05)}.leaflet-container{font-family:inherit}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 20px #00000026}.leaflet-popup-content{margin:12px 16px;font-size:.9rem}.leaflet-popup-tip{background:#fff}.leaflet-control-attribution{font-size:.7rem;opacity:.7}.fade-in{animation:fadeInUp .6s ease-out}.audi-dealership-card{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.audi-dealership-card:nth-child(1){animation-delay:.05s}.audi-dealership-card:nth-child(2){animation-delay:.1s}.audi-dealership-card:nth-child(3){animation-delay:.15s}.audi-dealership-card:nth-child(4){animation-delay:.2s}.audi-dealership-card:nth-child(5){animation-delay:.25s}.audi-dealership-card:nth-child(6){animation-delay:.3s}.audi-dealership-card{transition:all .2s ease}.view-map-btn{transition:all .15s ease}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.audi-dealership-container{opacity:0;animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.pagination-btn:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 2px 8px #d5000033}.page-number:hover{transform:scale(1.05)}.audi-dealership-stats{animation:slideInDown .6s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.audi-dealership-info-section{animation:slideInRight .4s ease-out .1s both}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.audi-dealership-map-section{animation:zoomIn .6s ease-out}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.error-state,.empty-state{animation:bounceIn .6s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.02)}70%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}.contact-item{transition:all .15s ease}.contact-item:hover{transform:translate(3px);color:#d50000}.email-link{transition:all .15s ease}.email-link:hover{transform:scale(1.02);text-shadow:0 0 6px rgba(213,0,0,.3)}.working-hours:hover .hours-grid{background:#0006}@media (max-width: 768px){.audi-dealership-card{animation-delay:.05s!important}.audi-dealership-card:nth-child(n){animation-delay:.05s!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.map-error{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;color:#fff;text-align:center;padding:20px}.map-error .error-icon{font-size:2rem;margin-bottom:8px;opacity:.7}.map-error span{margin-bottom:12px;font-size:.9rem}.retry-map-btn{background:#d50000;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .15s ease}.retry-map-btn:hover{background:#b71c1c}@media (max-width: 768px){.audi-dealership-container{padding:20px 16px}.audi-dealership-title{font-size:2.5rem}.audi-dealership-subtitle{font-size:1.1rem}.audi-dealership-grid{grid-template-columns:1fr;gap:24px}.audi-dealership-pagination{flex-direction:column;gap:12px}.page-numbers{order:-1}}@media (max-width: 480px){.audi-dealership-title{font-size:2rem}.audi-dealership-card{margin:0 -8px}.audi-dealership-info-section{padding:20px}}.vehicle-configurator{max-width:1400px;margin:50px auto 0;padding:0;background:#000!important;min-height:100vh;position:relative;overflow-x:hidden}.configurator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:40px 60px 30px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1;margin-top:20px}.configurator-header h2{color:#fff;font-size:2.5rem;font-weight:200;margin:0;letter-spacing:-.01em}.header-actions{display:flex;gap:16px;flex-wrap:wrap}.header-actions .ant-btn{padding:10px 24px;height:auto;border-radius:50px;font-weight:500;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.header-actions .ant-btn:not(.ant-btn-primary){background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);color:#fff}.header-actions .ant-btn-primary{background:#d5001c!important;border:none;box-shadow:0 8px 25px #d5001c4d}.header-actions .ant-btn-primary:hover{background:#e6001f!important;box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.configurator-content{display:flex;flex-direction:column;gap:40px;padding:0 60px 60px;position:relative;z-index:1;margin-top:20px;background:transparent!important}.steps-container .ant-steps-item-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;opacity:0;transition:opacity .3s ease}.steps-container .ant-steps-item-icon:hover:before{opacity:1}.steps-container .ant-steps-item-wait .ant-steps-item-icon{background:#ffffff0d!important;border:2px solid rgba(255,255,255,.1)!important}.steps-container .ant-steps-item-finish .ant-steps-item-title{color:#ffffffe6!important;font-weight:500!important}.steps-container .ant-steps-item-wait .ant-steps-item-title{color:#ffffff80!important;font-weight:400!important}.steps-container .ant-steps-item-description{color:#ffffff80!important;font-size:14px!important;margin-top:4px!important}.steps-container .ant-steps-item-process .ant-steps-item-description{color:#fffc!important}.steps-container .ant-steps-item-tail{background:#ffffff1a!important;height:2px!important;margin-top:24px!important}.steps-container .ant-steps-item-finish .ant-steps-item-tail{background:linear-gradient(90deg,#fff3,#ffffff1a)!important}.steps-container .ant-steps-item{transition:all .3s ease!important;cursor:pointer!important;padding:8px!important;border-radius:15px!important;margin:0 4px!important}.steps-container .ant-steps-item:hover{background:#ffffff0d!important;transform:translateY(-2px)!important}.steps-container .ant-steps-item-process{background:#d5001c1a!important;box-shadow:0 4px 20px #d5001c33!important}@keyframes stepPulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #d5001c33,0 8px 25px #d5001c4d}50%{transform:scale(1.05);box-shadow:0 0 0 6px #d5001c4d,0 12px 35px #d5001c66}}.steps-container .ant-steps-item-process .ant-steps-item-icon{animation:stepPulse 2s ease-in-out infinite!important}@media (max-width: 768px){.steps-container{padding:25px 20px;margin-bottom:30px}.steps-container .ant-steps-item-icon{width:40px!important;height:40px!important}.steps-container .ant-steps-item-title{font-size:14px!important}.steps-container .ant-steps-item-description{font-size:12px!important}.steps-container .ant-steps-item{padding:6px!important;margin:0 2px!important}}@media (max-width: 480px){.steps-container{padding:20px 15px}.steps-container .ant-steps-item-icon{width:36px!important;height:36px!important}.steps-container .ant-steps-item-title{font-size:13px!important}}.step-content-container{min-height:500px;padding:40px;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:none!important;position:relative;overflow:hidden}.step-content h3{color:#fff!important;font-size:1.8rem;font-weight:300;margin-bottom:30px}.step-content{max-width:100%;background:transparent!important}.step-navigation .ant-btn{min-width:120px;height:45px;border-radius:25px;font-weight:500;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:none!important;backdrop-filter:none!important;position:relative;overflow:hidden}.step-navigation .ant-btn:not(.ant-btn-primary){background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);color:#fff}.step-navigation .ant-btn-primary{background:#d5001c!important;border:none;box-shadow:0 8px 25px #d5001c4d}.step-navigation .ant-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.step-navigation .ant-btn-primary:hover{background:#e6001f!important;box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.color-card{text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);background:#ffffff0d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:20px;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 25px #0000004d}.color-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0006;border-color:#ffffff4d}.color-card.selected{border-color:#d5001c;background:#d5001c1a!important;box-shadow:0 0 0 3px #d5001c4d,0 12px 30px #d5001c33;transform:translateY(-5px);animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 3px #d5001c4d,0 12px 30px #d5001c33}50%{box-shadow:0 0 0 3px #d5001c80,0 15px 40px #d5001c4d,0 0 20px #d5001c33}}.color-preview{width:100%;height:180px;border-radius:16px 16px 0 0;margin-bottom:16px;border:none;position:relative;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#0000000d!important}.color-car-image{width:100%;height:100%;object-fit:cover;object-position:center}.color-swatch{width:100%;height:100%;border-radius:8px 8px 0 0}.color-info{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;flex-grow:1}.color-info .ant-typography{color:#fff!important;margin:0}.metallic-badge{background:#faad14;color:#fff;padding:2px 8px;border-radius:4px;font-size:12px;display:inline-block;margin-top:4px;font-weight:500}.option-card{transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);background:#ffffff0d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:16px;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden}.option-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000004d;border-color:#fff3}.option-card.selected{border-color:#d5001c;background:#d5001c1a!important;box-shadow:0 0 0 2px #d5001c4d,0 12px 30px #d5001c33;transform:translateY(-4px)}.option-info{display:flex;flex-direction:column;gap:12px;padding:20px}.option-info .ant-typography{color:#fff!important;margin:0}.option-info .ant-typography[data-type=secondary]{color:#ffffffb3!important}.option-category{font-size:12px;text-transform:uppercase;color:#8c8c8c}.interior-card{transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);background:#ffffff0d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:16px;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden}.interior-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000004d;border-color:#fff3}.interior-card.selected{border-color:#d5001c;background:#d5001c1a!important;box-shadow:0 0 0 2px #d5001c4d,0 12px 30px #d5001c33;transform:translateY(-4px)}.interior-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:12px}.interior-info{display:flex;flex-direction:column;gap:12px;padding:20px}.interior-info .ant-typography{color:#fff!important;margin:0}.interior-info .ant-typography[data-type=secondary]{color:#ffffffb3!important}.interior-price{font-weight:700;color:#52c41a}.summary-card{background:#ffffff0d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;position:relative;overflow:hidden}.summary-card .ant-card-head{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.summary-card .ant-card-head-title{color:#fff!important;font-size:1.4rem;font-weight:300}.summary-card .ant-card-body{background:transparent!important}.summary-card .ant-typography{color:#fff!important}.summary-card .ant-typography[data-type=secondary]{color:#ffffffb3!important}.price-summary{margin-top:30px;padding:25px;background:#0000001a!important;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.price-summary h4{color:#fff!important;font-size:1.3rem;font-weight:400;margin-bottom:20px}.price-breakdown{display:flex;flex-direction:column;gap:16px}.preview-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;border-left:1px solid #d9d9d9;padding:24px;overflow-y:auto;z-index:1000;box-shadow:-4px 0 12px #0000001a}.preview-content{margin-top:16px}.vehicle-preview{text-align:center}.preview-image{max-width:100%;height:auto;border-radius:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.error-container{display:flex;align-items:center;justify-content:center;height:400px}@media (max-width: 768px){.vehicle-configurator{padding:16px}.configurator-header{flex-direction:column;gap:16px;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:center}.preview-panel{position:relative;width:100%;height:auto;border-left:none;border-top:1px solid #d9d9d9}.step-content-container{padding:16px}}@keyframes subtlePulse{0%{box-shadow:0 0 #1890ff59}to{box-shadow:0 0 0 12px #1890ff00}}.step-content{animation:fadeIn .35s ease both}.step-content .ant-col{animation:fadeInUp .45s ease both}.step-content .ant-col:nth-child(2){animation-delay:.05s}.step-content .ant-col:nth-child(3){animation-delay:.1s}.step-content .ant-col:nth-child(4){animation-delay:.15s}.step-content .ant-col:nth-child(5){animation-delay:.2s}.step-content .ant-col:nth-child(6){animation-delay:.25s}.step-content .ant-col:nth-child(7){animation-delay:.3s}.step-content .ant-col:nth-child(8){animation-delay:.35s}.color-card,.option-card,.interior-card,.wheel-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform}.color-card:hover,.option-card:hover,.interior-card:hover,.wheel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.color-card.selected,.option-card.selected,.interior-card.selected,.wheel-card.selected{animation:subtlePulse .6s ease both}.price-item{animation:fadeInUp .35s ease both}.price-item:nth-child(2){animation-delay:.06s}.price-item:nth-child(3){animation-delay:.12s}.price-item:nth-child(4){animation-delay:.18s}.color-card{transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden}.color-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;border-color:#d5001c4d}.color-card.selected{border-color:#d5001c;box-shadow:0 8px 25px #d5001c4d}.color-preview{position:relative;height:200px;overflow:hidden;border-radius:8px;margin-bottom:16px}.color-car-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.color-card:hover .color-car-image{transform:scale(1.05)}.color-swatch{width:100%;height:100%;border-radius:8px;border:2px solid rgba(255,255,255,.2)}.color-swatch.hidden{display:none}.color-info{text-align:center}.color-info{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0 16px 16px!important;flex-grow:1!important;text-align:center!important}.color-info .ant-typography{color:#fff!important;margin:0!important}.color-info .ant-typography[data-type=secondary]{color:#ffffffb3!important}.metallic-badge{display:inline-block;background:gold!important;color:#000!important;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-top:8px}.summary-card{margin-bottom:24px;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)}.option-summary,.interior-summary,.price-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.option-summary:last-child,.interior-summary:last-child,.price-summary:last-child{border-bottom:none}.total-price{color:#52c41a!important;font-weight:600;font-size:18px}.discount-price{color:#fa8c16!important;font-weight:600;font-size:18px}.step-navigation{display:flex;justify-content:space-between;margin-top:40px;padding:20px 0}.step-navigation .ant-btn{padding:12px 32px;height:auto;border-radius:50px;font-weight:500}.vehicle-configurator .ant-spin{color:#d5001c}.vehicle-configurator .ant-spin-dot-item{background-color:#d5001c}@media (max-width: 768px){.configurator-header{padding:20px 20px 15px;flex-direction:column;gap:20px}.configurator-header h2{font-size:2rem}.header-actions{justify-content:center}.configurator-content{padding:0 20px 40px}.steps-container{padding:20px}.color-card .color-preview{height:150px}}.color-card{perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.color-card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;padding:16px}.card-back{transform:rotateY(180deg);background:#667eea!important;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.color-details{text-align:center}.color-details .ant-typography{color:#fff;margin-bottom:8px}.vehicle-info-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.vehicle-info-summary:last-child{border-bottom:none}.vehicle-info-summary .ant-typography{color:#fff!important;margin:0!important}.vehicle-info-summary .ant-typography[data-type=strong]{font-weight:600!important;color:#ffffffe6!important}.vehicle-info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.vehicle-info-item:last-child{border-bottom:none}.vehicle-info-label{min-width:120px;flex-shrink:0}.vehicle-info-label .ant-typography{color:#ffffffe6!important;font-weight:600!important;margin:0!important}.vehicle-info-value{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.vehicle-info-value .ant-typography{color:#fff!important;margin:0!important}.color-price-display{margin-left:auto!important;flex-shrink:0!important}.option-summary,.interior-summary,.promotion-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.option-summary:last-child,.interior-summary:last-child,.promotion-summary:last-child{border-bottom:none}.option-summary .ant-typography,.interior-summary .ant-typography,.promotion-summary .ant-typography{color:#fff!important;margin:0!important}.option-price,.interior-price,.promotion-value{color:#1890ff!important;font-weight:600!important;font-size:14px!important;margin-left:auto!important}.price-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.price-summary:last-child{border-bottom:none}.price-summary .ant-typography{color:#fff!important;margin:0!important}.total-price,.discount-price{color:#52c41a!important;font-weight:600!important;font-size:18px!important;margin-left:auto!important}.color-price{display:block!important;margin:8px 0!important;font-weight:600!important;color:#fff!important;font-size:14px!important;padding:6px 12px!important;border-radius:20px!important;background:#1890ff!important;text-align:center!important;box-shadow:0 2px 8px #0003!important}.value-right{margin-left:auto!important;text-align:right;font-weight:600!important;font-size:14px!important}.value-right.price-add{color:#1890ff!important}.value-right.price-free{color:#52c41a!important}.auth-required-section{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.auth-required-card{max-width:600px;width:100%;background:#ffffff0d!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important}.auth-required-content{text-align:center;padding:40px}.auth-required-icon{font-size:64px;color:#d5001c;margin-bottom:24px;display:block}.auth-required-title{color:#fff!important;font-size:2rem!important;font-weight:300!important;margin-bottom:16px!important;letter-spacing:-.01em!important}.auth-required-description{color:#fffc!important;font-size:16px!important;line-height:1.6!important;margin-bottom:32px!important;display:block!important}.auth-required-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.auth-login-btn{background:#d5001c!important;border:none!important;border-radius:25px!important;height:48px!important;padding:0 32px!important;font-size:16px!important;font-weight:600!important;box-shadow:0 8px 25px #d5001c4d!important;transition:all .3s ease!important}.auth-login-btn:hover{background:#e6001f!important;box-shadow:0 12px 35px #d5001c66!important;transform:translateY(-2px) scale(1.02)!important}.auth-back-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:25px!important;height:48px!important;padding:0 32px!important;font-size:16px!important;font-weight:500!important;transition:all .3s ease!important}.auth-back-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important}.auth-benefits-alert{background:#1890ff1a!important;border:1px solid rgba(24,144,255,.3)!important;border-radius:12px!important;margin-top:24px!important}.auth-benefits-alert .ant-alert-message{color:#fff!important;font-weight:600!important;font-size:16px!important}.auth-benefits-alert .ant-alert-description{color:#ffffffe6!important;font-size:14px!important}.auth-benefits-list{list-style:none;padding:0;margin:12px 0 0;text-align:left}.auth-benefits-list li{color:#ffffffe6!important;font-size:14px!important;position:relative;padding:6px 0 6px 20px}.auth-benefits-list li:before{content:"✓";position:absolute;left:0;color:#52c41a;font-weight:700}@media (max-width: 768px){.auth-required-section{padding:20px;min-height:70vh}.auth-required-content{padding:30px 20px}.auth-required-icon{font-size:48px;margin-bottom:20px}.auth-required-title{font-size:1.5rem!important}.auth-required-actions{flex-direction:column;align-items:center}.auth-login-btn,.auth-back-btn{width:100%;max-width:280px}}.wheel-card{transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.1);background:#ffffff0d!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:16px;box-shadow:0 8px 25px #0003;position:relative;overflow:hidden}.wheel-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000004d;border-color:#fff3}.wheel-card.selected{border-color:#d5001c;background:#d5001c1a!important;box-shadow:0 0 0 2px #d5001c4d,0 12px 30px #d5001c33;transform:translateY(-4px)}.wheel-image{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:12px}.wheel-info{display:flex;flex-direction:column;gap:4px}.wheel-price{color:#1890ff;font-weight:600;font-size:14px;margin-top:8px}.wheel-size{font-size:12px;color:#ffffffb3;margin-top:4px}.wheel-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.wheel-size-summary{font-size:12px;color:#ffffffb3}.quotation-detail{max-width:1400px;margin:0 auto;padding:0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);min-height:100vh;position:relative;overflow-x:hidden}.quotation-detail:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(213,0,28,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.quotation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px;padding:40px 60px 30px;background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.quotation-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(213,0,28,.5) 50%,transparent 100%)}.header-content{flex:1}.header-content h2{color:#fff!important;font-size:2.5rem;font-weight:200;margin:0 0 10px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.header-content .ant-typography{color:#fffc!important}.header-actions{margin-left:30px}.header-actions .ant-btn{min-height:40px;border-radius:25px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin:0 4px}.header-actions .ant-btn:not(.ant-btn-primary){background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:#fff}.header-actions .ant-btn-primary{background:linear-gradient(135deg,#d5001c,#b8001a);border:none;box-shadow:0 8px 25px #d5001c4d}.header-actions .ant-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.header-actions .ant-btn-primary:hover{background:linear-gradient(135deg,#e6001f,#d5001c);box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.header-actions .ant-btn: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}.header-actions .ant-btn:hover:before{left:100%}.config-card,.price-card,.action-card,.history-card{margin-bottom:30px;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;position:relative;overflow:hidden;animation:fadeInUp .6s ease both}.config-card:before,.price-card:before,.action-card:before,.history-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,rgba(213,0,28,.1),transparent,rgba(213,0,28,.1));border-radius:21px;z-index:-1;opacity:0;transition:opacity .3s ease}.config-card:hover:before,.price-card:hover:before,.action-card:hover:before,.history-card:hover:before{opacity:.3}.config-card .ant-card-head,.price-card .ant-card-head,.action-card .ant-card-head,.history-card .ant-card-head{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.config-card .ant-card-head-title,.price-card .ant-card-head-title,.action-card .ant-card-head-title,.history-card .ant-card-head-title{color:#fff!important;font-size:1.4rem;font-weight:300}.config-card .ant-card-body,.price-card .ant-card-body,.action-card .ant-card-body,.history-card .ant-card-body{background:transparent!important;padding:30px!important}.option-item{border:1px solid rgba(255,255,255,.1)!important;background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:12px!important;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.option-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(213,0,28,.1),transparent);transition:left .5s ease}.option-item:hover:before{left:100%}.option-item:hover{border-color:#d5001c!important;box-shadow:0 8px 25px #d5001c33;transform:translateY(-3px)}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-item .ant-typography{color:#fff!important}.option-item .ant-tag{background:linear-gradient(135deg,#d5001c33,#d5001c1a)!important;border:1px solid rgba(213,0,28,.3)!important;color:#fff!important}.option-price{font-weight:700;color:#52c41a}.price-breakdown{display:flex;flex-direction:column;gap:16px;padding:25px;background:linear-gradient(135deg,#0000001a,#0000000d);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.price-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;animation:fadeInUp .5s ease both}.price-item .ant-typography{color:#fff!important;font-size:1rem}.price-item.discount,.price-item.discount .ant-typography{color:#52c41a!important}.price-item.total{border-top:2px solid rgba(213,0,28,.3);padding-top:20px;margin-top:20px;font-size:1.3rem;position:relative}.price-item.total:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#d5001c 0%,transparent 100%)}.price-item.total .ant-typography{color:#d5001c!important;font-weight:600;text-shadow:0 0 10px rgba(213,0,28,.3)}.final-price{color:#d5001c!important;font-size:1.5rem!important;font-weight:700!important;text-shadow:0 0 15px rgba(213,0,28,.4)!important;animation:priceGlow 2s ease-in-out infinite}@keyframes priceGlow{0%,to{text-shadow:0 0 15px rgba(213,0,28,.4)}50%{text-shadow:0 0 25px rgba(213,0,28,.6),0 0 35px rgba(213,0,28,.3)}}.color-preview{border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-card .ant-descriptions-item-label{color:#fffc!important;font-weight:500}.config-card .ant-descriptions-item-content{color:#fff!important}.config-card .ant-descriptions-bordered .ant-descriptions-item,.config-card .ant-descriptions-bordered .ant-descriptions-row{border-bottom:1px solid rgba(255,255,255,.1)!important}.config-card .ant-descriptions-bordered .ant-descriptions-view{border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;overflow:hidden}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;background:radial-gradient(circle at center,rgba(213,0,28,.05) 0%,transparent 70%);color:#fff;position:relative}.loading-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0%,transparent 70%);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.loading-container .ant-spin .ant-spin-dot{color:#d5001c}.loading-container .ant-typography,.error-container .ant-typography{color:#fff!important}@media print{.quotation-header,.header-actions,.action-card{display:none}.quotation-detail{padding:0;background:#fff}.config-card,.price-card{box-shadow:none;border:1px solid #000}}.quotation-detail .ant-row{padding:0 60px 60px;position:relative;z-index:1}.action-card .ant-btn{height:45px;border-radius:25px;font-weight:500;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.action-card .ant-btn-primary{background:linear-gradient(135deg,#d5001c,#b8001a);border:none;box-shadow:0 8px 25px #d5001c4d}.action-card .ant-btn:not(.ant-btn-primary){background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);color:#fff}.action-card .ant-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.action-card .ant-btn-primary:hover{background:linear-gradient(135deg,#e6001f,#d5001c);box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.action-card .ant-btn: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}.action-card .ant-btn:hover:before{left:100%}.history-card .ant-timeline{color:#fff}.history-card .ant-timeline-item-content{color:#fffc!important}@media (max-width: 768px){.quotation-detail{padding:20px}.quotation-header{flex-direction:column;gap:20px;padding:30px 20px}.header-actions{margin-left:0}.header-actions .ant-space{width:100%;justify-content:center;flex-wrap:wrap}.quotation-detail .ant-row{padding:0 20px 40px}.config-card .ant-card-body,.price-card .ant-card-body,.action-card .ant-card-body,.history-card .ant-card-body{padding:20px!important}}@media (prefers-color-scheme: dark){.quotation-detail{background:#1f1f1f;color:#fff}.config-card,.price-card,.action-card,.history-card,.option-item{background:#2f2f2f;border-color:#434343}.option-item:hover{border-color:#1890ff;background:#1f1f1f}}.force-light{color-scheme:light}.force-light .quotation-detail{background:#fff;color:#0f0f0f}.force-light .config-card,.force-light .price-card,.force-light .action-card,.force-light .history-card{background:#fff;border-color:#f0f0f0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quotation-detail .ant-card{animation:fadeInUp .4s ease both}.quotation-detail .ant-card:nth-child(2){animation-delay:.06s}.quotation-detail .ant-card:nth-child(3){animation-delay:.12s}.option-item{transition:transform .25s ease,box-shadow .25s ease}.option-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001f}.action-card .ant-btn{transition:transform .2s ease,box-shadow .2s ease}.action-card .ant-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000024}.final-price{color:#1677ff;text-shadow:0 0 0 rgba(0,0,0,0);transition:text-shadow .25s ease}.final-price:hover{text-shadow:0 2px 14px rgba(22,119,255,.35)}html,body{background:#000!important;margin:0;padding:0}.order-form-container{max-width:1400px;margin:50px auto 0;padding:0;background:#000!important;min-height:100vh;position:relative;overflow-x:hidden}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:40px 60px 30px;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:1;margin-top:20px}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-left h2{color:#fff;font-size:2.5rem;font-weight:200;margin:0 0 8px;letter-spacing:-.01em}.header-icon{margin-right:12px;color:#d5001c}.header-subtitle{color:#ffffffb3!important;font-size:16px}.order-progress{text-align:right}.progress-label{color:#ffffffb3!important;font-size:14px;margin-bottom:8px;display:block}.order-content{display:flex;flex-direction:column;gap:40px;padding:0 60px 60px;position:relative;z-index:1;margin-top:20px;background:transparent!important}.steps-container{margin-bottom:50px;padding:40px 50px;background:#ffffff08!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:25px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a!important;position:relative;overflow:hidden}.steps-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(213,0,28,.05) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.02) 100%);border-radius:25px;pointer-events:none}.steps-container .ant-steps{color:#fff;position:relative;z-index:1}.steps-container .ant-steps-item-icon{width:48px!important;height:48px!important;border-radius:50%!important;background:#ffffff14!important;border:2px solid rgba(255,255,255,.15)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.steps-container .ant-steps-item-process .ant-steps-item-icon{background:linear-gradient(135deg,#d5001c,#b8001a)!important;border:2px solid #d5001c!important;box-shadow:0 0 0 4px #d5001c33,0 8px 25px #d5001c4d!important;transform:scale(1.1)}.steps-container .ant-steps-item-finish .ant-steps-item-icon{background:linear-gradient(135deg,#ffffff26,#ffffff14)!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 15px #ffffff1a!important}.steps-container .ant-steps-item-title{color:#ffffffb3!important;font-weight:500!important;font-size:16px!important;transition:all .3s ease!important;margin-top:8px!important}.steps-container .ant-steps-item-process .ant-steps-item-title{color:#fff!important;font-weight:600!important;text-shadow:0 0 10px rgba(213,0,28,.3)!important}.step-content-wrapper{min-height:600px;padding:40px;background:#ffffff08!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d!important;position:relative;overflow:hidden}.step-content{max-width:100%;background:transparent!important;min-height:400px}.step-header{margin-bottom:30px;text-align:center}.step-title{color:#fff!important;font-size:1.8rem;font-weight:300;margin-bottom:10px}.step-icon{margin-right:12px;color:#d5001c}.step-description{color:#ffffffb3!important;font-size:16px}.form-section{max-width:100%;margin:0 auto;min-height:300px;padding:20px 0;width:100%}.form-item{margin-bottom:24px;width:100%}.form-item .ant-form-item-label>label{color:#ffffffe6!important;font-weight:500;font-size:16px}.form-input,.form-textarea,.form-select,.form-input-number{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;color:#fff!important;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus,.form-input-number:focus{border-color:#d5001c!important;box-shadow:0 0 0 2px #d5001c33!important;background:#ffffff14!important}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80!important}.promotion-section{margin-bottom:30px;padding:20px;background:#ffffff05!important;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.promotion-alert{background:#1890ff1a!important;border:1px solid rgba(24,144,255,.3)!important;border-radius:12px;margin-bottom:20px}.alert-icon{color:#1890ff;font-size:16px}.promotion-option{padding:12px;border-radius:8px;transition:all .3s ease}.promotion-option:hover{background:#ffffff0d}.promotion-info{display:flex;justify-content:space-between;align-items:center}.promotion-name{color:#fff!important;font-weight:500}.payment-section{margin-bottom:30px}.payment-radio-group{width:100%}.payment-radio{width:100%;margin-bottom:16px}.payment-option{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;background:#ffffff05!important;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.payment-radio:hover .payment-option{background:#ffffff0d!important;border-color:#fff3}.payment-option-icon{font-size:24px;color:#d5001c;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#d5001c1a;border-radius:50%}.payment-option-title{color:#fff!important;font-size:16px;font-weight:600;margin-bottom:4px;display:block}.payment-option-desc{color:#ffffffb3!important;font-size:14px}.payment-info-alert{background:#e6f7ff!important;border:2px solid #91d5ff!important;border-radius:12px!important;margin-bottom:20px!important;box-shadow:0 4px 12px #1890ff1a!important}.payment-info-alert .ant-alert-message{color:#0050b3!important;font-weight:600!important;font-size:16px!important}.payment-info-alert .ant-alert-description{color:#333!important;font-size:14px!important;line-height:1.6!important}.alert-content{display:flex;align-items:center;gap:8px}.alert-icon{color:#1890ff!important;font-size:18px!important}.payment-info{color:#333!important;font-weight:500!important}.payment-info .ant-typography{color:#333!important;font-weight:500!important;line-height:1.6!important}.confirmation-section{max-width:1000px;margin:0 auto}.order-summary-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important}.order-summary-card .ant-card-body{background:transparent!important;padding:30px}.summary-section{margin-bottom:20px}.summary-title{color:#fff!important;font-size:1.4rem;font-weight:300;margin-bottom:20px;display:flex;align-items:center;gap:8px}.summary-icon{color:#d5001c}.summary-content{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-item:last-child{border-bottom:none}.summary-label{color:#ffffffe6!important;font-weight:600;min-width:120px}.summary-value{color:#fff!important;text-align:right;flex:1}.total-item{border-top:2px solid rgba(213,0,28,.3);padding-top:20px;margin-top:20px}.total-value{color:#d5001c!important;font-weight:600;font-size:18px;text-shadow:0 0 10px rgba(213,0,28,.3)}.promotion-value{color:#52c41a!important;font-weight:600}.options-list{list-style:none;padding:0;margin:0}.option-item{padding:4px 0;color:#fffc!important}.step-navigation{display:flex;justify-content:space-between;padding:30px 0;gap:20px}.nav-btn{min-width:120px;height:45px;border-radius:25px;font-weight:500;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-btn-back{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2);color:#fff}.nav-btn-next,.nav-btn-submit{background:#d5001c!important;border:none;box-shadow:0 8px 25px #d5001c4d}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0003}.nav-btn-next:hover,.nav-btn-submit:hover{background:#e6001f!important;box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.payment-modal .ant-modal-content{background:#1a1a1a!important;border-radius:20px;border:1px solid rgba(255,255,255,.1)}.payment-modal .ant-modal-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.1);padding:24px 24px 16px}.modal-title{display:flex;align-items:center;gap:12px;color:#fff!important;font-size:18px;font-weight:600}.modal-icon{color:#d5001c;font-size:20px}.payment-amount-display{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff05!important;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.amount-label{color:#ffffffb3!important;font-size:16px;display:block;margin-bottom:8px}.amount-value{color:#d5001c!important;font-size:24px;font-weight:700;text-shadow:0 0 10px rgba(213,0,28,.3)}.payment-methods-group{width:100%}.payment-method-radio{width:100%;margin-bottom:16px}.payment-method-card{background:#ffffff05!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;transition:all .3s ease}.payment-method-radio:hover .payment-method-card{background:#ffffff0d!important;border-color:#fff3}.payment-method-icon{font-size:24px;color:#d5001c;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#d5001c1a;border-radius:50%}.payment-method-name{color:#fff!important;font-size:16px;font-weight:600;margin-bottom:4px;display:block}.payment-method-desc,.payment-method-fee,.payment-method-time{color:#ffffffb3!important;font-size:14px;display:block;margin-bottom:2px}.payment-actions{text-align:center;margin-top:30px}.payment-submit-btn{background:#d5001c!important;border:none;border-radius:25px;height:50px;padding:0 40px;font-size:16px;font-weight:600;box-shadow:0 8px 25px #d5001c4d;transition:all .3s ease}.payment-submit-btn:hover{background:#e6001f!important;box-shadow:0 15px 35px #d5001c66;transform:translateY(-2px) scale(1.02)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px;color:#fff}@media (max-width: 768px){.order-header{padding:20px 20px 15px;flex-direction:column;gap:20px}.header-left h2{font-size:2rem}.order-content{padding:0 20px 40px}.steps-container,.step-content-wrapper{padding:20px}.step-navigation{flex-direction:column;gap:12px}.nav-btn{width:100%}.dealer-cards-grid{grid-template-columns:1fr;gap:16px}.dealer-card{min-height:160px}.dealer-search-input{height:45px!important;font-size:15px!important}.dealer-title{font-size:16px!important}.dealer-icon{width:36px;height:36px;font-size:16px}.selected-indicator{width:24px;height:24px;font-size:12px;top:10px;right:10px}}@media (max-width: 480px){.dealer-search-container{margin-bottom:20px}.dealer-card{min-height:140px}.dealer-card .ant-card-body{padding:16px!important}.dealer-card-header{margin-bottom:12px}.dealer-title{font-size:15px!important;margin-bottom:10px!important}.dealer-details{gap:8px;margin-bottom:10px}.detail-text{font-size:13px!important}.dealer-card-footer{padding-top:8px}}@media (min-width: 769px) and (max-width: 1024px){.dealer-cards-grid{grid-template-columns:repeat(2,1fr)}}.step-content,.form-item{animation:fadeInUp .5s ease both}.form-item:nth-child(1){animation-delay:.1s}.form-item:nth-child(2){animation-delay:.2s}.form-item:nth-child(3){animation-delay:.3s}.form-item:nth-child(4){animation-delay:.4s}.user-info-input{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;color:#000!important;font-size:16px!important;padding:12px 16px!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000001a!important}.user-info-input:hover{background:#fff!important;border-color:#d5001c!important;box-shadow:0 4px 8px #00000026!important}.user-info-input:focus{background:#fff!important;border-color:#d5001c!important;box-shadow:0 0 0 3px #d5001c1a!important}.user-info-input::placeholder{color:#00000080!important}.dealer-selection-section{width:100%;padding:20px 0}.dealer-search-container{margin-bottom:30px;width:100%}.dealer-search-input{background:#fff!important;border:2px solid #e8e8e8!important;border-radius:12px!important;color:#333!important;font-size:16px!important;height:50px!important;box-shadow:0 4px 12px #00000014!important;transition:all .3s ease!important}.dealer-search-input:hover{border-color:#d5001c!important;box-shadow:0 6px 20px #d5001c26!important}.dealer-search-input:focus{border-color:#d5001c!important;box-shadow:0 0 0 3px #d5001c1a!important}.dealer-search-input .ant-input{background:transparent!important;border:none!important;color:#333!important;font-size:16px!important}.dealer-search-input .ant-input::placeholder{color:#999!important}.dealer-cards-form-item{width:100%}.dealer-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;width:100%;padding:10px 0}.dealer-card{position:relative;background:#fff!important;border:2px solid #f0f0f0!important;border-radius:16px!important;box-shadow:0 4px 20px #0000000f,0 2px 8px #0000000a!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden;min-height:200px}.dealer-card:hover{border-color:#d5001c!important;background:#fff!important;box-shadow:0 12px 40px #d5001c1f,0 8px 24px #00000014,0 4px 12px #d5001c14!important;transform:translateY(-4px) scale(1.02)}.dealer-card.selected{border-color:#d5001c!important;background:#fff5f5!important;box-shadow:0 8px 32px #d5001c26,0 0 0 3px #d5001c1a!important;transform:translateY(-3px)}.dealer-card .ant-card-body{padding:24px!important}.dealer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dealer-icon{width:48px;height:48px;background:linear-gradient(135deg,#d5001c,#e6001f);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;border:none;transition:all .3s ease;box-shadow:0 4px 12px #d5001c33}.dealer-card:hover .dealer-icon{background:linear-gradient(135deg,#e6001f,#f70022);transform:scale(1.05);box-shadow:0 6px 16px #d5001c4d}.dealer-rating{display:flex;align-items:center;gap:6px;background:#fff8e1;padding:6px 12px;border-radius:20px;border:1px solid #ffc107;transition:all .3s ease}.dealer-card:hover .dealer-rating{background:#fff3cd;border-color:#ffb300;transform:scale(1.02)}.star-icon{color:#ffc107;font-size:16px}.dealer-rating span{color:#333;font-weight:600;font-size:14px}.dealer-card-content{flex:1}.dealer-title{color:#333!important;font-size:20px!important;font-weight:700!important;margin:0 0 18px!important;line-height:1.3!important}.dealer-details{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.dealer-detail-item{display:flex;align-items:flex-start;gap:10px}.detail-icon{color:#666;font-size:16px;margin-top:2px;flex-shrink:0}.detail-text{color:#555!important;font-size:15px!important;line-height:1.5!important;flex:1;font-weight:500}.dealer-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.availability-tag{font-size:13px!important;font-weight:600!important;border-radius:20px!important;padding:4px 12px!important;margin:0!important;background:#e8f5e8!important;color:#2e7d32!important;border:1px solid #4caf50!important;transition:all .3s ease}.dealer-card:hover .availability-tag{background:#c8e6c9!important;color:#1b5e20!important;transform:scale(1.05)}.distance-text{font-size:13px!important;color:#666!important;font-weight:500!important;transition:all .3s ease}.dealer-card:hover .distance-text{color:#d5001c!important;font-weight:600!important}.selected-indicator{position:absolute;top:16px;right:16px;width:32px;height:32px;background:linear-gradient(135deg,#d5001c,#e6001f);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:0 4px 12px #d5001c66;animation:scaleIn .3s ease-out;border:2px solid #ffffff}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.no-dealers-found{text-align:center;padding:60px 20px;grid-column:1 / -1;color:#666!important;font-size:16px;background:#f9f9f9;border-radius:12px;border:2px dashed #e0e0e0}.dealer-form-item{width:100%;min-height:120px;padding:20px 0}.dealer-form-item .ant-form-item-label>label{color:#fff!important;font-weight:600!important;font-size:16px!important}.dealer-select{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;color:#000!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;min-width:100%!important}.dealer-select .ant-select-selector{background:transparent!important;border:none!important;color:#000!important;padding:12px 16px!important;width:100%!important;min-width:100%!important}.dealer-select .ant-select-selection-placeholder{color:#00000080!important}.dealer-select .ant-select-arrow{color:#000000b3!important}.dealer-option{padding:12px 16px!important;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.1)!important;color:#000!important}.dealer-option:hover{background:#d5001c0d!important}.dealer-info{color:#000!important}.dealer-name{font-weight:600!important;font-size:16px!important;color:#000!important;margin-bottom:4px!important}.dealer-address{color:#000000b3!important;font-size:14px!important;margin-bottom:2px!important}.dealer-phone{color:#000000b3!important;font-size:14px!important}.promotion-form-item{width:100%;min-height:100px;padding:20px 0}.promotion-select{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;color:#000!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;min-width:100%!important}.promotion-select .ant-select-selector{background:transparent!important;border:none!important;color:#000!important;padding:12px 16px!important;width:100%!important;min-width:100%!important}.promotion-select .ant-select-selection-placeholder{color:#00000080!important}.promotion-select .ant-select-arrow{color:#000000b3!important}.promotion-option{padding:12px 16px!important;background:#fff!important;border-bottom:1px solid rgba(0,0,0,.1)!important;color:#000!important}.promotion-option:hover{background:#52c41a0d!important}.promotion-info{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;color:#000!important}.promotion-name{font-weight:600!important;font-size:16px!important;color:#000!important}.promotion-value{color:#52c41a!important;font-weight:600!important;font-size:14px!important}.deposit-section{margin-bottom:24px;background:#ffffff0d!important;padding:24px 20px;border-radius:12px!important;border:1px solid rgba(255,255,255,.1)!important;width:100%!important;min-height:80px}.deposit-form-item{width:100%!important}.deposit-input{background:#ffffffe6!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:8px!important;color:#000!important;font-size:16px!important;padding:12px 16px!important;transition:all .3s ease!important;box-shadow:0 2px 4px #0000001a!important;width:100%!important;min-width:100%!important}.deposit-input:hover{background:#fff!important;border-color:#d5001c!important;box-shadow:0 4px 8px #00000026!important}.deposit-input:focus{background:#fff!important;border-color:#d5001c!important;box-shadow:0 0 0 3px #d5001c1a!important}.deposit-input::placeholder{color:#00000080!important}.payment-method-section{margin-bottom:30px}.payment-method-group .ant-radio-wrapper{width:100%!important;margin-bottom:16px!important}.payment-option{width:100%!important;padding:16px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;transition:all .3s ease!important}.payment-option:hover{background:#ffffff14!important;border-color:#d5001c4d!important}.payment-option.ant-radio-wrapper-checked{background:#d5001c1a!important;border-color:#d5001c!important}.payment-option .ant-radio{color:#fff!important}.payment-option .ant-radio-checked .ant-radio-inner{border-color:#d5001c!important;background-color:#d5001c!important}.payment-option-content{margin-left:8px!important}.payment-option-title{color:#fff!important;font-size:16px!important;font-weight:600!important;display:block!important;margin-bottom:4px!important}.payment-option-desc{color:#ffffffb3!important;font-size:14px!important}.promotion-search-container{margin-bottom:30px;width:100%}.promotion-search-input{background:#fff!important;border:2px solid #e8e8e8!important;border-radius:12px!important;color:#333!important;font-size:16px!important;height:50px!important;box-shadow:0 4px 12px #00000014!important;transition:all .3s ease!important}.promotion-search-input:hover{border-color:#52c41a!important;box-shadow:0 6px 20px #52c41a26!important}.promotion-search-input:focus{border-color:#52c41a!important;box-shadow:0 0 0 3px #52c41a1a!important}.promotion-search-input .ant-input{background:transparent!important;border:none!important;color:#333!important;font-size:16px!important}.promotion-search-input .ant-input::placeholder{color:#999!important}.promotion-cards-form-item{width:100%}.promotion-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;padding:10px 0}.promotion-card{position:relative;background:#fff!important;border:2px solid #f0f0f0!important;border-radius:16px!important;box-shadow:0 4px 20px #0000000f,0 2px 8px #0000000a!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden;min-height:180px}.promotion-card:hover{border-color:#52c41a!important;background:#fff!important;box-shadow:0 12px 40px #52c41a1f,0 8px 24px #00000014,0 4px 12px #52c41a14!important;transform:translateY(-4px) scale(1.02)}.promotion-card.selected{border-color:#52c41a!important;background:#f6ffed!important;box-shadow:0 8px 32px #52c41a26,0 0 0 3px #52c41a1a!important;transform:translateY(-3px)}.promotion-card .ant-card-body{padding:24px!important}.promotion-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.promotion-icon{width:48px;height:48px;background:linear-gradient(135deg,#52c41a,#389e0d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;border:none;transition:all .3s ease;box-shadow:0 4px 12px #52c41a33}.promotion-card:hover .promotion-icon{background:linear-gradient(135deg,#389e0d,#237804);transform:scale(1.05);box-shadow:0 6px 16px #52c41a4d}.promotion-badge{background:#e8f5e8;padding:6px 12px;border-radius:20px;border:1px solid #52c41a;transition:all .3s ease}.promotion-badge span{color:#2e7d32;font-weight:600;font-size:12px}.promotion-card:hover .promotion-badge{background:#c8e6c9;border-color:#389e0d;transform:scale(1.02)}.promotion-card-content{flex:1;margin-bottom:18px}.promotion-title{color:#333!important;font-size:18px!important;font-weight:700!important;margin:0 0 10px!important;line-height:1.3!important}.promotion-description{color:#555!important;font-size:15px!important;line-height:1.5!important;font-weight:500}.promotion-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #f0f0f0}.promotion-type-tag{font-size:13px!important;font-weight:600!important;border-radius:20px!important;padding:4px 12px!important;margin:0!important;transition:all .3s ease}.promotion-card:hover .promotion-type-tag{transform:scale(1.05)}.promotion-amount{font-size:16px!important;font-weight:700!important;color:#52c41a!important}.no-promotions-found{text-align:center;padding:60px 20px;grid-column:1 / -1;color:#666!important;font-size:16px;background:#f9f9f9;border-radius:12px;border:2px dashed #e0e0e0}.payment-method-cards-form-item{width:100%}.payment-method-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;padding:10px 0}.payment-method-card{position:relative;background:#fff!important;border:2px solid #f0f0f0!important;border-radius:16px!important;box-shadow:0 4px 20px #0000000f,0 2px 8px #0000000a!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;overflow:hidden;min-height:180px}.payment-method-card:hover{border-color:#1890ff!important;background:#fff!important;box-shadow:0 12px 40px #1890ff1f,0 8px 24px #00000014,0 4px 12px #1890ff14!important;transform:translateY(-4px) scale(1.02)}.payment-method-card.selected{border-color:#1890ff!important;background:#f0f8ff!important;box-shadow:0 8px 32px #1890ff26,0 0 0 3px #1890ff1a!important;transform:translateY(-3px)}.payment-method-card .ant-card-body{padding:24px!important}.payment-method-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.payment-method-icon{width:48px;height:48px;background:linear-gradient(135deg,#1890ff,#0050b3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;border:none;transition:all .3s ease;box-shadow:0 4px 12px #1890ff33}.payment-method-card:hover .payment-method-icon{background:linear-gradient(135deg,#0050b3,#003a8c);transform:scale(1.05);box-shadow:0 6px 16px #1890ff4d}.payment-method-badge{background:#e6f7ff;padding:6px 12px;border-radius:20px;border:1px solid #1890ff;transition:all .3s ease}.payment-method-badge span{color:#0050b3;font-weight:600;font-size:12px}.payment-method-card:hover .payment-method-badge{background:#bae7ff;border-color:#0050b3;transform:scale(1.02)}.payment-method-card-content{flex:1;margin-bottom:18px}.payment-method-title{color:#333!important;font-size:18px!important;font-weight:700!important;margin:0 0 10px!important;line-height:1.3!important}.payment-method-description{color:#555!important;font-size:15px!important;line-height:1.5!important;font-weight:500}.payment-method-card-footer{padding-top:15px;border-top:1px solid #f0f0f0}.payment-method-details{display:flex;justify-content:space-between;align-items:center}.payment-method-fee,.payment-method-time{font-size:13px!important;font-weight:600!important}.payment-method-fee{color:#52c41a!important}.payment-method-time{color:#666!important}@media (max-width: 768px){.promotion-cards-grid,.payment-method-cards-grid{grid-template-columns:1fr;gap:16px}.promotion-card,.payment-method-card{min-height:160px}.promotion-search-input{height:45px!important;font-size:15px!important}.promotion-title,.payment-method-title{font-size:16px!important}.promotion-icon,.payment-method-icon{width:40px;height:40px;font-size:18px}}@media (max-width: 480px){.promotion-search-container{margin-bottom:20px}.promotion-card .ant-card-body,.payment-method-card .ant-card-body{padding:20px!important}.promotion-title,.payment-method-title{font-size:15px!important;margin-bottom:8px!important}.promotion-description,.payment-method-description{font-size:14px!important}}@media (min-width: 769px) and (max-width: 1024px){.promotion-cards-grid,.payment-method-cards-grid{grid-template-columns:repeat(2,1fr)}}.form-item .ant-form-item-label>label{color:#fff!important;font-weight:600!important;font-size:16px!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.form-item .ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f!important}.payment-method-section .ant-form-item-label>label,.payment-method-cards-form-item .ant-form-item-label>label{color:#fff!important;font-weight:700!important;font-size:18px!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important;margin-bottom:16px!important;display:block!important;letter-spacing:.5px!important}.payment-method-section .ant-form-item-label>label.ant-form-item-required:before,.payment-method-cards-form-item .ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f!important;font-size:16px!important;font-weight:700!important}.ant-form-item-label>label{color:#fff!important;font-weight:600!important;font-size:16px!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f!important}.payment-page{color:#fff}.payment-page .ant-result-title,.payment-page .ant-typography,.payment-page .ant-result-subtitle{color:#fff!important}.payment-page .ant-card-head-title,.payment-page .ant-card-body{color:#fff}.payment-page .ant-btn-primary{background:linear-gradient(135deg,#1677ff,#7a5cff);border:none}@keyframes headerSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(200%) rotate(45deg)}}@keyframes pulseGlow{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f680}}@keyframes myaudiFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.animate-list-item{animation:slideInRight .5s cubic-bezier(.4,0,.2,1) both}.animate-timeline-item{animation:slideInRight .6s cubic-bezier(.4,0,.2,1) both}.fade-in{animation:myaudiFadeInUp .6s ease-out}.animate-card:nth-child(1){animation-delay:.1s}.animate-card:nth-child(2){animation-delay:.15s}.animate-card:nth-child(3){animation-delay:.2s}.animate-card:nth-child(4){animation-delay:.25s}.animate-card:nth-child(5){animation-delay:.3s}.animate-card:nth-child(6){animation-delay:.35s}.animate-list-item:nth-child(1){animation-delay:.1s}.animate-list-item:nth-child(2){animation-delay:.15s}.animate-list-item:nth-child(3){animation-delay:.2s}.animate-list-item:nth-child(4){animation-delay:.25s}.animate-list-item:nth-child(5){animation-delay:.3s}.account-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);position:relative;overflow-x:hidden;color:#fff;font-family:Audi Type,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.account-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(213,0,28,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none;z-index:0}.account-hero{position:relative;padding:120px 0 80px;margin-bottom:60px;overflow:hidden;z-index:1;background:linear-gradient(135deg,#d5001c14,#000000e6);animation:headerSlideIn .8s cubic-bezier(.4,0,.2,1)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#d5001c1a,#000c);opacity:.95}.account-hero-content{position:relative;z-index:2;display:flex;align-items:flex-start;gap:60px;max-width:1400px;margin:0 auto;padding:0 40px;animation:fadeInUp .6s ease-out .3s both}.hero-avatar-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center}.hero-avatar{width:160px;height:160px;border:6px solid rgba(213,0,28,.4);box-shadow:0 25px 50px #0009;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:50%;overflow:hidden;position:relative;animation:fadeInUp .6s ease-out .4s both}.hero-avatar:hover{transform:scale(1.08) rotate(2deg);box-shadow:0 35px 70px #d5001c66;border-color:#d5001cb3}.hero-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.hero-avatar:hover img{transform:scale(1.1)}.avatar-edit-btn{margin-top:20px;background:linear-gradient(135deg,#d50000,#ff1744)!important;border:3px solid rgba(213,0,28,.3)!important;box-shadow:0 8px 20px #d5001c66;transition:all .3s ease;border-radius:25px;padding:8px 20px;font-weight:600}.avatar-edit-btn:hover{background:linear-gradient(135deg,#b71c1c,#d50000)!important;transform:translateY(-2px);box-shadow:0 12px 30px #d5001c99}.hero-info{text-align:left;color:#fff;flex:1;padding-top:0;display:flex;flex-direction:column;justify-content:flex-start;min-height:160px;align-items:flex-start}.hero-name{color:#fff!important;font-size:4rem!important;font-weight:300!important;margin:0 0 20px!important;text-shadow:0 4px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.hero-email{font-size:1.5rem;color:#ffffffe6;margin:0 0 30px;display:block;text-shadow:0 2px 10px rgba(0,0,0,.3);font-weight:300}.hero-tags{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap;justify-content:flex-start}.hero-tag{background:#d5001c33;color:#fff;padding:10px 20px;border-radius:25px;font-size:.95rem;border:1px solid rgba(213,0,28,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500}.hero-tag:hover{background:#d5001c66;border-color:#d5001c99;transform:translateY(-2px);box-shadow:0 8px 20px #d5001c4d}.profile-strength{margin-bottom:30px}.strength-label{color:#fffc;font-size:1rem;margin:0 0 12px;display:block;text-align:left}.strength-progress{margin:0}.strength-progress .ant-progress-bg{background:linear-gradient(90deg,#d50000,#ff1744)}.hero-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;padding-top:0;justify-content:flex-start;min-height:160px}.account-hero-btn{min-width:200px;height:50px;border-radius:25px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent}.account-primary-btn{background:linear-gradient(135deg,#d50000,#ff1744);border-color:#d5001c4d;box-shadow:0 8px 25px #d5001c66;position:relative;overflow:hidden}.account-primary-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.account-primary-btn:hover:before{width:100px;height:100px}.account-primary-btn:hover{background:linear-gradient(135deg,#b71c1c,#d50000);transform:translateY(-3px);box-shadow:0 15px 35px #d5001c99}.account-secondary-btn{background:#ffffff1a;border-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.account-secondary-btn:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.account-ghost-btn{background:transparent;border-color:#ffffff4d;color:#fffc}.account-ghost-btn:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff;transform:translateY(-3px)}.stats-row{margin-bottom:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;animation:fadeInUp .6s ease-out .4s both;margin-left:auto;margin-right:auto;padding:0 40px}.stat-card{background:#ffffff05!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:100%;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card{min-height:180px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 25px #0000004d;width:100%}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d50000,#ff1744);opacity:0;transition:opacity .3s ease}.stat-card:hover{background:#ffffff0d!important;border-color:#d5001c4d!important;transform:translateY(-5px);box-shadow:0 20px 40px #00000080}.stat-card:hover:before{opacity:1}.stat-card[data-important=true]{animation:fadeInUp .6s ease-out both,pulseGlow 2s ease-in-out infinite alternate}.stat-card .ant-statistic-title{color:#ffffffb3!important;font-size:1rem;margin-bottom:16px;font-weight:500}.stat-card .ant-statistic-content{color:#fff!important}.stat-card .ant-statistic-content-value{font-size:2.5rem;font-weight:300;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.ant-card{background:#ffffff05!important;border-color:#ffffff14!important}.stat-card.ant-card .ant-card-body{background:transparent!important;padding:0!important}.stat-card.ant-card .ant-statistic-title{color:#ffffffb3!important}.stat-card.ant-card .ant-statistic-content{color:#fff!important}.stat-card.ant-card .ant-statistic-content-value{color:transparent!important;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;background:radial-gradient(circle at 30% 30%,#ffffff1f,#d5001c2e);border:1px solid rgba(213,0,28,.35);box-shadow:0 6px 16px #d5001c59,inset 0 0 0 4px #ffffff0f;color:#fff!important;font-size:1.1rem}.account-content{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 40px 80px;animation:fadeInUp .6s ease-out .5s both}.content-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 40px #0000004d;overflow:hidden;animation:fadeInUp .6s ease-out .6s both;position:relative}.content-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s ease}.content-card:hover:before{left:100%}.content-card .ant-card-body{padding:0}.account-tabs{background:transparent}.account-tabs .ant-tabs-nav{background:#ffffff08;margin:0;padding:0 40px;border-bottom:1px solid rgba(255,255,255,.1)}.account-tabs .ant-tabs-tab{padding:24px 0;margin:0 32px 0 0;color:#ffffffb3;font-weight:500;font-size:1.1rem;transition:all .3s ease;border:none;background:transparent}.account-tabs .ant-tabs-tab:hover,.account-tabs .ant-tabs-tab-active{color:#fff}.account-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff;font-weight:600}.account-tabs .ant-tabs-ink-bar{background:linear-gradient(90deg,#d50000,#ff1744);height:3px;border-radius:2px}.tab-title{display:flex;align-items:center;gap:12px;font-size:1.1rem}.tab-title .anticon{font-size:1.2rem;opacity:.8}.tab-content{padding:40px;min-height:400px}.tab-content.fade-in{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-section{margin-bottom:40px;padding:32px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.form-section .section-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-section .section-title .anticon{color:#d50000;font-size:1.3rem}.form-group{margin-bottom:28px}.form-label{display:block;color:#ffffffe6;font-size:1rem;font-weight:500;margin-bottom:10px;transition:color .3s ease}.form-input,.form-select,.form-textarea{width:100%;padding:18px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#d5001c99;background:#ffffff14;box-shadow:0 0 0 4px #d5001c1a;transform:translateY(-2px)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#fff3;background:#ffffff0f}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80;font-weight:300}.form-input.disabled{background:#ffffff08;border-color:#ffffff0d;color:#fff9;cursor:not-allowed}.form-textarea{min-height:120px;resize:vertical;line-height:1.6}.form-divider{border-color:#ffffff1a;margin:40px 0}.form-actions{display:flex;justify-content:flex-end;gap:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.btn-primary{background:linear-gradient(135deg,#d50000,#ff1744);color:#fff;border:none;padding:18px 36px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #d5001c4d;border:2px solid rgba(213,0,28,.3);min-width:140px}.btn-primary:hover{background:linear-gradient(135deg,#b71c1c,#d50000);transform:translateY(-3px);box-shadow:0 15px 35px #d5001c66;border-color:#d5001c80}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);padding:18px 36px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.cancel-btn{background:#ffffff0d;border-color:#ffffff1a;color:#fffc}.cancel-btn:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.save-btn{background:linear-gradient(135deg,#d50000,#ff1744);border-color:#d5001c4d}.save-btn:hover{background:linear-gradient(135deg,#b71c1c,#d50000);border-color:#d5001c80}.info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;margin-bottom:24px;transition:all .3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#d50000,#ff1744);opacity:0;transition:opacity .3s ease}.info-card:hover{background:#ffffff0d;border-color:#d5001c33;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}.info-card:hover:before{opacity:1}.card-title{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-content{color:#fffc;line-height:1.7;font-size:1rem}.profile-view{animation:fadeIn .6s ease-out}.welcome-alert{background:#d5001c1a;border:1px solid rgba(213,0,28,.2);border-radius:16px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-alert .ant-alert-message{color:#fff;font-weight:600;font-size:1.1rem}.welcome-alert .ant-alert-description{color:#fffc}.profile-descriptions{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.profile-descriptions .ant-descriptions-header{background:#ffffff08;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-descriptions .ant-descriptions-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.profile-descriptions .ant-descriptions-view{border:none}.profile-descriptions .ant-descriptions-row>th,.profile-descriptions .ant-descriptions-row>td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05);background:transparent}.profile-descriptions .ant-descriptions-item-label{color:#ffffffb3;font-weight:500;font-size:1rem}.profile-descriptions .ant-descriptions-item-content{color:#fff;font-weight:400}.desc-item .anticon{margin-right:8px;color:#d50000;opacity:.8}.security-card,.settings-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease}.security-card:hover,.settings-card:hover{background:#ffffff0a;border-color:#d5001c33;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d}.security-header,.settings-card .ant-card-head{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);padding:24px;border-radius:20px 20px 0 0}.security-header{display:flex;align-items:center;gap:16px}.security-icon{font-size:2rem;color:#d50000;opacity:.8}.security-header h4,.settings-card .ant-card-head-title{color:#fff;font-size:1.3rem;font-weight:600;margin:0}.security-header .ant-typography,.settings-card .ant-card-head-title+.ant-typography{color:#ffffffb3;margin:4px 0 0;font-size:.95rem}.security-content,.settings-card .ant-card-body{padding:24px}.security-content .ant-typography{color:#fffc;margin-bottom:20px;line-height:1.6}.security-btn{background:linear-gradient(135deg,#d50000,#ff1744);border-color:#d5001c4d;border-radius:12px;height:44px;font-weight:600;transition:all .3s ease}.security-btn:hover{background:linear-gradient(135deg,#b71c1c,#d50000);border-color:#d5001c80;transform:translateY(-2px);box-shadow:0 8px 20px #d5001c4d}.notification-setting{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.notification-setting:last-child{border-bottom:none}.notification-setting .ant-typography{color:#ffffffe6;font-weight:500;margin:0}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-info .ant-typography{color:#ffffffe6;font-weight:500;margin:0;line-height:1.5}.setting-info .ant-typography+.ant-typography{color:#fff9;font-size:.9rem;margin-top:4px}.activity-card,.achievement-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:20px;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.activity-card .ant-card-head,.achievement-card .ant-card-head{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0}.activity-card .ant-card-head-title,.achievement-card .ant-card-head-title{color:#fff;font-size:1.3rem;font-weight:600}.activity-card .ant-card-body,.achievement-card .ant-card-body{padding:24px}.activity-timeline{padding:0}.activity-timeline .ant-timeline-item{padding-bottom:24px}.activity-timeline .ant-timeline-item:last-child{padding-bottom:0}.activity-timeline .ant-timeline-item-tail{border-left:2px solid rgba(255,255,255,.1)}.activity-timeline .ant-timeline-item-head,.activity-timeline .ant-timeline-item-head-custom{border:none!important;background:transparent!important;box-shadow:none!important}.timeline-content .ant-typography{color:#fff;font-weight:500;margin:0;line-height:1.5}.timeline-content .ant-typography+.ant-typography{color:#fff9;font-size:.9rem;margin-top:4px}.timeline-icon{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;background:linear-gradient(135deg,#d5001ce6,#d5001ca6);border:1px solid rgba(213,0,28,.45);box-shadow:0 6px 14px #d5001c59,inset 0 0 0 3px #ffffff0f;font-size:14px}.timeline-icon:hover{transform:translateY(-1px);filter:brightness(1.05)}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-title{color:#fff;font-weight:600;font-size:16px;margin:0}.timeline-time{color:#ffffffbf;font-size:14px;margin:0}.achievement-list{display:flex;flex-direction:column;gap:20px}.achievement-item{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;transition:all .3s ease}.achievement-item:hover{background:#ffffff0d;border-color:#d5001c33;transform:translate(5px)}.achievement-badge .ant-badge-count{background:linear-gradient(135deg,#d50000,#ff1744);border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #d5001c4d}.achievement-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 16px #00000059;font-size:1.25rem}.achievement-icon.gold{color:gold}.achievement-icon.red{color:#d50000}.achievement-icon.blue{color:#2196f3}.achievement-info .ant-typography{color:#fff;font-weight:500;margin:0;line-height:1.4}.achievement-info .ant-typography+.ant-typography{color:#fff9;font-size:.9rem;margin-top:4px}.password-modal .ant-modal-content{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.password-modal .ant-modal-header{background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:24px}.modal-title{display:flex;align-items:center;gap:12px;color:#fff;font-size:1.3rem;font-weight:600}.modal-title .anticon{color:#d50000;font-size:1.4rem}.password-modal .ant-modal-body{padding:24px}.password-alert{background:#d5001c1a;border:1px solid rgba(213,0,28,.2);border-radius:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-alert .ant-alert-message{color:#fff;font-weight:600}.password-alert .ant-alert-description{color:#fffc}.password-input{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:16px 20px;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.password-input:focus{border-color:#d5001c99;background:#ffffff14;box-shadow:0 0 0 3px #d5001c1a}.password-input::placeholder{color:#ffffff80}.password-actions{margin-top:32px;text-align:right}.submit-btn{background:linear-gradient(135deg,#d50000,#ff1744);border-color:#d5001c4d;border-radius:12px;height:44px;font-weight:600;min-width:140px}.submit-btn:hover{background:linear-gradient(135deg,#b71c1c,#d50000);border-color:#d5001c80;transform:translateY(-2px);box-shadow:0 8px 20px #d5001c4d}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{margin-bottom:24px}.loading-spinner .ant-spin-dot{background:#d50000}.loading-text{color:#fffc;font-weight:400}.error-container{text-align:center;padding:80px 20px}.error-container .ant-typography{color:#fffc;margin-bottom:24px}.auth-prompt{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 20px}.auth-prompt-content{text-align:center;max-width:500px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:60px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-prompt-icon{font-size:4rem;color:#d50000;margin-bottom:24px;opacity:.8}.auth-prompt-title{color:#fff;font-weight:300;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-prompt-description{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.auth-prompt-button{background:linear-gradient(135deg,#d50000,#ff1744);border-color:#d5001c4d;border-radius:16px;height:50px;font-weight:600;font-size:1.1rem;padding:0 32px;transition:all .3s ease}.auth-prompt-button:hover{background:linear-gradient(135deg,#b71c1c,#d50000);border-color:#d5001c80;transform:translateY(-2px);box-shadow:0 10px 25px #d5001c66}.avatar-upload-label{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #1890ff26;background:#f5f5f5;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.avatar-upload-label:hover{transform:scale(1.05);box-shadow:0 8px 30px #d5001c4d}.avatar-upload-label.has-avatar{background:transparent}.avatar-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.avatar-upload-label:hover .avatar-upload-overlay{opacity:1}.avatar-upload-icon{color:#fff;font-size:24px;opacity:0;transition:opacity .2s}.avatar-upload-label:hover .avatar-upload-icon{opacity:1}@media (max-width: 1200px){.account-hero-content{flex-direction:column;align-items:center;text-align:center;gap:40px}.hero-info{text-align:center;padding-top:0;min-height:auto}.hero-tags{justify-content:center}.hero-actions{align-items:center;padding-top:0;min-height:auto}.stats-row{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.account-hero{padding:100px 0 60px}.account-hero-content{padding:0 20px;gap:30px}.hero-name{font-size:3rem!important}.hero-email{font-size:1.3rem}.hero-actions{flex-direction:column;gap:16px}.account-hero-btn{min-width:200px}.stats-row{grid-template-columns:1fr;gap:20px;margin:0 20px 40px;padding:0 20px}.stat-card{min-height:160px;padding:24px 20px}.stat-card .ant-statistic-content-value{font-size:2rem}}@media (max-width: 480px){.hero-name{font-size:2.5rem!important}.hero-email{font-size:1.2rem}.hero-tags{flex-direction:column;align-items:center;gap:12px}.hero-tag{padding:8px 16px;font-size:.9rem}.stats-row{margin:0 15px 30px;padding:0 15px}.stat-card{padding:20px 16px;min-height:140px}.stat-card .ant-statistic-content-value{font-size:1.8rem}}.skeleton-card{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:16px;position:relative;overflow:hidden}.skeleton-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s linear infinite}.skeleton-avatar{width:60px;height:60px;background:#ffffff1a;border-radius:50%;margin-bottom:16px}.skeleton-text{height:16px;background:#ffffff1a;border-radius:4px;margin-bottom:8px}.skeleton-text:last-child{width:60%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#d5001c80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d5001cb3}.stats-row .ant-col{width:100%!important;max-width:none!important;flex:none!important}.stats-row .ant-col .ant-card{width:100%!important;height:100%!important}.ant-card{background:#ffffff05!important;border-color:#ffffff14!important;color:#fff!important}.ant-card .ant-card-body{background:transparent!important;color:#fff!important}.ant-card .ant-card-head{background:#ffffff08!important;border-bottom-color:#ffffff1a!important}.ant-card .ant-card-head-title{color:#fff!important}.ant-statistic .ant-statistic-title{color:#ffffffb3!important}.ant-statistic .ant-statistic-content{color:#fff!important}.ant-statistic .ant-statistic-content-value{color:transparent!important;background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ant-statistic .anticon{color:#d50000!important}.profile-descriptions .ant-descriptions-item-content,.profile-descriptions .ant-descriptions-item-label,.welcome-alert .ant-alert-description,.welcome-alert .ant-alert-message,.security-content .ant-typography,.setting-item .ant-typography,.setting-info .ant-typography,.achievement-info .ant-typography,.loading-text,.error-container .ant-typography,.account-container .ant-descriptions-item-content,.account-container .ant-descriptions-item-label,.account-container .ant-typography,.account-container .ant-typography span,.account-container .ant-typography a,.account-container .ant-descriptions .ant-descriptions-item-content,.account-container .ant-descriptions .ant-descriptions-item-label,.account-hero-btn.account-secondary-btn{color:#fff!important}.account-hero-btn.account-secondary-btn:hover{background:#fff!important;color:#000!important;border-color:#fffc!important}.password-modal .ant-modal-header,.password-modal .ant-modal-title{color:#fff!important}.password-form .ant-form-item{margin-bottom:22px}.password-form .ant-form-item-label>label{color:#fff!important;font-weight:600;letter-spacing:.2px}.password-form .ant-form-item-label>label.ant-form-item-required:before{color:#ff4d4f!important}.password-form .ant-input-affix-wrapper{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:14px!important;height:56px;padding:0 16px!important;color:#fff!important;transition:all .2s ease-in-out!important}.password-form .ant-input-affix-wrapper:hover{border-color:#ffffff47!important}.password-form .ant-input-affix-wrapper-focused,.password-form .ant-input-affix-wrapper:focus{border-color:#d5001ca6!important;box-shadow:0 0 0 4px #d5001c26!important}.password-form .ant-input,.password-form input{background:transparent!important;color:#fff!important}.password-form .ant-input::placeholder,.password-form input::placeholder{color:#fff9!important}.password-form .ant-input-suffix,.password-form .ant-input-password-icon{color:#ffffffd9!important}.password-form input:-webkit-autofill,.password-form input:-webkit-autofill:hover,.password-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:#ffffff!important}.password-actions .submit-btn{background:linear-gradient(135deg,#ff1e1e,#ff5252)!important;border-color:#ff525259!important}.password-actions .submit-btn:hover{background:linear-gradient(135deg,#e00c0c,#ff1e1e)!important}.tab-title,.tab-title .anticon,.form-label,.section-title,.card-title,.profile-descriptions .ant-descriptions-item-content,.profile-descriptions .ant-descriptions-title{color:#fff!important}.password-input,.password-input .ant-input,.password-input input,.password-input .ant-input-password,.password-input .ant-input-affix-wrapper{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}.password-input .ant-input,.password-input input{color:#fff!important}.password-input .ant-input::placeholder,.password-input input::placeholder{color:#fff9!important}.password-input .ant-input-affix-wrapper,.password-input .ant-input-affix-wrapper:hover,.password-input .ant-input-affix-wrapper-focused,.password-input .ant-input-affix-wrapper:focus{background:#ffffff0d!important;border-color:#ffffff26!important;box-shadow:none!important}.password-input .ant-input-suffix{color:#ffffffd9!important}.password-input input:-webkit-autofill,.password-input input:-webkit-autofill:hover,.password-input input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s!important}.rs7-page{background:#000;color:#ddd}.rs7-hero{position:relative;height:100vh;overflow:hidden}.rs7-hero-bg{width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.rs7-hero-bg{will-change:transform}.rs7-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0003,#000000bf);pointer-events:none}.rs7-hero-content{position:absolute;left:6vw;bottom:10vh}.rs7-hero-heading{display:flex;align-items:center;gap:10px}.rs7-hero .badge{display:inline-block;font-size:12px;letter-spacing:.08em;color:#000;background:#fff;border-radius:999px;padding:4px 8px;text-transform:uppercase}.rs7-hero h1{margin:0;font-size:56px;line-height:1.05;color:#fff}.rs7-hero p{margin:12px 0 20px;color:#cfcfcf;font-size:18px}.rs7-cta{display:flex;gap:12px}.rs7-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#fff,#aaa);transform-origin:left center}.btn{padding:10px 16px;border-radius:999px;font-weight:600;transition:all .25s ease}.btn-primary{background:#fff;color:#000}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 30px #ffffff26}.btn-outline{border:1px solid #888;color:#eee}.btn-danger{background:#e50914;color:#fff}.rs7-section{padding:72px 6vw}.rs7-section-wide{padding-left:6vw;padding-right:6vw}.section-head h2{margin:0;font-size:36px;color:#fff}.section-head p{color:#bbb;margin-top:8px}.spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 32px}.spec-grid>*{height:100%}.spec-card{background:linear-gradient(180deg,#0a0a0a,#121212);border:1px solid #222;border-radius:16px;padding:18px;position:relative;overflow:hidden}.spec-card{height:100%;display:flex;flex-direction:column}.spec-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 80% at 0% 0%,rgba(255,255,255,.06),transparent 60%);mix-blend-mode:screen}.spec-card{transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 24px #00000047}.spec-title{color:#9a9a9a;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.spec-value{color:#fff;font-size:28px;font-weight:700;margin-top:6px}.spec-sub{color:#9a9a9a;font-size:12px}.rs7-showcase{display:flex;flex-direction:column;gap:14px;max-width:1680px;margin:0 auto}.rs7-showcase-viewer{position:relative;border-radius:18px;border:1px solid #1c1c1c;overflow:hidden;min-height:72vh;box-shadow:0 20px 50px #00000073}.rs7-showcase-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;animation:ken-burns 20s ease-in-out infinite alternate}.rs7-showcase-viewer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(to top,#000000d9,#0009 40%,#0000);pointer-events:none}.rs7-showcase-arrows{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between}.rs7-arrow-zone{position:absolute;top:0;bottom:0;width:160px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .25s ease}.rs7-arrow-zone.left{left:0;background:linear-gradient(to right,#000000b3,#0000)}.rs7-arrow-zone.right{right:0;background:linear-gradient(to left,#000000b3,#0000)}.rs7-arrow-zone:hover{opacity:1}.rs7-arrow{border:none;background:transparent;color:#e5e7eb;font-size:54px;line-height:1;display:flex;align-items:center;justify-content:center;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.55);font-weight:400}.rs7-arrow-zone.left:hover .rs7-arrow{transform:translate(-10px)}.rs7-arrow-zone.right:hover .rs7-arrow{transform:translate(10px)}.rs7-showcase-dots{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:8px}.rs7-showcase-dots span{width:9px;height:9px;border-radius:50%;background:#ffffff73;cursor:pointer;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),background .25s ease;border:2px solid transparent}.rs7-showcase-dots span:hover{background:#ffffffd9;transform:scale(1.1)}.rs7-showcase-dots span.active{background:#fff;transform:scale(1.2);box-shadow:0 0 10px #fff9;border-color:#fff}.rs7-showcase-info h3{color:#fff;margin:4px 0}.rs7-showcase-info p{color:#cfcfcf;margin:0}.rs7-showcase-info{opacity:0;animation:fadeInUp .6s .2s cubic-bezier(.25,.8,.25,1) forwards}.rs7-swatch-bar{display:flex;gap:10px;flex-wrap:wrap;padding:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rs7-swatch-bar .swatch{width:48px;height:48px;border-radius:12px;border:1px solid #222;background-size:cover;background-position:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.rs7-swatch-bar .swatch:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.rs7-swatch-bar .swatch.selected{outline:2px solid #e50914;box-shadow:0 0 0 4px #e5091440,0 8px 20px #e509141f}.design-gallery{display:flex;flex-direction:column;gap:14px}.design-frame{position:relative;border-radius:18px;overflow:hidden;border:1px solid #1c1c1c}.design-frame img{width:100%;height:auto;display:block}.design-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.design-header h3{margin:0;color:#fff;font-size:28px}.design-caption{color:#ddd}.design-caption p{margin:12px 0 0;color:#cfcfcf}.design-pager{display:flex;align-items:center;gap:12px}.design-pager .pager-arrow{background:transparent;border:none;color:#ddd;font-size:18px;cursor:pointer;padding:4px 6px}.design-pager .num{background:transparent;color:#bbb;border:none;cursor:pointer;padding:4px 6px;font-weight:600;letter-spacing:.02em}.design-pager .num.active{color:#fff;border-bottom:2px solid #fff}.rs7-audio .audio-wrap{max-width:1000px;margin:0 auto;text-align:center}.rs7-audio h2{color:#fff;font-size:36px;margin:0 0 18px}.audio-visual{display:flex;justify-content:center;align-items:center;perspective:1200px}.audio-visual canvas{width:100%;max-width:680px;height:auto;background:radial-gradient(60% 50% at 50% 50%,rgba(255,255,255,.06),transparent 60%);border-radius:999px;box-shadow:0 20px 60px #ffffff0f,inset 0 0 60px #ffffff0a;transform-style:preserve-3d}.audio-visual canvas{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.audio-visual:after{content:"";position:absolute;width:56%;max-width:420px;aspect-ratio:1/.2;border-radius:50%;filter:blur(24px);background:radial-gradient(60% 60% at 50% 50%,#ffffff1f,#fff0);transform:translateY(120%);pointer-events:none}.audio-controls{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:12px}.audio-btn{background:transparent;color:#fff;border:1px solid #666;padding:10px 16px;border-radius:12px;cursor:pointer}.audio-btn:hover{background:#ffffff14}.audio-controls .time{color:#bbb}@media (max-width: 1024px){.rs7-hero h1{font-size:40px}.spec-grid{grid-template-columns:repeat(2,1fr)}}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-card{display:flex;align-items:center;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;color:#eaeaea;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.shop-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000059;background:#ffffff0d}.shop-icon{font-size:22px}.shop-title{flex:1;font-weight:600}.shop-arrow{color:#bbb}@media (max-width: 920px){.shop-grid{grid-template-columns:1fr}}.similar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.similar-card{position:relative;overflow:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.06);display:block;color:inherit;text-decoration:none}.similar-card img{width:100%;height:auto;display:block}.similar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#0009)}.similar-caption{position:absolute;left:16px;right:16px;bottom:16px;color:#eee}.similar-caption .tagline{opacity:.9}.similar-caption .name{font-weight:700;margin:6px 0 10px;color:#fff}.similar-caption .cta{color:#eaeaea;border-bottom:1px solid rgba(234,234,234,.6);display:inline-flex;align-items:center;gap:6px}.similar-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #00000059}@media (max-width: 1024px){.similar-grid{grid-template-columns:1fr}}.composer-input textarea,.composer-input .ant-input,.composer-input .ant-input-textarea,.composer-input .ant-input-textarea textarea{color:#0f172a!important;caret-color:#0f172a!important}.composer-input .ant-input::placeholder,.composer-input textarea::placeholder{color:#94a3b8!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}body{margin:0;padding:0;min-height:100vh}