@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Barlow:wght@300;400;500;600;700;800&family=Rajdhani:wght@300;400;500;600;700&display=swap";:root{--void-black: #000000;--carbon-black: #0a0a0a;--carbon-fiber: #121212;--steel-dark: #1a1a1a;--steel-medium: #242424;--steel-light: #2e2e2e;--steel-border: #3a3a3a;--racing-yellow: #ffde00;--racing-yellow-glow: rgba(255, 222, 0, .5);--racing-yellow-dim: rgba(255, 222, 0, .1);--electric-blue: #00e5ff;--electric-blue-glow: rgba(0, 229, 255, .4);--electric-blue-dim: rgba(0, 229, 255, .1);--neon-cyan: #00ffff;--performance-red: #ff0040;--performance-red-glow: rgba(255, 0, 64, .4);--titanium: #d4d4d8;--titanium-light: #fafafa;--titanium-dark: #a1a1aa;--chrome-gradient: linear-gradient(135deg, #fafafa 0%, #d4d4d8 50%, #fafafa 100%);--text-primary: #ffffff;--text-secondary: #d4d4d8;--text-muted: #a1a1aa;--text-dim: #71717a;--font-display: "Orbitron", sans-serif;--font-body: "Barlow", sans-serif;--font-technical: "Rajdhani", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.75rem;--font-size-4xl: 4rem;--font-size-5xl: 5.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 3px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .8);--shadow-md: 0 4px 16px rgba(0, 0, 0, .9);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .95);--shadow-xl: 0 16px 64px rgba(0, 0, 0, 1);--glow-yellow: 0 0 20px var(--racing-yellow-glow), 0 0 40px var(--racing-yellow-glow);--glow-blue: 0 0 20px var(--electric-blue-glow), 0 0 40px var(--electric-blue-glow);--glow-red: 0 0 20px var(--performance-red-glow), 0 0 40px var(--performance-red-glow);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-power: .6s cubic-bezier(.65, 0, .35, 1);--carbon-pattern: repeating-linear-gradient( 45deg, transparent, transparent 2px, rgba(255, 255, 255, .02) 2px, rgba(255, 255, 255, .02) 4px ), repeating-linear-gradient( -45deg, transparent, transparent 2px, rgba(255, 255, 255, .02) 2px, rgba(255, 255, 255, .02) 4px );--hex-pattern: radial-gradient(circle at 50% 50%, transparent 40%, rgba(255, 222, 0, .03) 40%, rgba(255, 222, 0, .03) 41%, transparent 41%)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--text-primary);background-color:var(--void-black);background-image:var(--carbon-pattern),var(--hex-pattern);background-size:100% 100%,30px 30px;background-attachment:fixed;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,222,0,.03) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,229,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0;animation:pulse-ambient 10s ease-in-out infinite}@keyframes pulse-ambient{0%,to{opacity:1}50%{opacity:.6}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary)}h1{font-size:var(--font-size-5xl);font-weight:900;letter-spacing:.02em;text-shadow:0 0 40px rgba(255,222,0,.3)}h2{font-size:var(--font-size-3xl);font-weight:800}h3{font-size:var(--font-size-xl);font-weight:700}p{font-family:var(--font-body);font-weight:400;letter-spacing:.01em}.technical-text{font-family:var(--font-technical);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.chrome-text{background:var(--chrome-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(255,255,255,.3))}.racing-text{color:var(--racing-yellow);text-shadow:var(--glow-yellow);font-weight:800}.electric-text{color:var(--electric-blue);text-shadow:var(--glow-blue);font-weight:800}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-6);position:relative;z-index:1}.section-title{font-size:var(--font-size-3xl);font-weight:900;margin-bottom:var(--spacing-12);text-align:center;position:relative;display:inline-block;width:100%}.section-title:after{content:"";position:absolute;bottom:-var(--spacing-4);left:50%;transform:translate(-50%);width:120px;height:3px;background:linear-gradient(90deg,transparent,var(--racing-yellow),transparent);box-shadow:var(--glow-yellow)}.speed-lines{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.4}.speed-lines:before,.speed-lines:after{content:"";position:absolute;width:200%;height:2px;background:linear-gradient(90deg,transparent,var(--racing-yellow),transparent);transform:rotate(-15deg);animation:speed-line 3s linear infinite}.speed-lines:after{animation-delay:1.5s;top:30%}@keyframes speed-line{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.btn{font-family:var(--font-technical);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;padding:var(--spacing-4) var(--spacing-8);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:var(--spacing-2);text-decoration:none}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform var(--transition-base)}.btn:hover:before{transform:translate(100%)}.btn-primary{background:var(--racing-yellow);color:var(--void-black);box-shadow:var(--glow-yellow);font-weight:800}.btn-primary:hover{background:var(--racing-yellow);transform:translateY(-2px);box-shadow:0 0 30px var(--racing-yellow-glow),0 0 60px var(--racing-yellow-glow)}.btn-secondary{background:transparent;color:var(--electric-blue);border:2px solid var(--electric-blue);box-shadow:0 0 10px var(--electric-blue-dim)}.btn-secondary:hover{background:var(--electric-blue-dim);border-color:var(--electric-blue);box-shadow:var(--glow-blue);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--steel-border)}.btn-outline:hover{background:var(--steel-dark);border-color:var(--titanium);transform:translateY(-2px)}.card{background:var(--carbon-fiber);background-image:var(--carbon-pattern);border:1px solid var(--steel-border);border-radius:var(--radius-lg);padding:var(--spacing-6);position:relative;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--racing-yellow),transparent);opacity:0;transition:opacity var(--transition-base)}.card:hover{border-color:var(--racing-yellow);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 20px var(--racing-yellow-dim)}.card:hover:before{opacity:1}.hex-card{background:var(--steel-dark);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);padding:var(--spacing-8);position:relative}.hex-card:before{content:"";position:absolute;inset:2px;background:var(--carbon-black);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);z-index:-1}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--racing-yellow-glow)}50%{box-shadow:var(--glow-yellow)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fade-in .8s cubic-bezier(.4,0,.2,1) forwards}.animate-slide-in{animation:slide-in-right .8s cubic-bezier(.4,0,.2,1) forwards}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.relative{position:relative}.absolute{position:absolute}.z-10{z-index:10}.z-20{z-index:20}@media(max-width:768px){:root{--font-size-5xl: 3rem;--font-size-4xl: 2.5rem;--font-size-3xl: 2rem}.container{padding:0 var(--spacing-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}}@media(max-width:480px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem}}.spinner{border:3px solid rgba(59,130,246,.1);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-fullscreen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#050505cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}.cart-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:border-color var(--transition-fast)}.cart-item:hover{border-color:var(--primary-color)}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:var(--border-radius-sm)}.cart-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.cart-item-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.cart-item-price{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color);margin-top:auto}.cart-item-actions{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-end}.quantity-controls{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xs)}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-color);color:var(--text-primary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.quantity-btn:hover{background:var(--surface-hover);color:var(--primary-color)}.quantity-value{min-width:32px;text-align:center;font-weight:600;color:var(--text-primary)}.remove-btn{background:#ef44441a;color:#ef4444;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.remove-btn:hover{background:#ef444433}@media(max-width:640px){.cart-item{grid-template-columns:1fr}.cart-item-actions{flex-direction:row;justify-content:space-between;align-items:center}.quantity-btn{min-width:44px;min-height:44px}}.cart-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);position:sticky;top:100px}.cart-summary-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.cart-summary-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.cart-summary-divider{height:1px;background:var(--border-color);margin:var(--spacing-lg) 0}.cart-summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.checkout-btn{width:100%;justify-content:center;padding:var(--spacing-md);font-size:var(--font-size-base)}@media(max-width:768px){.cart-summary{position:static}.checkout-btn{min-height:48px;font-size:16px}}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:400px}.empty-cart-icon{color:var(--text-secondary);margin-bottom:var(--spacing-lg);opacity:.5}.empty-cart-title{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.empty-cart-text{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:400px}.cart-page{min-height:calc(100vh - 80px);padding:120px 0 var(--spacing-xl)}.page-title{font-size:var(--font-size-2xl);font-weight:800;margin-bottom:var(--spacing-xl);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-xl);align-items:start}.cart-items-section{display:flex;flex-direction:column;gap:var(--spacing-md)}@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary-section{order:-1}}.modal-overlay{position:fixed;inset:0;background:#0a0a0fe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-6);animation:fadeIn .3s ease}.upsell-modal{background:var(--carbon-fiber);border:var(--border-medium) solid rgba(192,192,200,.2);border-radius:var(--radius-2xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s cubic-bezier(.65,0,.35,1);box-shadow:var(--shadow-xl),0 0 60px #06c3}.upsell-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--luxury-blue-bright),var(--electric-cyan),transparent)}.modal-close{position:absolute;top:var(--spacing-6);right:var(--spacing-6);background:var(--steel-dark);border:var(--border-thin) solid var(--steel-light);border-radius:var(--radius-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);z-index:10}.modal-close:hover{background:var(--steel-medium);border-color:var(--chrome-base);color:var(--text-primary)}.modal-header{padding:var(--spacing-10) var(--spacing-10) var(--spacing-8);text-align:center}.modal-title{font-size:var(--font-size-3xl);font-weight:900;margin-bottom:var(--spacing-3);letter-spacing:-.02em}.modal-subtitle{font-size:var(--font-size-base);color:var(--text-secondary)}.upsell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);padding:0 var(--spacing-10) var(--spacing-8)}.upsell-addon-card{background:linear-gradient(145deg,var(--steel-dark) 0%,var(--carbon-fiber) 100%);border:var(--border-thin) solid var(--steel-light);border-radius:var(--radius-xl);padding:var(--spacing-6);display:flex;flex-direction:column;position:relative;transition:all var(--transition-base)}.upsell-addon-card:hover{border-color:var(--luxury-blue);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upsell-addon-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);padding:var(--spacing-1) var(--spacing-3);background:linear-gradient(135deg,var(--luxury-blue),var(--luxury-blue-bright));color:#fff;font-size:var(--font-size-xs);font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.upsell-addon-content{flex:1}.upsell-addon-name{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-3);color:var(--text-primary);padding-right:var(--spacing-12)}.upsell-addon-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-4)}.upsell-addon-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-5)}.upsell-addon-features li{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.upsell-addon-features li svg{color:var(--success-green);flex-shrink:0}.upsell-addon-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:var(--border-thin) solid var(--steel-light)}.upsell-addon-pricing{display:flex;flex-direction:column;gap:var(--spacing-1)}.upsell-addon-price{font-size:var(--font-size-xl);font-weight:900;color:var(--chrome-light);font-family:var(--font-mono)}.upsell-addon-saving{font-size:var(--font-size-xs);color:var(--success-green);font-weight:600}.upsell-addon-footer .btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.modal-actions{padding:var(--spacing-6) var(--spacing-10) var(--spacing-8);border-top:var(--border-thin) solid var(--steel-dark);display:flex;justify-content:center}.modal-actions .btn{min-width:240px;justify-content:center;font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}@media(max-width:768px){.upsell-grid{grid-template-columns:1fr}.modal-header,.upsell-grid,.modal-actions{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}.checkout-page{min-height:100vh;padding:var(--spacing-12) 0 var(--spacing-20)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5);margin-bottom:var(--spacing-6)}.form-grid .full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.review-sections{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.review-section{background:var(--steel-dark);border:var(--border-thin) solid var(--steel-light);border-radius:var(--radius-lg);padding:var(--spacing-6)}.review-section h3{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-4);color:var(--chrome-light);text-transform:uppercase;letter-spacing:.05em}.review-section p{color:var(--text-primary);margin-bottom:var(--spacing-2)}.review-section .text-muted{color:var(--text-secondary);font-size:var(--font-size-sm)}.review-item{display:flex;justify-content:space-between;padding:var(--spacing-3) 0;color:var(--text-secondary);border-bottom:var(--border-thin) solid var(--steel-light)}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-total{display:flex;justify-content:space-between;padding-top:var(--spacing-5);margin-top:var(--spacing-5);border-top:var(--border-medium) solid var(--luxury-blue);font-size:var(--font-size-xl);font-weight:800}.confirmation-email-note{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-8);padding:var(--spacing-5);background:#0066cc1a;border:var(--border-thin) solid rgba(0,102,204,.3);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--bg-color);position:relative;overflow:hidden}.login-container{width:100%;max-width:550px;position:relative;z-index:10}.login-card{background:var(--carbon-fiber);background-image:var(--carbon-pattern);border:1px solid var(--steel-border);border-radius:var(--radius-md);padding:3rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--racing-yellow),var(--electric-blue),transparent)}.login-title{font-size:var(--font-size-2xl);font-weight:900;text-align:center;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;line-height:1.2}.login-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2.5rem;font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-btn{width:100%;justify-content:center;padding:var(--spacing-md);margin-top:var(--spacing-md)}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--steel-border);color:var(--text-muted);font-size:var(--font-size-xs);display:flex;align-items:center;justify-content:center;letter-spacing:.05em}.login-link{color:var(--electric-blue);font-weight:600;transition:color var(--transition-fast);text-decoration:none}.login-link:hover{color:var(--racing-yellow)}@media(max-width:640px){.login-card{padding:2rem 1.5rem}.login-btn{min-height:48px;font-size:16px}.login-title{font-size:var(--font-size-xl)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.input-required{color:#ef4444;margin-left:2px}.input{width:100%;padding:.75rem var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-error-text{font-size:var(--font-size-sm);color:#ef4444}.input::placeholder{color:var(--text-secondary)}@media(max-width:768px){.input{font-size:16px;min-height:44px}}.success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);color:var(--success-color);margin-bottom:var(--spacing-md);animation:slideIn .3s ease}.success-text{flex:1;font-size:var(--font-size-sm)}.success-close{background:none;color:inherit;padding:var(--spacing-xs);opacity:.7;transition:opacity var(--transition-fast)}.success-close:hover{opacity:1}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#ef4444;margin-bottom:var(--spacing-md)}.error-text{flex:1;font-size:var(--font-size-sm)}.error-close{background:none;color:inherit;padding:var(--spacing-xs);opacity:.7;transition:opacity var(--transition-fast)}.error-close:hover{opacity:1}.profile-info{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.profile-section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-form button[type=submit]{align-self:flex-start}@media(max-width:640px){.profile-form button[type=submit]{width:100%;min-height:48px}}.modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.modal-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-title{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.modal-close{background:none;color:var(--text-secondary);padding:var(--spacing-xs);transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.vehicle-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.vehicle-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-md)}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%;min-height:48px}}.vehicle-list{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.vehicle-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.vehicle-list-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.vehicle-list-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.vehicle-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.vehicle-card-icon{color:var(--primary-color)}.vehicle-card-actions{display:flex;gap:var(--spacing-xs)}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--surface-color);color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.icon-btn:hover{background:var(--surface-hover);color:var(--primary-color)}.icon-btn.danger:hover{color:#ef4444}.vehicle-card-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.vehicle-card-details{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.vehicle-card-plate{font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace;background:var(--surface-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);display:inline-block}@media(max-width:640px){.vehicle-list-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.vehicles-grid{grid-template-columns:1fr}}.address-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.address-form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.address-list{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.address-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.address-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.address-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.address-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.address-icon{color:var(--primary-color)}.address-card-actions{display:flex;gap:var(--spacing-xs)}.address-type{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);margin-bottom:var(--spacing-sm)}.address-line{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}@media(max-width:640px){.address-list-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.addresses-grid{grid-template-columns:1fr}}.profile-page{min-height:calc(100vh - 80px);padding:120px 0 var(--spacing-xl)}.profile-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--border-color);overflow-x:auto}.profile-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;color:var(--text-secondary);font-weight:600;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);white-space:nowrap}.profile-tab:hover{color:var(--text-primary)}.profile-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.profile-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.profile-tabs{gap:0}.profile-tab{flex:1;justify-content:center;padding:var(--spacing-md)}.profile-tab span{display:none}}.order-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);background:color-mix(in srgb,var(--status-color) 10%,transparent);color:var(--status-color);border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.order-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}.order-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.order-number{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.order-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-details{margin-bottom:var(--spacing-md);padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.order-vehicle,.order-appointment{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.order-footer{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:var(--font-size-lg);font-weight:700;color:var(--primary-color)}.order-arrow{color:var(--text-secondary);transition:transform var(--transition-fast)}.order-card:hover .order-arrow{transform:translate(4px);color:var(--primary-color)}@media(max-width:640px){.order-card{padding:var(--spacing-md)}}.orders-page{min-height:calc(100vh - 80px);padding:120px 0 var(--spacing-xl)}.orders-grid{display:grid;gap:var(--spacing-md)}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;min-height:400px}.empty-icon{color:var(--text-secondary);opacity:.5;margin-bottom:var(--spacing-lg)}.empty-orders h2{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-orders p{color:var(--text-secondary);max-width:400px}.order-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-md);position:relative}.timeline-marker{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-color);border:2px solid var(--border-color);color:var(--text-secondary);z-index:2}.timeline-pending .timeline-marker{border-color:var(--border-color)}.timeline-active .timeline-marker{background:var(--accent-gradient);border-color:var(--primary-color);color:#fff;animation:pulse 2s ease-in-out infinite}.timeline-completed .timeline-marker{background:var(--success-color);border-color:var(--success-color);color:#fff}.timeline-cancelled .timeline-marker{background:#ef4444;border-color:#ef4444;color:#fff}.timeline-dot{width:12px;height:12px;border-radius:50%;background:currentColor}.timeline-content{padding:var(--spacing-sm) 0}.timeline-label{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.timeline-time{font-size:var(--font-size-sm);color:var(--text-secondary)}.timeline-line{position:absolute;left:19px;top:40px;bottom:-16px;width:2px;background:var(--border-color);z-index:1}.timeline-completed~.timeline-step .timeline-line{background:var(--success-color)}@keyframes pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px #3b82f600}}@media(max-width:640px){.timeline-marker{width:32px;height:32px}.timeline-line{left:15px}}.order-detail-page{min-height:calc(100vh - 80px);padding:120px 0 var(--spacing-xl)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-weight:600;margin-bottom:var(--spacing-lg);transition:all var(--transition-fast)}.back-button:hover{color:var(--text-primary);border-color:var(--primary-color)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl)}.order-date{color:var(--text-secondary);margin-top:var(--spacing-xs)}.order-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-xl);align-items:start}.order-timeline-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.section-title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.order-info-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.info-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg)}.info-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:var(--primary-color)}.info-card-header h3{font-size:var(--font-size-base);font-weight:700;color:var(--text-primary)}.info-value{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-items-card h3{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.order-item-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;color:var(--text-secondary)}.order-total-row{display:flex;justify-content:space-between;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:2px solid var(--border-color);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}@media(max-width:1024px){.order-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.order-header{flex-direction:column;gap:var(--spacing-md)}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center}.not-found-content{max-width:500px}.not-found-title{font-size:8rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:var(--spacing-md)}.not-found-subtitle{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary)}.not-found-message{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media(max-width:640px){.not-found-title{font-size:6rem}}.admin-sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--surface-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transition:transform var(--transition-base)}.admin-sidebar-overlay{display:none}.admin-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.admin-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:1.5rem}.logo-text{font-size:var(--font-size-lg);font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sidebar-close{display:none;background:transparent;color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-xs);transition:color var(--transition-fast)}.sidebar-close:hover{color:var(--text-primary)}.admin-user-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.user-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:#fff;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--font-size-sm);color:var(--text-secondary)}.admin-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all var(--transition-fast);margin-bottom:var(--spacing-xs);min-height:44px}.admin-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.admin-nav-item.active{background:#3b82f61a;color:var(--primary-color)}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-label{font-weight:500}.admin-sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-logout{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;color:var(--text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-weight:500;min-height:44px}.btn-logout:hover{background:var(--surface-hover);color:#ef4444}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar-close{display:block}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-color)}.admin-content{flex:1;margin-left:280px;min-height:100vh;transition:margin-left var(--transition-base)}.admin-mobile-header{display:none}.admin-main{padding:var(--spacing-xl);max-width:1600px;margin:0 auto}@media(max-width:1024px){.admin-content{margin-left:0}.admin-mobile-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.menu-toggle{background:transparent;color:var(--text-primary);font-size:1.5rem;padding:var(--spacing-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-title{font-weight:700;font-size:var(--font-size-lg);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.admin-main{padding:var(--spacing-md)}}@media(max-width:640px){.admin-main{padding:var(--spacing-sm)}}.stats-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;gap:var(--spacing-lg);align-items:flex-start;transition:all var(--transition-fast)}.stats-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.stats-icon{font-size:2.5rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:var(--border-radius-md);flex-shrink:0}.stats-content{flex:1;min-width:0}.stats-label{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.stats-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stats-change{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;margin-top:var(--spacing-xs)}.trend-icon{font-size:1rem}@media(max-width:640px){.stats-card{padding:var(--spacing-md)}.stats-icon{width:48px;height:48px;font-size:1.75rem}.stats-value{font-size:1.5rem}}.admin-dashboard{animation:fadeIn .3s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-section{margin-bottom:var(--spacing-xl)}.section-title-left{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.status-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-lg);text-align:center}.status-count{font-size:2rem;font-weight:700;color:var(--text-primary);margin-top:var(--spacing-sm)}.recent-orders{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.orders-list{display:flex;flex-direction:column}.order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.order-item:last-child{border-bottom:none}.order-item:hover{background:var(--surface-hover)}.order-customer{color:var(--text-primary);font-weight:500}.order-total{font-weight:700;font-size:var(--font-size-lg);color:var(--success-color)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.action-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast);min-height:140px;justify-content:center}.action-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.action-icon{font-size:3rem}.action-label{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.empty-message{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-title{font-size:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.order-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.order-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:640px){.stats-grid,.quick-actions{grid-template-columns:1fr}}.orders-table-wrapper{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:var(--surface-hover)}.orders-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.orders-table th:hover{color:var(--text-primary)}.orders-table tbody tr{border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.order-row{cursor:pointer}.order-row:hover{background:var(--surface-hover)}.orders-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary)}.order-number{font-weight:600;color:var(--primary-color)}.customer-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.customer-name{font-weight:500;color:var(--text-primary)}.customer-email{font-size:var(--font-size-sm);color:var(--text-secondary)}.order-total{font-weight:600;color:var(--success-color)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-action{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);min-width:70px;min-height:32px}.btn-confirm{background:#3b82f61a;color:var(--primary-color)}.btn-confirm:hover{background:#3b82f633}.btn-progress{background:#8b5cf61a;color:var(--accent-color)}.btn-progress:hover{background:#8b5cf633}.btn-complete{background:#10b9811a;color:var(--success-color)}.btn-complete:hover{background:#10b98133}.btn-view{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-view:hover{background:var(--surface-hover);color:var(--text-primary)}.empty-orders{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}@media(max-width:1024px){.orders-table-wrapper{overflow-x:auto}.orders-table{min-width:800px}.orders-table th,.orders-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media(max-width:640px){.action-buttons{flex-direction:column}.btn-action{width:100%}}.status-update-form{padding:var(--spacing-md) 0}.form-select,.form-textarea{width:100%;padding:var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-textarea{resize:vertical;min-height:100px}.modal-actions .btn{min-width:120px}.admin-orders{animation:fadeIn .3s ease-out}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.orders-filters{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.filter-select,.filter-input{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast);min-height:44px}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--primary-color)}.clear-filters{align-self:end}.results-info{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.page-info{color:var(--text-secondary);font-weight:500}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.orders-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.filter-row{grid-template-columns:1fr}.clear-filters{width:100%}}.retry-payment-content{padding:var(--spacing-md) 0}.warning-message{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#f59e0b1a;border:1px solid var(--warning-color);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.warning-icon{font-size:1.5rem;flex-shrink:0}.warning-message p{margin:0;color:var(--text-primary);line-height:1.5}.warning-message p+p{margin-top:var(--spacing-sm)}.order-amount{font-weight:700;font-size:var(--font-size-lg);color:var(--warning-color)}.info-box{padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.info-box p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-weight:500}.info-box ul{margin:0;padding-left:var(--spacing-lg);list-style:disc}.info-box li{color:var(--text-secondary);margin-bottom:var(--spacing-xs);line-height:1.5}@media(max-width:640px){.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.admin-order-detail{animation:fadeIn .3s ease-out}.info-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.card-header h2{margin:0}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.info-value{color:var(--text-primary);font-weight:600}.payment-status{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize;display:inline-block}.payment-status.success{background:#10b9811a;color:var(--success-color)}.payment-status.failed{background:#ef44441a;color:#ef4444}.payment-status.pending{background:#f59e0b1a;color:var(--warning-color)}.line-items{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.line-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--border-radius-md)}.item-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.item-name{font-weight:600;color:var(--text-primary)}.item-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.item-price{font-weight:700;color:var(--success-color);white-space:nowrap}.order-totals{border-top:1px solid var(--border-color);padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.total-row{display:flex;justify-content:space-between;color:var(--text-secondary)}.total-row.total{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.detail-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.actions-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:sticky;top:var(--spacing-lg)}.actions-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.action-buttons-vertical{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-buttons-vertical .btn{width:100%;justify-content:center}.btn-danger{color:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#ef44441a}@media(max-width:1024px){.detail-content{grid-template-columns:1fr}.actions-card{position:static}}@media(max-width:640px){.info-grid{grid-template-columns:1fr}.info-card{padding:var(--spacing-md)}}.admin-customers{animation:fadeIn .3s ease-out}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.search-bar{margin-bottom:var(--spacing-lg)}.search-input{width:100%;max-width:500px;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-color)}.customers-table-wrapper{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:var(--surface-hover)}.customers-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.customers-table tbody tr{border-top:1px solid var(--border-color);transition:background var(--transition-fast)}.customer-row{cursor:pointer}.customer-row:hover{background:var(--surface-hover)}.customers-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-primary)}.customer-name-cell{display:flex;align-items:center;gap:var(--spacing-md)}.customer-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.customer-name{font-weight:600;color:var(--text-primary)}.orders-count{font-weight:600;color:var(--primary-color)}.total-spent{font-weight:700;color:var(--success-color)}.empty-customers{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}@media(max-width:1024px){.customers-table-wrapper{overflow-x:auto}.customers-table{min-width:900px}}@media(max-width:768px){.customers-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.search-input{max-width:100%}}.admin-customer-detail{animation:fadeIn .3s ease-out}.detail-header{margin-bottom:var(--spacing-xl)}.back-btn{margin-bottom:var(--spacing-md)}.detail-content{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl)}.detail-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.customer-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.customer-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;flex-shrink:0}.customer-info-header h2{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.customer-info-header p{margin:0;color:var(--text-secondary)}.lifetime-value{color:var(--success-color);font-size:var(--font-size-lg)}.vehicles-grid{display:grid;gap:var(--spacing-md)}.vehicle-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.vehicle-icon{font-size:2rem;flex-shrink:0}.vehicle-info{flex:1}.vehicle-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.vehicle-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.addresses-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.address-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.address-icon{font-size:1.5rem;flex-shrink:0}.address-info{flex:1}.address-label{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.address-text{color:var(--text-secondary);line-height:1.5}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--border-radius-md);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.order-item:hover{border-color:var(--primary-color);transform:translate(4px)}.order-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-number{font-weight:600;color:var(--primary-color);font-size:var(--font-size-lg)}.order-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.order-total{font-weight:700;color:var(--success-color);font-size:var(--font-size-lg)}.stats-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);position:sticky;top:var(--spacing-lg)}.stats-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-value{color:var(--text-primary);font-weight:700;font-size:var(--font-size-lg)}.stat-value.highlight{color:var(--success-color);font-size:1.5rem}.empty-message{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}@media(max-width:1024px){.detail-content{grid-template-columns:1fr}.stats-card{position:static}}@media(max-width:640px){.customer-header{flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}.order-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.order-right{width:100%;flex-direction:row;justify-content:space-between;align-items:center}}.admin-products{animation:fadeIn .3s ease-out}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.header-actions{display:flex;gap:var(--spacing-md)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.product-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);transition:all var(--transition-fast)}.product-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.product-card.inactive{opacity:.6}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.product-name{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);flex:1}.product-status{flex-shrink:0}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:600}.status-badge.active{background:#10b9811a;color:var(--success-color)}.status-badge.inactive{background:#a1a1aa1a;color:var(--text-secondary)}.product-description{color:var(--text-secondary);line-height:1.5;margin:0}.product-price{font-size:1.75rem;font-weight:700;color:var(--success-color)}.product-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.product-features li{color:var(--text-secondary);font-size:var(--font-size-sm)}.more-features{color:var(--primary-color);font-weight:600}.product-actions{display:flex;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-action{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);min-height:36px}.btn-edit{background:#3b82f61a;color:var(--primary-color)}.btn-edit:hover{background:#3b82f633}.btn-toggle{background:#8b5cf61a;color:var(--accent-color)}.btn-toggle:hover{background:#8b5cf633}.btn-delete{background:#ef44441a;color:#ef4444}.btn-delete:hover{background:#ef444433}.empty-products{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.product-form{padding:var(--spacing-md) 0}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:500;font-size:var(--font-size-sm)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color)}.form-textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.feature-input-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.feature-input-group .form-input{flex:1}.btn-remove-feature{background:#ef44441a;color:#ef4444;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);min-width:40px}.btn-remove-feature:hover{background:#ef444433}.btn-small{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.modal-actions .btn{min-width:140px}@media(max-width:768px){.products-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%}.products-grid,.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}