*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #003366;--light-blue: #0066cc;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-primary: #003366;--text-secondary: #666666;--shadow-light: 0 8px 32px rgba(0, 51, 102, .1);--shadow-medium: 0 16px 64px rgba(0, 51, 102, .15);--shadow-heavy: 0 24px 96px rgba(0, 51, 102, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#f0f8ff,#e6f3ff,#d1e7ff);min-height:100vh;overflow-x:hidden;transition:all .3s ease}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--shadow-light)}.glass-strong{background:#fff3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.3);border-radius:24px;box-shadow:var(--shadow-medium)}.rounded-full{border-radius:50%}.rounded-xl{border-radius:16px}.rounded-2xl{border-radius:20px}.rounded-3xl{border-radius:24px}.blur-sm{filter:blur(4px)}.blur-md{filter:blur(8px)}.blur-lg{filter:blur(16px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-up{animation:slideInUp .8s ease-out}@media(max-width:768px){.glass{border-radius:16px}.glass-strong{border-radius:20px}}.app{min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(135deg,#f0f8ff,#e6f3ff,#d1e7ff);transition:all .3s ease}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f0f8ff,#e6f3ff,#d1e7ff)}.loading-screen .loading-spinner{width:60px;height:60px;border:4px solid rgba(59,130,246,.2);border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-screen p{color:var(--text-secondary);font-size:1.1rem;margin:0}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#0033661a,#0066cc0d);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:float 8s ease-in-out infinite;transition:all .3s ease}.app.dark .floating-circle{background:linear-gradient(135deg,#60a5fa4d,#93c5fd33)}.circle-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.circle-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.circle-3{width:100px;height:100px;top:30%;right:30%;animation-delay:4s}.circle-4{width:120px;height:120px;bottom:20%;left:20%;animation-delay:6s}.nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;padding:0;width:90%;max-width:1200px}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo h2{color:var(--primary-blue);font-weight:700;font-size:1.5rem;margin:0}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:12px}.nav-link:hover{background:#fff3;transform:translateY(-2px)}.nav-button{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer}.logout-button:hover{background:#ef4444!important;color:#fff!important;transform:translateY(-2px)}.nav-controls{display:flex;align-items:center;gap:1rem;margin-left:1rem}.language-switcher{display:flex;gap:.5rem}.lang-btn{padding:.5rem 1rem;border:2px solid var(--primary-blue);background:transparent;color:var(--primary-blue);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600}.lang-btn:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.lang-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.theme-toggle{padding:.5rem;border:2px solid var(--primary-blue);background:transparent;color:var(--primary-blue);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1.2rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px)}.hero{padding:120px 20px 80px;min-height:100vh;display:flex;align-items:center}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{z-index:2}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:#fff;box-shadow:var(--shadow-medium);border:2px solid var(--primary-blue)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy);background:linear-gradient(135deg,var(--light-blue),var(--primary-blue));border-color:var(--light-blue)}.btn-secondary{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-medium)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.car-container{position:relative;width:400px;height:250px;display:flex;align-items:center;justify-content:center}.car-image-wrapper{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-heavy);transition:all .3s ease}.car-image-wrapper:hover{transform:scale(1.05);box-shadow:0 32px 128px #00336640}.car-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:24px;transition:all .3s ease}.car-glow{position:absolute;inset:-20px;background:linear-gradient(135deg,#0033661a,#0066cc1a);border-radius:32px;filter:blur(20px);z-index:-1;opacity:.6;transition:all .3s ease}.car-physics{position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.car-physics:hover{transform:translateY(-15px) rotateX(5deg) rotateY(5deg) scale(1.05);box-shadow:0 25px 50px #0033664d,0 0 0 1px #ffffff1a,inset 0 1px #fff3}.car-physics:hover .car-glow{opacity:1;transform:scale(1.2);filter:blur(30px)}.car-physics img{transition:all .4s ease;border-radius:16px}.car-physics:hover img{filter:brightness(1.1) contrast(1.1);transform:scale(1.02)}.features{padding:80px 20px;background:#ffffff0d}.features-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.feature-icon{margin-bottom:1.5rem}.icon-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto}.feature-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.feature-car{width:100%;height:120px;margin:1rem 0;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-light)}.feature-car img{width:100%;height:100%;object-fit:cover}.cta{padding:80px 20px}.cta-container{max-width:1000px;margin:0 auto;padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.cta-content{text-align:left}.cta-content h2{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-content p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2rem}.cta-car{width:100%;height:300px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-medium)}.cta-car img{width:100%;height:100%;object-fit:cover}.footer{background:#0033660d;padding:60px 20px 20px}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:var(--text-primary);margin-bottom:1rem}.footer-section p,.footer-section li{color:var(--text-secondary);line-height:1.6}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(0,51,102,.1);color:var(--text-secondary)}@media(max-width:1024px){.hero-container{gap:3rem}.hero-title{font-size:3rem}.cta-container{gap:2rem}}@media(max-width:768px){.hero{padding:100px 15px 60px;min-height:auto}.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-buttons{justify-content:center;flex-direction:column;width:100%}.btn{width:100%;max-width:300px}.car-container{width:100%;max-width:400px;height:250px;margin:0 auto}.features{padding:60px 15px}.features-grid{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:2rem;margin-bottom:2rem}.cta{padding:60px 15px}.cta-container{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.cta-content{text-align:center}.cta-content h2{font-size:2rem}.cta-car{height:250px}.footer{padding:40px 15px 20px}.footer-content{grid-template-columns:1fr;text-align:center;gap:2rem}.whatsapp-float{bottom:20px;right:20px}.whatsapp-float a{padding:.8rem 1rem;font-size:.9rem}.whatsapp-float span{display:none}.track-container,.about-container{grid-template-columns:1fr;gap:2rem}.form-row,.contact-form .form-row,.blog-grid{grid-template-columns:1fr}.partners-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero{padding:90px 10px 50px}.hero-title{font-size:2rem;line-height:1.1}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.btn{padding:.8rem 1.2rem;font-size:.9rem;max-width:100%}.features{padding:50px 10px}.section-title{font-size:1.75rem;margin-bottom:1.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.25rem}.cta{padding:50px 10px}.cta-container{padding:1.5rem}.cta-content h2{font-size:1.75rem}.cta-content p{font-size:1rem}.cta-car{height:200px}.car-container{width:100%;max-width:300px;height:200px}.footer{padding:30px 10px 15px}.whatsapp-float{bottom:15px;right:15px}.whatsapp-float a{padding:.7rem;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.whatsapp-icon{font-size:1.5rem}.partners-grid{grid-template-columns:1fr}.floating-circle{display:none}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);text-align:center;margin-bottom:3rem;line-height:1.6}.hero-slider{padding:120px 0 80px;min-height:100vh;display:flex;align-items:center}.swiper-container{width:100%;height:100%}.hero-slide{width:100%;height:100%;display:flex;align-items:center}.track-section{padding:80px 0;background:#ffffff0d}.track-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.track-left{display:flex;justify-content:center}.track-image{width:100%;max-width:400px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-medium)}.track-image img{width:100%;height:auto;object-fit:cover}.track-form{padding:2rem;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:end}.form-group{display:flex;flex-direction:column}.form-input{padding:1rem;border:2px solid var(--primary-blue);background:var(--glass-bg);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.track-description{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.about-section{padding:80px 0}.about-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-description{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.btn-whatsapp{background:#25d366;color:#fff;display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-medium)}.btn-whatsapp:hover{background:#128c7e;transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.about-image{width:100%;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-medium)}.about-image img{width:100%;height:auto;object-fit:cover}.blog-section{padding:80px 0;background:#ffffff0d}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{border-radius:20px;overflow:hidden;transition:all .3s ease}.blog-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-heavy)}.blog-image{width:100%;height:200px;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover}.blog-content{padding:1.5rem}.blog-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.blog-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.blog-date{color:var(--text-secondary);font-size:.9rem}.blog-more{text-align:center}.partners-section{padding:80px 0}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.partner-logo{padding:2rem;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .3s ease}.partner-logo:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.partner-logo img{max-width:100%;height:auto;filter:grayscale(100%);transition:all .3s ease}.partner-logo:hover img{filter:grayscale(0%)}.contact-section{padding:80px 0;background:#ffffff0d}.contact-form{padding:3rem;max-width:800px;margin:0 auto}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.form-textarea{padding:1rem;border:2px solid var(--primary-blue);background:var(--glass-bg);border-radius:12px;color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease}.form-textarea:focus{outline:none;border-color:var(--light-blue);background:#ffffff1a;box-shadow:0 0 0 3px #60a5fa33}.form-textarea::placeholder{color:var(--text-secondary)}.map-section{padding:80px 0}.map-container{height:400px;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.map-placeholder{text-align:center;color:var(--text-secondary)}.map-icon{font-size:3rem;margin-bottom:1rem}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:1000}.whatsapp-float a{display:flex;align-items:center;gap:.5rem;background:#25d366;color:#fff;padding:1rem 1.5rem;border-radius:50px;text-decoration:none;font-weight:600;box-shadow:var(--shadow-medium);transition:all .3s ease}.whatsapp-float a:hover{background:#128c7e;transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.whatsapp-icon{font-size:1.5rem}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-link{color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-link:hover{color:var(--primary-blue)}@media(max-width:768px){.track-container,.about-container{grid-template-columns:1fr;gap:2rem}.form-row,.contact-form .form-row,.blog-grid{grid-template-columns:1fr}.partners-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}.whatsapp-float{bottom:20px;right:20px}.whatsapp-float a{padding:.8rem 1rem}.whatsapp-float span{display:none}.cta-container{grid-template-columns:1fr;gap:2rem;text-align:center}.cta-content{text-align:center}.cta-car{height:250px}}.main-content{margin-top:70px;min-height:calc(100vh - 70px)}.tracking-page,.orders-page{padding-top:0}.auth-container{margin-top:70px;padding-top:2rem;position:relative;z-index:10;pointer-events:auto}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px;gap:2rem}.nav-logo{flex-shrink:0}.logo-button{display:flex;align-items:center;gap:.75rem;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .3s ease}.logo-button:hover{background:#3b82f61a;transform:translateY(-1px)}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.5px}.nav-main{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-link:hover{background:#3b82f633;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.nav-link.active{background:#3b82f64d;border-color:#3b82f680;color:#3b82f6;font-weight:600}.nav-link.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f61a,#1d4ed81a);border-radius:12px;z-index:-1}.nav-icon{font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-text{font-size:.9rem;font-weight:inherit}.nav-user{display:flex;align-items:center;gap:1rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;box-shadow:0 4px 12px #3b82f64d}.user-details{display:flex;flex-direction:column}.user-name{font-size:.85rem;font-weight:500;color:var(--text-primary)}.guest-info{padding:.5rem 1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.guest-text{font-size:.85rem;color:var(--text-secondary);font-style:italic}.logout-button{background:#ef44441a!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.2)!important}.logout-button:hover{background:#ef4444!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.nav-controls{display:flex;align-items:center;gap:1rem;flex-shrink:0}.language-switcher{display:flex;background:#ffffff1a;border-radius:12px;padding:.25rem;border:1px solid rgba(255,255,255,.2)}.lang-btn{padding:.5rem .75rem;background:none;border:none;border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px}.lang-btn:hover{background:#3b82f633;color:#3b82f6}.lang-btn.active{background:#3b82f64d;color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease;z-index:1001}.mobile-menu-toggle:hover{background:#3b82f61a}.mobile-menu-toggle.active{background:#3b82f633}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu{display:none;position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.2);box-shadow:-10px 0 40px #0003;z-index:1000;transition:right .3s ease;overflow-y:auto;padding:4rem 1.5rem 2rem}.mobile-menu.active{right:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,51,102,.1)}.mobile-menu-close{background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.mobile-menu-close:hover{background:#ef44441a;color:#ef4444}.mobile-menu-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mobile-menu-link{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s ease}.mobile-menu-link:hover,.mobile-menu-link.active{background:#3b82f626;border-color:#3b82f64d;transform:translate(4px)}.mobile-menu-user{padding:1rem;background:#3b82f60d;border-radius:12px;border:1px solid rgba(59,130,246,.1);margin-bottom:1rem}.mobile-menu-controls{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;border-top:1px solid rgba(0,51,102,.1)}@media(max-width:1200px){.nav-container{padding:0 1.5rem;gap:1.5rem}.nav-main{gap:1.5rem}}@media(max-width:768px){.nav-container{padding:0 1rem;height:60px;gap:1rem}.logo-text{font-size:1.25rem}.mobile-menu-toggle{display:block}.nav-main,.nav-user{display:none}.nav-controls{gap:.5rem}.mobile-menu-overlay,.mobile-menu{display:block}}@media(max-width:480px){.nav-container{padding:0 .75rem;height:55px}.logo-text{font-size:1.1rem}.mobile-menu{width:85%;max-width:280px;padding:3.5rem 1rem 1.5rem}.nav-controls{gap:.4rem}.lang-btn{padding:.4rem .6rem;font-size:.75rem;min-width:35px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navigation{animation:fadeInUp .6s ease-out}.navigation:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:0 0 20px 20px;z-index:-1}.auth-nav{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;padding:0;width:90%;max-width:1200px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-nav .nav-container{justify-content:space-between;padding:1rem 2rem}.auth-nav .nav-controls{margin-left:0}.auth-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px 20px;width:100%;max-width:500px;margin:0 auto;position:relative;z-index:10;pointer-events:auto}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.5}.auth-form{padding:2.5rem;width:100%;position:relative;z-index:10;pointer-events:auto}.form-group{margin-bottom:1.5rem;position:relative;z-index:1;pointer-events:auto}.form-label{display:block;color:var(--text-primary);font-weight:600;margin-bottom:.5rem;font-size:.9rem;pointer-events:none;-webkit-user-select:none;user-select:none}.form-input{padding:1rem;border:2px solid var(--primary-blue);background:var(--glass-bg);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;width:100%;-webkit-appearance:none;appearance:none;touch-action:manipulation;pointer-events:auto;z-index:1;position:relative}.form-input:focus{outline:none;border-color:var(--light-blue);background:#ffffff1a;box-shadow:0 0 0 3px #60a5fa33}.form-input::placeholder{color:var(--text-secondary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--text-primary);font-size:.9rem}.checkbox-input{margin-right:.5rem;width:16px;height:16px;accent-color:var(--primary-blue)}.checkbox-text{-webkit-user-select:none;user-select:none}.forgot-password{color:var(--primary-blue);text-decoration:none}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}font-size: .9rem; transition: all .3s ease; } .forgot-password:hover{color:var(--light-blue);text-decoration:underline}.auth-button{width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary-blue),var(--light-blue));color:#fff;border:2px solid var(--primary-blue);border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-medium);text-align:center;text-decoration:none;display:inline-block;-webkit-appearance:none;appearance:none;touch-action:manipulation;pointer-events:auto;z-index:1;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.auth-button:hover{background:linear-gradient(135deg,var(--light-blue),var(--primary-blue));transform:translateY(-3px);box-shadow:var(--shadow-heavy);border-color:var(--light-blue)}.auth-switch{text-align:center;margin-bottom:1rem}.auth-switch p{color:var(--text-secondary);font-size:.9rem}.auth-link{color:var(--primary-blue);text-decoration:none;font-weight:600;transition:all .3s ease;padding:0;border:none;background:none;display:inline;font-size:.95rem}.auth-link:hover{color:var(--light-blue);text-decoration:underline}.auth-footer{text-align:center;margin-top:2rem}.back-to-home{color:var(--primary-blue);text-decoration:none;font-size:.95rem;font-weight:600;transition:all .3s ease;display:inline;padding:0;border:none;background:none;cursor:pointer;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent}.back-to-home:hover{color:var(--light-blue);text-decoration:underline}.auth-button-link{background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:none;display:inline;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent}@media(max-width:768px){.auth-nav{width:95%;top:10px}.auth-nav .nav-container{padding:.75rem 1rem}.auth-container{padding:80px 15px 20px;max-width:100%;z-index:10;pointer-events:auto;-webkit-overflow-scrolling:touch}.auth-form{z-index:10;pointer-events:auto;-webkit-overflow-scrolling:touch}.form-input{font-size:16px;-webkit-appearance:none;appearance:none;touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.2)}.auth-button{font-size:16px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.3)}.auth-header{margin-bottom:1.5rem}.auth-title{font-size:1.75rem}.auth-subtitle{font-size:.95rem}.auth-form{padding:2rem}.form-group{margin-bottom:1.25rem}.form-input{padding:.9rem;font-size:.95rem}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.auth-button{padding:.9rem 1.5rem;font-size:.95rem}}@media(max-width:480px){.auth-nav{width:100%;top:0;border-radius:0}.auth-nav .nav-container{padding:.5rem .75rem}.auth-container{padding:70px 10px 15px;z-index:10;pointer-events:auto}.auth-form{z-index:10;pointer-events:auto}.form-input{font-size:16px;-webkit-appearance:none;appearance:none;touch-action:manipulation}.auth-button{font-size:16px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(59,130,246,.3)}.auth-header{margin-bottom:1.25rem}.auth-title{font-size:1.5rem;margin-bottom:.4rem}.auth-subtitle{font-size:.9rem;line-height:1.4}.auth-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-label{font-size:.85rem;margin-bottom:.4rem}.form-input{padding:.85rem;font-size:.9rem;border-radius:10px}.form-options{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.25rem}.checkbox-label,.forgot-password{font-size:.85rem}.auth-button{padding:.85rem 1.25rem;font-size:.9rem;margin-bottom:1.25rem;border-radius:10px}.auth-switch p{font-size:.85rem}.auth-link{font-size:.9rem}.auth-footer{margin-top:1.5rem}.back-to-home{font-size:.85rem}}.orders-page{min-height:100vh;background:linear-gradient(135deg,#f0f8ff,#e6f3ff,#d1e7ff);position:relative;overflow-x:hidden;transition:all .3s ease}.orders-page.dark{background:linear-gradient(135deg,#000,#0a0a0a,#111)!important}.orders-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2}.orders-header{text-align:center;margin-bottom:3rem;padding-top:4rem}.orders-title{font-size:3rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.orders-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.no-orders{text-align:center;padding:4rem 2rem;background:var(--glass-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.no-orders-icon{font-size:4rem;margin-bottom:1rem}.no-orders h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.no-orders p{color:var(--text-secondary);font-size:1rem}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass-bg);margin-bottom:30px}.orders-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9rem}.orders-table thead{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);color:#fff}.orders-table th{padding:15px 12px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.1)}.orders-table th:last-child{border-right:none}.orders-table tbody tr{border-bottom:1px solid var(--glass-border);transition:all .3s ease}.orders-table tbody tr:hover{background:#0033660d}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:12px;vertical-align:middle;border-right:1px solid rgba(0,51,102,.05);color:var(--text-primary)}.orders-table td:last-child{border-right:none}.order-row{transition:all .3s ease}.order-row:hover{background:#ffffff0d}.order-row:last-child td{border-bottom:none}.order-number{min-width:150px}.order-number strong{color:var(--text-primary);font-size:1rem;font-weight:600}.order-date{color:var(--text-secondary);font-size:.8rem;margin-top:.3rem}.vehicle-info{min-width:250px}.vehicle-brand{color:var(--text-primary);font-weight:600;font-size:.95rem;margin-bottom:.3rem}.vehicle-model{color:var(--text-primary);font-size:.9rem;margin-bottom:.3rem}.vehicle-specs{color:var(--text-secondary);font-size:.85rem;margin-bottom:.3rem}.vehicle-vin{color:var(--text-secondary);font-size:.8rem;font-family:monospace;opacity:.8}.route-info{min-width:200px}.route{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.origin,.destination{color:var(--text-primary);font-size:.9rem;font-weight:500}.arrow{color:var(--text-secondary);font-size:1rem;font-weight:700}.status-info{min-width:200px}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.progress-info{min-width:150px}.progress-container{display:flex;flex-direction:column;gap:.5rem}.progress-bar{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.progress-text{color:var(--text-primary);font-weight:600;font-size:.85rem;text-align:center}.eta-info{min-width:150px}.eta{color:var(--text-primary);font-size:.9rem;font-weight:500}.table-actions{display:flex;gap:6px;justify-content:center}.edit-button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:#5a6268;transform:translateY(-1px)}@media(max-width:1400px){.orders-container{padding:1.5rem}}@media(max-width:1200px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table{min-width:1000px}}@media(max-width:768px){.orders-container{padding:1rem}.orders-header{padding-top:3rem;margin-bottom:2rem}.orders-title{font-size:2rem;margin-bottom:.75rem}.orders-subtitle{font-size:1rem;padding:0 1rem}.table-container{border-radius:8px;margin-bottom:1.5rem}.orders-table{min-width:900px;font-size:.85rem}.orders-table th,.orders-table td{padding:.75rem .5rem}.orders-table th{font-size:.75rem;padding:.75rem .5rem}.order-number{min-width:120px}.order-number strong{font-size:.9rem}.order-date{font-size:.75rem}.vehicle-info{min-width:180px}.vehicle-brand{font-size:.9rem}.vehicle-model{font-size:.85rem}.vehicle-specs{font-size:.8rem}.vehicle-vin{font-size:.75rem}.route-info{min-width:150px}.route{flex-direction:column;align-items:flex-start;gap:.3rem}.origin,.destination{font-size:.85rem}.arrow{transform:rotate(90deg);align-self:center;margin:.2rem 0}.status-info{min-width:150px}.status-badge{font-size:.7rem;padding:.4rem .8rem}.progress-info{min-width:120px}.progress-text{font-size:.75rem}.eta-info{min-width:120px}.eta{font-size:.85rem}.table-actions{flex-direction:column;gap:.5rem}.edit-button{padding:.5rem .75rem;font-size:.75rem;width:100%}.no-orders{padding:3rem 1.5rem}.no-orders-icon{font-size:3rem}.no-orders h3{font-size:1.25rem}}@media(max-width:480px){.orders-container{padding:.75rem}.orders-header{padding-top:2.5rem;margin-bottom:1.5rem}.orders-title{font-size:1.75rem;margin-bottom:.5rem}.orders-subtitle{font-size:.9rem;padding:0}.table-container{margin-bottom:1rem}.orders-table{min-width:800px;font-size:.8rem}.orders-table th,.orders-table td{padding:.6rem .4rem}.orders-table th{font-size:.7rem;padding:.6rem .4rem}.order-number{min-width:100px}.order-number strong{font-size:.85rem}.order-date{font-size:.7rem}.vehicle-info{min-width:160px}.vehicle-brand{font-size:.85rem}.vehicle-model{font-size:.8rem}.vehicle-specs{font-size:.75rem}.vehicle-vin{font-size:.7rem}.route-info{min-width:130px}.origin,.destination{font-size:.8rem}.status-info{min-width:130px}.status-badge{font-size:.65rem;padding:.35rem .7rem}.progress-info{min-width:100px}.progress-bar{height:6px}.progress-text{font-size:.7rem}.eta-info{min-width:100px}.eta{font-size:.8rem}.edit-button{padding:.45rem .7rem;font-size:.7rem}.no-orders{padding:2rem 1rem}.no-orders-icon{font-size:2.5rem}.no-orders h3{font-size:1.1rem}.no-orders p{font-size:.9rem}}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal{background:#fff;border-radius:15px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e1e5e9}.modal-header h2{color:#036;font-size:1.5rem;font-weight:600;margin:0}.close-button{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-button:hover{background:#f5f5f5;color:#333}.modal-body{padding:25px}.info-section{margin-bottom:2rem}.info-section h3{color:#036;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #003366}.info-grid{display:grid;gap:.8rem}.info-item{display:flex;align-items:flex-start;gap:1rem;padding:.5rem 0}.info-item .label{color:#666;font-weight:500;min-width:200px;flex-shrink:0}.info-item .value{color:#333;font-weight:500;flex:1}.status-timeline{position:relative;padding-left:2rem}.timeline-item{position:relative;display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.timeline-item:not(:last-child):before{content:"";position:absolute;left:-1.5rem;top:2rem;width:2px;height:calc(100% + .5rem);background:#fff3}.timeline-item.completed:before{background:#10b981}.timeline-icon{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;position:relative;z-index:2}.timeline-item.completed .timeline-icon{background:#10b981;color:#fff}.timeline-item.pending .timeline-icon{background:#fff3;color:var(--text-secondary)}.timeline-content{flex:1}.timeline-title{color:#333;font-weight:500;margin-bottom:.3rem}.timeline-description{color:#666;font-size:.9rem;margin-bottom:.3rem;line-height:1.4}.timeline-date{color:#666;font-size:.8rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.image-item{text-align:center}.image-placeholder{width:100%;aspect-ratio:1;background:#f5f5f5;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#666;font-weight:500;margin-bottom:.5rem}.image-date{color:#666;font-size:.8rem}.note-box{background:#f8f9fa;border-radius:10px;padding:1.5rem;color:#333;line-height:1.6;border-left:4px solid #003366}@media(max-width:768px){.modal-overlay{padding:1rem}.modal{max-height:95vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-header h2{font-size:1.2rem}.modal-body{padding:1.5rem}.info-item{flex-direction:column;gap:.3rem}.info-item .label{min-width:auto;font-weight:600}.status-timeline{padding-left:1.5rem}.timeline-item{gap:.8rem}.timeline-icon{width:28px;height:28px;font-size:.9rem}.images-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.loading-container{text-align:center;padding:4rem 2rem;background:var(--glass-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.loading-spinner{width:50px;height:50px;border:4px solid var(--glass-border);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.loading-container p{color:var(--text-secondary);font-size:1.1rem;margin:0}.error-container{text-align:center;padding:4rem 2rem;background:var(--glass-bg);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000001a}.error-container h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:.5rem}.error-container p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem}.retry-button{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:var(--primary-hover);transform:translateY(-2px)}.tracking-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow-x:hidden}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.1);position:sticky;top:0;z-index:100;padding:1rem 0}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo h2{color:#1e40af;font-weight:700;font-size:1.5rem;margin:0}.nav-links{display:flex;gap:1rem}.nav-button{background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-button:hover{background:#2563eb;transform:translateY(-1px)}.tracking-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:2;width:100%;box-sizing:border-box}.tracking-header{text-align:center;margin-bottom:3rem;padding-top:6rem}@media(max-width:768px){.tracking-header{padding-top:5rem}}@media(max-width:480px){.tracking-header{padding-top:4.5rem}}.tracking-title{font-size:3rem;font-weight:800;color:#1e40af;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tracking-subtitle{font-size:1.2rem;color:#64748b;max-width:600px;margin:0 auto 1rem;line-height:1.6}.order-number{display:inline-block;background:#3b82f6;color:#fff;padding:.5rem 1.5rem;border-radius:25px;font-weight:600;font-size:.9rem;letter-spacing:.5px}.status-overview{margin-bottom:3rem}.status-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1);display:flex;align-items:center;gap:2rem;max-width:600px;margin:0 auto}.status-icon{font-size:3rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #3b82f64d}.status-info h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.status-text{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.status-location{color:#64748b;font-size:.9rem;margin:0}.main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;width:100%;overflow:hidden;align-items:stretch}.left-column,.middle-column,.right-column{display:flex;flex-direction:column;gap:2rem;min-width:0;overflow:hidden;height:100%}.main-grid .info-section{margin-bottom:0;height:100%;display:flex;flex-direction:column}.main-grid .info-section .info-grid,.main-grid .info-section .payment-summary,.main-grid .info-section .roadmap-container{flex:1 1 auto}.info-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1);margin-bottom:2rem;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.info-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.info-item .label,.info-item .value{min-width:0;word-wrap:break-word;overflow-wrap:break-word}.info-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 20px #3b82f61a}.info-item .label{color:#64748b;font-weight:600;font-size:.9rem}.info-item .value{color:#1e40af;font-weight:700;font-size:.95rem;text-align:right;flex-shrink:0;margin-left:1rem;max-width:60%}.info-item .value.paid{color:#059669}.info-item .value.balance{color:#dc2626}.info-status-content{display:flex;align-items:flex-start;gap:.75rem;width:100%;min-width:0}.status-icon-small{font-size:1.2rem;flex-shrink:0;padding-top:.1rem}.info-status-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.info-status-text .label{color:#1e40af;font-weight:700;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.info-status-text .value{color:#64748b;font-weight:600;font-size:.85rem;text-align:left;margin-left:0;max-width:100%}.status-date{color:#94a3b8;font-size:.75rem;margin-top:.25rem}.status-notes{color:#64748b;font-size:.8rem;font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.4}.info-item.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.info-item.current{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.info-item.pending{background:#e2e8f0;border-color:#94a3b8;opacity:1}.payment-notes{color:#64748b;font-size:.8rem;font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e2e8f0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;width:100%}.payment-history-item{flex-direction:column;align-items:flex-start;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.payment-history-item:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 20px #3b82f61a}.payment-history-main{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;gap:1rem}.payment-history-main .label{color:#64748b;font-weight:600;font-size:.9rem;flex-shrink:0}.payment-history-main .value{color:#1e40af;font-weight:700;font-size:.95rem;text-align:right;flex-shrink:0;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.info-item.has-notes{flex-direction:column;align-items:flex-start}.info-item.has-notes .value{margin-left:0;margin-top:.25rem;width:100%;text-align:left}.info-item.status-item{flex-direction:column;align-items:flex-start}.info-item.status-item .label,.info-item.status-item .value{width:100%;margin-left:0;text-align:left}.info-item.status-item .value{margin-top:.25rem}.payment-summary{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.payment-item .label{color:#64748b;font-weight:600}.payment-item .value{font-weight:700;font-size:1.1rem}.payment-history{margin-top:2rem}.payment-history h4{color:#1e40af;font-size:1.25rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.no-payments-message{padding:2rem;text-align:center;color:#64748b;font-size:.9rem;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.no-payments-message p{margin:0}.payment-record{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem;border-left:3px solid #3b82f6}.payment-date{color:#64748b;font-size:.85rem}.payment-amount{color:#1e40af;font-weight:600}.payment-notes{color:#64748b;font-size:.8rem;font-style:italic;margin-top:.25rem}.payment-note{margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.payment-note h4{color:#1e40af;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.payment-note p{color:#64748b;font-size:.9rem;line-height:1.5;margin:0}.roadmap-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1);min-width:0;word-wrap:break-word;overflow-wrap:break-word}.roadmap-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 2rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.roadmap-container{display:flex;flex-direction:column;gap:1rem;position:relative}.roadmap-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;position:relative;transition:all .3s ease;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.roadmap-item.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.roadmap-item.current{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 8px 32px #3b82f633;transform:scale(1.02)}.roadmap-item.pending{background:#e2e8f0;border-color:#94a3b8;opacity:1}.roadmap-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;font-weight:700}.roadmap-item.completed .roadmap-icon{background:#22c55e;color:#fff}.roadmap-item.current .roadmap-icon{background:#3b82f6;color:#fff;animation:pulse 2s infinite}.roadmap-item.pending .roadmap-icon{background:#64748b;color:#fff}.roadmap-content{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.roadmap-title{color:#1e40af;font-weight:700;font-size:1rem;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word}.roadmap-location{color:#64748b;font-size:.9rem;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word}.roadmap-date{color:#94a3b8;font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word}.map-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.map-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.tracking-iframe-container{position:relative;width:100%;height:500px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;background:#f8fafc}.tracking-iframe{width:100%;height:100%;border:none;border-radius:16px}.no-tracking-url{display:flex;align-items:center;justify-content:center;height:300px;background:#f8fafc;border-radius:16px;border:2px dashed #cbd5e1}.no-tracking-url p{color:#64748b;font-size:1.1rem;text-align:center}.tracking-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem}.tracking-icon{font-size:3rem;opacity:.6}.tracking-placeholder h4{color:#374151;font-size:1.25rem;font-weight:600;margin:0}.tracking-placeholder p{color:#64748b;font-size:1rem;margin:0;max-width:400px;line-height:1.5}.tracking-link-fallback{margin-top:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.tracking-link-fallback p{margin:0 0 1rem;font-weight:500}.tracking-external-link{display:inline-block;background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.tracking-external-link:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.tracking-container-wrapper{display:flex;flex-direction:column;gap:1rem}.tracking-container-wrapper .tracking-link-fallback{margin-top:0;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:center}.tracking-container-wrapper .tracking-link-fallback p{margin:0 0 .75rem;font-size:.9rem;color:#64748b}.documents-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.documents-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.documents-table-container{overflow-x:auto}.documents-table{width:100%;border-collapse:collapse;font-size:.95rem}.documents-table thead{background:#f8fafc}.documents-table th{padding:1rem;text-align:left;font-weight:600;color:#1e40af;border-bottom:2px solid #e2e8f0}.documents-table td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#475569}.documents-table tbody tr:hover{background:#f8fafc}.download-button{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.download-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.download-button:active{transform:translateY(0)}.client-notes-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.client-notes-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.client-notes-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid rgba(59,130,246,.2);border-radius:16px;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;min-height:150px;box-shadow:0 4px 12px #3b82f61a;transition:all .3s ease}.client-notes-box:hover{box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.client-notes-icon{font-size:3rem;flex-shrink:0;opacity:.8}.client-notes-content{flex:1;font-size:1.1rem;line-height:1.8;color:#1e3a8a;font-weight:500;white-space:pre-wrap;word-wrap:break-word}.media-section{background:#fff;border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s ease}.modal-nav:hover{background:#000000b3}.modal-prev{left:12px}.modal-next{right:12px}.media-section h3{color:#1e40af;font-size:1.5rem;font-weight:700;margin:0 0 2rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;width:100%}.gallery-item{position:relative;width:100%;height:250px;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 32px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.gallery-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000040}.gallery-item img,.gallery-item video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.1)}.gallery-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-icon{font-size:2rem;color:#fff}.media-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.media-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.modal-close:hover{background:#000000e6}.modal-media{width:100%;height:100%;max-width:80vw;max-height:80vh;object-fit:contain}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;color:#1e40af}.loading-container{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.error-container{text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 40px #ef44441a;border:1px solid rgba(239,68,68,.1)}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h3{color:#1e40af;font-size:1.5rem;margin-bottom:.5rem}.error-container p{color:#64748b;font-size:1.1rem;margin-bottom:2rem}.retry-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#2563eb;transform:translateY(-2px)}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@media(max-width:1600px){.main-grid{gap:1rem}}@media(max-width:1400px){.tracking-container{padding:1.5rem}.main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.right-column{grid-column:1 / -1}}@media(max-width:1200px){.tracking-container{padding:1.5rem}.main-grid{grid-template-columns:1fr;gap:2rem}.left-column,.middle-column,.right-column{width:100%}}@media(max-width:768px){.tracking-container{padding:1rem}.tracking-header{padding-top:5rem;margin-bottom:2rem}.tracking-title{font-size:2rem;margin-bottom:.75rem}.tracking-subtitle{font-size:1rem;margin-bottom:.75rem}.order-number{font-size:.85rem;padding:.4rem 1.2rem}.status-overview{margin-bottom:2rem}.status-card{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem}.status-icon{font-size:2.5rem;width:70px;height:70px}.status-info h3{font-size:1.25rem}.status-text{font-size:1rem}.status-location{font-size:.85rem}.main-grid{gap:1.5rem;margin-bottom:2rem}.info-section,.roadmap-section,.map-section,.media-section{padding:1.5rem;margin-bottom:1.5rem}.info-section h3,.roadmap-section h3,.map-section h3,.media-section h3{font-size:1.25rem;margin-bottom:1rem}.info-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}.info-item .label{font-size:.85rem;width:100%}.info-item .value{text-align:left;font-size:.9rem;width:100%;margin-left:0;max-width:100%}.payment-history-item{padding:.75rem}.payment-history-main{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.payment-history-main .label{width:100%;font-size:.85rem}.payment-history-main .value{text-align:left;width:100%;font-size:.9rem;margin-left:0}.info-status-content{flex-direction:column;gap:.5rem}.roadmap-item{flex-direction:row;align-items:flex-start;gap:.75rem;padding:1rem}.roadmap-icon{width:40px;height:40px;font-size:1.25rem}.roadmap-title{font-size:.9rem}.roadmap-location{font-size:.85rem}.roadmap-date{font-size:.75rem}.tracking-iframe-container{height:400px}.tracking-iframe-container-large{height:450px}.media-gallery{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.gallery-item{height:200px}.payment-item{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-item .value{text-align:left;width:100%}}@media(max-width:480px){.tracking-container{padding:.75rem}.tracking-header{padding-top:4.5rem;margin-bottom:1.5rem}.tracking-title{font-size:1.75rem;margin-bottom:.5rem}.tracking-subtitle{font-size:.9rem;margin-bottom:.5rem}.order-number{font-size:.8rem;padding:.35rem 1rem}.status-card{padding:1.25rem}.status-icon{font-size:2rem;width:60px;height:60px}.status-info h3{font-size:1.1rem}.status-text{font-size:.95rem}.status-location{font-size:.8rem}.main-grid{gap:1rem;margin-bottom:1.5rem}.info-section,.roadmap-section,.map-section,.media-section{padding:1rem;margin-bottom:1rem;border-radius:16px}.info-section h3,.roadmap-section h3,.map-section h3,.media-section h3{font-size:1.1rem;margin-bottom:.75rem}.info-item{padding:.6rem}.info-item .label{font-size:.8rem}.info-item .value{font-size:.85rem}.payment-history-item{padding:.6rem}.payment-history-main{flex-direction:column;align-items:flex-start;gap:.4rem;margin-bottom:.4rem}.payment-history-main .label{font-size:.8rem;width:100%}.payment-history-main .value{text-align:left;font-size:.85rem;width:100%;margin-left:0}.payment-notes{font-size:.75rem;margin-top:.4rem;padding-top:.4rem}.roadmap-item{padding:.75rem;gap:.6rem}.roadmap-icon{width:35px;height:35px;font-size:1.1rem}.roadmap-title{font-size:.85rem}.roadmap-location{font-size:.8rem}.roadmap-date{font-size:.7rem}.tracking-iframe-container{height:300px}.tracking-iframe-container-large{height:350px}.media-gallery{grid-template-columns:1fr;gap:.75rem}.gallery-item{height:180px}.payment-item{padding:.6rem}.payment-item .label{font-size:.85rem}.payment-item .value{font-size:.9rem}}.map-section-large{margin:2rem 0;padding:2rem;background:#fff;border-radius:20px;box-shadow:0 10px 40px #3b82f61a;border:1px solid rgba(59,130,246,.1)}.map-section-large h3{color:#1e40af;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.tracking-iframe-container-large{width:100%;height:600px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a;border:2px solid rgba(59,130,246,.2)}.tracking-iframe-large{width:100%;height:100%;border:none}.roadmap-notes{font-size:.85rem;color:#64748b;font-style:italic;margin-top:.25rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.4;max-width:100%}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.payment-item:last-child{border-bottom:none}.payment-item .label{font-weight:500;color:#374151}.payment-item .value{font-weight:600;color:#1f2937}.payment-item .value.paid{color:#059669}.payment-item .value.balance{color:#dc2626}