@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}.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-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-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)}.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-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-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}.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%}}.employee-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color);padding:var(--spacing-lg)}.login-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-md)}.login-header h1{font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.login-header p{color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#dc2626;font-size:var(--font-size-sm);text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-group input{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background:var(--bg-color);color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input::placeholder{color:var(--text-secondary)}.btn-login{padding:var(--spacing-md);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.login-footer a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.login-footer a:hover{color:#10b981}.employee-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)}.employee-sidebar-overlay{display:none}.employee-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.employee-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.employee-logo .logo-icon{font-size:1.5rem}.employee-logo .logo-text{font-size:var(--font-size-lg);font-weight:700;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.employee-sidebar .sidebar-close{display:none;background:transparent;color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-xs);transition:color var(--transition-fast)}.employee-sidebar .sidebar-close:hover{color:var(--text-primary)}.employee-user-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.employee-user-info .user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:700;color:#fff;flex-shrink:0}.employee-user-info .user-details{flex:1;min-width:0}.employee-user-info .user-name{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-user-info .user-role{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:capitalize}.employee-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.employee-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}.employee-nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.employee-nav-item.active{background:#10b9811a;color:#10b981}.employee-nav-item .nav-icon{font-size:1.25rem;flex-shrink:0}.employee-nav-item .nav-label{font-weight:500}.employee-sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.employee-sidebar-footer .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}.employee-sidebar-footer .btn-logout:hover{background:var(--surface-hover);color:#ef4444}@media(max-width:1024px){.employee-sidebar{transform:translate(-100%)}.employee-sidebar.open{transform:translate(0)}.employee-sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}.employee-sidebar .sidebar-close{display:block}}.employee-layout{display:flex;min-height:100vh;background:var(--bg-color)}.employee-content{flex:1;margin-left:280px;min-height:100vh;transition:margin-left var(--transition-base)}.employee-mobile-header{display:none}.employee-main{padding:var(--spacing-xl);max-width:1600px;margin:0 auto}@media(max-width:1024px){.employee-content{margin-left:0}.employee-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}.employee-mobile-header .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}.employee-mobile-header .mobile-title{font-weight:700;font-size:var(--font-size-lg);background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.employee-main{padding:var(--spacing-md)}}@media(max-width:640px){.employee-main{padding:var(--spacing-sm)}}.job-card{display:block;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast);text-decoration:none}.job-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a;transform:translateY(-2px)}.job-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.job-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.working-indicator{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:#10b981;font-weight:600}.working-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.job-card-customer h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:4px}.job-card-customer .vehicle-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.job-card-service{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.service-package{background:#10b9811a;color:#059669;padding:4px 10px;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500}.add-ons{font-size:var(--font-size-sm);color:var(--text-secondary)}.job-card-time{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.job-date{font-weight:500}.job-card-address{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.address-icon{flex-shrink:0}.address-text{line-height:1.4}.job-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--border-color);font-size:var(--font-size-sm);color:var(--text-secondary)}.actual-time{font-weight:500;color:#10b981}.employee-dashboard{max-width:1200px;margin:0 auto}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.date-display{color:var(--text-secondary);font-size:var(--font-size-lg)}.active-job-alert{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:#10b9811a;border:2px solid #10b981;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);text-decoration:none;transition:all var(--transition-fast)}.active-job-alert:hover{background:#10b98126;transform:translate(4px)}.alert-content{display:flex;align-items:center;gap:var(--spacing-md)}.alert-text{color:var(--text-primary)}.alert-arrow{color:#10b981;font-size:1.5rem;font-weight:700}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.stat-icon{font-size:2.5rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);line-height:1}.todays-jobs{margin-top:var(--spacing-xl)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary)}.view-all{color:#10b981;font-weight:500;text-decoration:none;transition:opacity var(--transition-fast)}.view-all:hover{opacity:.8}.jobs-list{display:grid;gap:var(--spacing-md)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:center}@media(max-width:768px){.dashboard-stats{grid-template-columns:1fr}.dashboard-header h1{font-size:var(--font-size-xl)}}.employee-jobs{max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--spacing-xl)}.filters-bar{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.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-group select{padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--text-primary);cursor:pointer;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='%236b7280' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:140px}.filter-group select:focus{outline:none;border-color:#10b981}.jobs-by-date{display:flex;flex-direction:column;gap:var(--spacing-xl)}.date-group{margin-bottom:var(--spacing-lg)}.date-header{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.jobs-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);text-align:center;min-height:300px}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.empty-state{color:var(--text-secondary)}.empty-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);opacity:.7}@media(max-width:640px){.filters-bar{flex-direction:column;gap:var(--spacing-md)}.filter-group select{width:100%}.jobs-grid{grid-template-columns:1fr}}.time-tracker{background:var(--surface-color);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center}.time-tracker.working{border-color:#10b981;background:#10b9810d}.tracker-display{margin-bottom:var(--spacing-lg)}.status-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.status-text{font-weight:600;color:#10b981;text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em}.elapsed-time{font-size:3rem;font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace;color:var(--text-primary);letter-spacing:.02em}.clock-in-time{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-sm)}.tracker-display.not-working .status-text-idle{font-size:var(--font-size-lg);color:var(--text-secondary);padding:var(--spacing-lg) 0}.btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:none;min-width:160px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-clock-in{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-clock-in:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-clock-out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-clock-out:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-cancel{background:var(--surface-hover);color:var(--text-primary)}.btn-cancel:hover:not(:disabled){background:var(--border-color)}.break-input-section{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.break-input-section label{font-size:var(--font-size-sm);color:var(--text-secondary)}.break-input{width:100px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-lg);text-align:center;background:var(--bg-color);color:var(--text-primary)}.break-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.break-actions{display:flex;gap:var(--spacing-md)}.photo-uploader{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{border-color:#10b981}.type-btn.active{border-color:#10b981;background:#10b9811a}.type-btn:disabled{opacity:.5;cursor:not-allowed}.type-icon{font-size:1.25rem}.type-label{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary)}.type-btn.active .type-label{color:#10b981}.drop-zone{border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.drop-zone:hover{border-color:#10b981;background:#10b9810d}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.camera-icon{font-size:3rem}.drop-zone-content p{font-weight:500;color:var(--text-primary)}.file-hint{font-size:var(--font-size-sm);color:var(--text-secondary)}.preview-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--border-radius-md);background:var(--bg-color)}.caption-input input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background:var(--bg-color);color:var(--text-primary)}.caption-input input:focus{outline:none;border-color:#10b981}.preview-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.preview-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.preview-actions .btn-cancel{background:var(--surface-hover);color:var(--text-primary)}.preview-actions .btn-upload{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.preview-actions .btn:disabled{opacity:.6;cursor:not-allowed}.upload-error{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#dc2626;font-size:var(--font-size-sm)}@media(max-width:480px){.type-selector{grid-template-columns:repeat(2,1fr)}}.photo-gallery{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:20px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:#10b981;color:var(--text-primary)}.filter-btn.active{background:#10b9811a;border-color:#10b981;color:#10b981}.filter-count{background:var(--border-color);padding:2px 6px;border-radius:10px;font-size:var(--font-size-xs)}.filter-btn.active .filter-count{background:#10b98133}.gallery-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.5}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast)}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);background:linear-gradient(transparent,#000000b3)}.photo-type-badge{display:inline-block;padding:2px 8px;background:#fff3;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;color:#fff;text-transform:capitalize}.photo-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--border-radius-lg)}.modal-close{position:absolute;top:-40px;right:0;background:transparent;color:#fff;font-size:1.5rem;padding:var(--spacing-sm);cursor:pointer;transition:opacity var(--transition-fast)}.modal-close:hover{opacity:.7}.modal-info{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0;color:#fff}.modal-info .photo-type-badge{background:#10b9814d}.photo-caption{flex:1;font-size:var(--font-size-sm)}.photo-date{font-size:var(--font-size-sm);opacity:.7}@media(max-width:640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.notes-list{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.notes-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.btn-add-note{padding:var(--spacing-xs) var(--spacing-md);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);font-weight:500;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-add-note:hover{background:#10b98133}.notes-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.notes-empty .empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md);opacity:.5}.notes-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.note-item{padding:var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md)}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.note-type{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.note-icon{font-size:1rem}.note-time{font-size:var(--font-size-xs);color:var(--text-secondary)}.note-content{color:var(--text-primary);line-height:1.5;margin-bottom:var(--spacing-sm);white-space:pre-wrap}.note-author{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.add-note-modal{background:var(--surface-color);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.add-note-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.add-note-modal .modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.add-note-modal .modal-close{background:transparent;color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-xs);cursor:pointer;transition:color var(--transition-fast);line-height:1}.add-note-modal .modal-close:hover{color:var(--text-primary)}.add-note-modal form{padding:var(--spacing-lg)}.note-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.type-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.type-option:hover{border-color:#10b981}.type-option.active{border-color:#10b981;background:#10b9811a}.type-option .type-icon{font-size:1.25rem}.type-option .type-label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.type-option.active .type-label{color:#10b981}.note-input-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-family:inherit;resize:vertical;min-height:120px;background:var(--bg-color);color:var(--text-primary)}.note-input-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.note-error{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius-md);color:#dc2626;font-size:var(--font-size-sm)}.modal-actions .btn-cancel:hover{background:var(--border-color)}.modal-actions .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media(max-width:480px){.note-type-selector{grid-template-columns:1fr}}.conversation-modal{background:var(--surface-color);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column}.conversation-modal .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.conversation-modal .modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:4px}.conversation-modal .customer-name{font-size:var(--font-size-sm);color:var(--text-secondary)}.conversation-modal .modal-close{background:transparent;color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-xs);cursor:pointer;transition:color var(--transition-fast);line-height:1}.conversation-modal .modal-close:hover{color:var(--text-primary)}.conversation-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);min-height:300px}.conversation-loading,.conversation-error,.no-conversation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;text-align:center;color:var(--text-secondary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.conversation-error .error-icon,.no-conversation .empty-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.conversation-error button{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);cursor:pointer}.no-conversation .hint{font-size:var(--font-size-sm);margin-top:var(--spacing-sm);opacity:.7}.messages-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.message{display:flex;flex-direction:column;max-width:80%}.message.customer{align-self:flex-start}.message.assistant{align-self:flex-end}.message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);line-height:1.4}.message.customer .message-bubble{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);border-bottom-left-radius:4px}.message.assistant .message-bubble{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-bottom-right-radius:4px}.message-time{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:4px;padding:0 var(--spacing-sm)}.message.customer .message-time{align-self:flex-start}.message.assistant .message-time{align-self:flex-end}.customer-info-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-color);flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.contact-btn:hover{border-color:#10b981;background:#10b9810d}@media(max-width:640px){.conversation-modal{max-height:100vh;border-radius:0;height:100vh}.message{max-width:90%}}.job-detail-page{max-width:900px;margin:0 auto}.job-detail-header{margin-bottom:var(--spacing-xl)}.back-btn{background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);cursor:pointer;transition:color var(--transition-fast)}.back-btn:hover{color:#10b981}.job-title{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.job-title h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.status-assigned{background:#fef3c7;color:#92400e}.status-in_progress{background:#dbeafe;color:#1e40af}.status-completed{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.time-tracker-section{margin-bottom:var(--spacing-xl)}.tab-navigation{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-color);padding-bottom:var(--spacing-sm);overflow-x:auto}.tab-btn{background:transparent;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.tab-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.tab-btn.active{color:#10b981;border-bottom:3px solid #10b981;margin-bottom:-2px}.tab-content,.details-tab,.photos-tab,.notes-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card,.actions-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.info-card h3,.actions-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.info-value{font-weight:500;color:var(--text-primary)}.info-link{font-weight:500;color:#10b981;text-decoration:none;transition:opacity var(--transition-fast)}.info-link:hover{opacity:.8}.btn-conversation{margin-top:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-conversation:hover{background:#10b98133}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.action-buttons .btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-complete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-start{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-start:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.time-entries{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-entry{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-color);border-radius:var(--border-radius-md)}.entry-time{font-weight:500;color:var(--text-primary)}.entry-duration{font-size:var(--font-size-sm);color:var(--text-secondary)}@media(max-width:640px){.info-grid{grid-template-columns:1fr}.job-title{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;text-align:center}}.employee-timecard{max-width:1000px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.btn-manual-entry{padding:var(--spacing-sm) var(--spacing-lg);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-manual-entry:hover{background:#10b98133}.week-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-md)}.nav-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{border-color:#10b981;color:#10b981}.week-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.week-label{font-weight:600;color:var(--text-primary)}.today-btn{padding:4px 12px;background:#10b9811a;color:#10b981;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.active-alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:#10b9811a;border:2px solid #10b981;border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-xl);text-decoration:none;color:var(--text-primary)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#10b981;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.week-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.summary-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.daily-breakdown{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden}.day-row{border-bottom:1px solid var(--border-color)}.day-row:last-child{border-bottom:none}.day-header{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-color)}.day-name{font-weight:600;color:var(--text-primary);width:100px}.day-date{flex:1;color:var(--text-secondary);font-size:var(--font-size-sm)}.day-total{font-weight:600;color:#10b981}.day-entries{padding:0 var(--spacing-lg) var(--spacing-md)}.entry-row{display:grid;grid-template-columns:1fr 1fr 120px 80px;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-sm)}.entry-row:last-child{border-bottom:none}.entry-job{color:#10b981;text-decoration:none;font-weight:500}.entry-job:hover{text-decoration:underline}.entry-service{color:var(--text-secondary)}.entry-time{color:var(--text-primary)}.entry-duration{text-align:right;color:var(--text-secondary);font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.manual-entry-modal{background:var(--surface-color);border-radius:var(--border-radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.modal-close{background:transparent;color:var(--text-secondary);font-size:1.5rem;padding:var(--spacing-xs);cursor:pointer;line-height:1}.manual-entry-modal form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);font-size:var(--font-size-md);background:var(--bg-color);color:var(--text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-actions .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none}.modal-actions .btn-cancel{background:var(--surface-hover);color:var(--text-primary)}.modal-actions .btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-state .spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.error-state p{color:#dc2626;margin-bottom:var(--spacing-md)}.error-state button{padding:var(--spacing-sm) var(--spacing-lg);background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-md);cursor:pointer}@media(max-width:768px){.week-summary{grid-template-columns:1fr}.entry-row{grid-template-columns:1fr 1fr;gap:var(--spacing-xs)}.entry-service{grid-column:1 / -1;order:3}}@media(max-width:640px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.week-navigation{flex-wrap:wrap;justify-content:center}.form-row{grid-template-columns:1fr}}