.page-container{min-height:calc(100vh - 80px);padding:2rem 0}.section-spacing{padding:4rem 0}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 1.5rem}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.font-normal{font-weight:400}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hidden{display:none!important}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.border{border:1px solid var(--light-gray)}.border-t{border-top:1px solid var(--light-gray)}.border-b{border-bottom:1px solid var(--light-gray)}.border-l{border-left:1px solid var(--light-gray)}.border-r{border-right:1px solid var(--light-gray)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.border-warning{border-color:var(--warning)}.border-danger{border-color:var(--danger)}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.bg-white{background:var(--card-bg)}.bg-light{background:var(--bg-secondary)}.bg-primary{background:var(--primary)}.bg-success{background:var(--success)}.bg-warning{background:var(--warning)}.bg-danger{background:var(--danger)}.bg-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.bg-gradient-dark{background:linear-gradient(135deg,#0a1628,#1e293b)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:var(--transition)}.hover-scale:hover{transform:scale(1.05)}.hover-opacity{transition:var(--transition-fast)}.hover-opacity:hover{opacity:.8}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #2563eb33}.empty-state{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1.125rem;margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-text{color:var(--text-secondary);font-size:1rem;margin:0}.divider{height:1px;background:var(--border-color);margin:2rem 0}.divider-vertical{width:1px;background:var(--border-color);margin:0 1rem}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.875rem}.avatar-lg{width:56px;height:56px;font-size:1.5rem}.avatar-xl{width:80px;height:80px;font-size:2rem}.icon-wrapper{width:48px;height:48px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.icon-wrapper-sm{width:36px;height:36px;font-size:1.125rem}.icon-wrapper-lg{width:64px;height:64px;font-size:2rem}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}@media print{.no-print{display:none!important}.print-only{display:block!important}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-visible{display:block!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}.desktop-visible{display:block!important}}.header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:background .3s ease,border-color .3s ease}.header .container{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);position:relative}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:var(--transition-fast);flex-shrink:0}.logo:hover{transform:translateY(-2px)}.logo-image{height:45px;width:auto}[data-theme=dark] .logo-image{mix-blend-mode:screen}.logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.mobile-header-controls{display:none;align-items:center;gap:var(--space-2)}.nav a,.nav button{color:var(--text-primary);text-decoration:none;font-weight:600;padding:var(--space-3) var(--space-4);border-radius:var(--radius);transition:var(--transition-fast);border:none;background:none;cursor:pointer;font-size:.875rem;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.nav-with-image{position:relative;overflow:hidden}.nav-with-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--nav-bg-image);background-size:cover;background-position:center;opacity:0;transition:opacity .3s ease;z-index:0}.nav-with-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#10b981bf,#059669bf);opacity:0;transition:opacity .3s ease;z-index:0}.nav-with-image:hover:before,.nav-with-image.active:before{opacity:1}.nav-with-image:hover:after,.nav-with-image.active:after{opacity:1}.nav-with-image .nav-text{position:relative;z-index:1;color:var(--text-primary);transition:color .3s ease}.nav-with-image:hover .nav-text,.nav-with-image.active .nav-text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.nav a:hover,.nav a.active,.nav button:hover{background:var(--bg-secondary);color:var(--primary)}.nav a.nav-with-image:hover,.nav a.nav-with-image.active{background:transparent!important;color:var(--primary)}.book-service-header-btn{background:linear-gradient(135deg,var(--success) 0%,#059669 100%)!important;color:#fff!important;padding:.75rem 1.5rem!important;border-radius:var(--radius)!important;font-weight:700!important;font-size:1rem!important;box-shadow:var(--shadow)!important;transition:var(--transition)!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important}.book-service-header-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important;color:#fff!important}.nav-button{background:var(--primary)!important;color:#fff!important}.nav-button:hover{background:var(--primary-dark)!important;transform:translateY(-2px)}.theme-toggle-btn,.language-toggle-btn{background:transparent;color:var(--text-primary);border:none;padding:.5rem 1rem;border-radius:0;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:50px}.theme-toggle-btn{font-size:1.25rem;padding:.5rem .75rem;min-width:45px}.theme-toggle-btn:hover,.language-toggle-btn:hover{background:transparent;border-color:transparent;color:var(--primary)}.header-booking-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;border-radius:50px!important;padding:8px 20px!important;font-size:.875rem!important;font-weight:700!important;cursor:pointer;text-decoration:none!important;display:inline-flex!important;align-items:center;transition:all .3s ease!important;text-transform:uppercase!important;letter-spacing:.5px;white-space:nowrap}.header-booking-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)!important;box-shadow:var(--shadow-lg)!important;color:#fff!important}@media (min-width: 1025px){.nav .desktop-only-toggle{display:flex!important}.nav-with-image{position:relative!important;overflow:hidden!important}.nav-with-image:before,.nav-with-image:after{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transition:opacity .3s ease!important;z-index:0!important}.nav-with-image:before{background-image:var(--nav-bg-image)!important;background-size:cover!important;background-position:center!important;opacity:0!important}.nav-with-image:after{background:linear-gradient(135deg,#10b981bf,#059669bf)!important;opacity:0!important}.nav-with-image:hover:before,.nav-with-image.active:before{opacity:1!important}.nav-with-image:hover:after,.nav-with-image.active:after{opacity:1!important}.nav-with-image .nav-text{position:relative!important;z-index:1!important;color:var(--text-primary)!important;transition:color .3s ease!important}.nav-with-image:hover .nav-text,.nav-with-image.active .nav-text{color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important}.nav-with-image:hover,.nav-with-image.active{background:transparent!important}.floating-book-button{display:none!important}}@media (max-width: 1024px){.header .container{gap:var(--space-2);flex-wrap:nowrap}.logo{flex:1 1 auto;min-width:0;overflow:hidden}.logo-text{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem}.desktop-toggle,.desktop-only-toggle{display:none!important}.mobile-header-controls{display:flex!important;align-items:center;gap:var(--space-1);margin-left:auto;margin-right:var(--space-1);flex-shrink:0;white-space:nowrap;position:relative;z-index:5;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-header-controls::-webkit-scrollbar{display:none}.theme-toggle-btn,.language-toggle-btn{min-width:40px;padding:.35rem .55rem;font-size:.95rem}.nav .theme-toggle-btn,.nav .language-toggle-btn,.nav .header-booking-btn,.nav .user-menu-wrapper{display:none!important}}@media (max-width: 420px){.header .container{gap:var(--space-1)}.logo-text{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.mobile-header-controls{overflow-x:visible;margin-right:var(--space-1);gap:var(--space-1)}.theme-toggle-btn,.language-toggle-btn{min-width:32px;padding:.2rem .35rem;font-size:.82rem}.user-avatar{width:34px;height:34px;font-size:.95rem}}@media (max-width: 380px){.logo-text{max-width:90px;font-size:.75rem}.mobile-header-controls{gap:2px;margin-right:2px}.theme-toggle-btn,.language-toggle-btn{min-width:30px;padding:.15rem .25rem;font-size:.75rem}.user-avatar{width:32px;height:32px;font-size:.9rem}}@media (min-width: 1025px){.mobile-header-controls{display:none!important}}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);color:var(--text-primary);padding:3rem 0 1.5rem;margin-top:auto}[data-theme=dark] .footer{background:linear-gradient(135deg,#0f1c2e,#1a2942);color:#fff;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{margin-bottom:1rem;color:var(--primary);font-size:1.125rem}[data-theme=dark] .footer-section h3{color:var(--accent)}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.625rem}.footer-section a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);font-size:.95rem}[data-theme=dark] .footer-section a{color:#fffc}.footer-section a:hover{color:var(--primary);padding-left:4px}[data-theme=dark] .footer-section a:hover{color:#fff}.footer-section p{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0}[data-theme=dark] .footer-section p{color:#fffc}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem}[data-theme=dark] .footer-bottom{border-top:1px solid rgba(255,255,255,.1);color:#fff9}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);padding:2rem 1rem;padding-bottom:calc(2rem + 70px)}[data-theme=dark] .auth-page{background:linear-gradient(135deg,#0a1628,#1e293b)}.auth-container{width:100%;max-width:480px}.auth-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:3rem 2.5rem;box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:2.5rem}.logo-large{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.auth-logo-image{height:70px;width:auto;mix-blend-mode:multiply}.logo-large h1{color:var(--primary);font-size:1.875rem;margin:0;font-weight:800}.auth-subtitle{color:var(--gray);font-size:1rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--gray);transition:var(--transition-fast);border-radius:var(--radius)}.password-toggle:hover{background:var(--light-gray);color:var(--dark)}.password-toggle:focus{outline:2px solid var(--primary);outline-offset:2px}.auth-button{padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:.5rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.button-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.button-loading .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%}.error-message{padding:1rem;background:#ef44441a;color:var(--danger);border-radius:var(--radius);border-left:4px solid var(--danger);display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.5}.error-icon{font-size:1.25rem;flex-shrink:0;margin-top:.125rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--light-gray)}.auth-footer p{color:var(--gray);margin:0;font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:600;transition:var(--transition-fast)}.auth-footer a:hover{color:var(--primary-dark);text-decoration:underline}.modern-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:2rem}.modern-auth-container{width:100%;max-width:480px}.modern-auth-content{background:var(--card-bg);padding:3rem 2.5rem;text-align:center;box-shadow:var(--shadow-lg);border-radius:12px}.modern-auth-logo{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.modern-auth-logo img{height:60px;width:auto}.modern-auth-logo h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.5px}.modern-auth-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 2.5rem;letter-spacing:-.5px}.modern-error-message{background:#fff3f3;color:#d32f2f;padding:.875rem 1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;text-align:left;border:1px solid #ffcdd2}[data-theme=dark] .modern-error-message{background:#d32f2f26;border-color:#d32f2f4d}.modern-auth-form{display:flex;flex-direction:column;gap:.75rem}.modern-form-group{display:flex;flex-direction:column;gap:0}.modern-form-group label{display:none}.modern-input{width:100%;padding:1rem 1.25rem;font-size:1.0625rem;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);transition:all .2s ease;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.modern-input:hover{border-color:var(--text-secondary)}.modern-input:focus{outline:none;border-color:#0071e3;border-width:2px;box-shadow:0 0 0 4px #0071e326;background:var(--bg-primary);padding:calc(1rem - 1px) calc(1.25rem - 1px)}.modern-password-wrapper{position:relative;display:flex;align-items:center}.modern-password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.modern-password-toggle:hover{color:var(--text-primary)}.modern-form-options{display:flex;align-items:center;justify-content:space-between;margin:.5rem 0 1rem}.modern-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9375rem;color:var(--text-primary)}.modern-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modern-forgot-link{font-size:.9375rem;color:#0071e3;text-decoration:none;transition:color .2s ease}.modern-forgot-link:hover{color:#0077ed;text-decoration:underline}.modern-submit-btn{width:100%;padding:1rem;font-size:1.0625rem;font-weight:600;color:#fff;background:#0071e3;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.modern-submit-btn:hover:not(:disabled){background:#0077ed}.modern-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modern-auth-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;font-size:.9375rem;color:var(--text-secondary)}.modern-signup-link{color:#0071e3;text-decoration:none;font-weight:600;margin-left:.25rem;transition:color .2s ease}.modern-signup-link:hover{color:#0077ed;text-decoration:underline}.split-auth-page{display:flex;min-height:100vh}.split-auth-image{flex:1;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.split-auth-overlay{position:relative;z-index:1;text-align:center;padding:3rem;background:#0f2341d9;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.split-auth-logo{height:80px;width:auto;margin-bottom:1.5rem;mix-blend-mode:screen}.split-auth-overlay h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.5px}.split-auth-overlay p{color:#ffffffe6;font-size:1.125rem;margin:0}.split-auth-form{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:3rem}.split-auth-content{width:100%;max-width:480px}.split-auth-logo-section{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.split-form-logo{height:50px;width:auto}.split-brand-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.5px}.split-auth-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.5px}.split-auth-subtitle{font-size:1rem;color:var(--text-secondary);margin:0 0 2.5rem}@media (max-width: 968px){.split-auth-page{flex-direction:column}.split-auth-image{min-height:40vh}.split-auth-form{padding:2rem 1.5rem}}.home-page{min-height:100vh;background:var(--bg-primary)}.hero-section{min-height:70vh;display:flex;align-items:center;background:var(--bg-secondary);position:relative;padding:4rem 0}[data-theme=dark] .hero-section{background:linear-gradient(135deg,#0f172afa,#1e293bfa)}.hero-content{position:relative;z-index:1;text-align:center;color:var(--text-primary);max-width:900px;margin:0 auto}.hero-content h1{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;line-height:1.1;color:var(--text-primary)}.hero-content p{font-size:1.375rem;margin-bottom:2.5rem;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .hero-content,[data-theme=dark] .hero-content h1{color:#fff}[data-theme=dark] .hero-content p{color:#ffffffe6}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.features-section{padding:5rem 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.feature-card{text-align:center;padding:2.5rem 2rem;border-radius:var(--radius-lg);background:var(--card-bg);border:2px solid var(--border-color);transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block}.feature-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.375rem}.feature-card p{color:var(--text-secondary);line-height:1.7;margin:0}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.125rem}.features-grid{grid-template-columns:1fr}.hero-section{background-attachment:scroll!important;min-height:60vh!important;padding:3rem 0!important}.hero-content h1{font-size:2rem!important}.hero-content p{font-size:1rem!important}}.services-page,.packages-page,.reviews-page{min-height:100vh;padding:4rem 0;background:var(--bg-secondary)}[data-theme=dark] .services-page,[data-theme=dark] .packages-page,[data-theme=dark] .reviews-page{background:linear-gradient(135deg,#0a1628,#1e293b)}.services-page h1,.packages-page h1,.reviews-page h1{color:var(--text-primary);font-size:3rem;margin-bottom:1rem;text-align:center}[data-theme=dark] .services-page h1,[data-theme=dark] .packages-page h1,[data-theme=dark] .reviews-page h1{color:#fff}.services-page .subtitle,.packages-page .subtitle,.reviews-page .subtitle{color:var(--text-secondary);font-size:1.25rem;text-align:center;margin-bottom:3rem}[data-theme=dark] .services-page .subtitle,[data-theme=dark] .packages-page .subtitle,[data-theme=dark] .reviews-page .subtitle{color:#fffc}.service-category{margin-bottom:4rem}.category-title{color:var(--text-primary);font-size:2rem;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:3px solid var(--primary)}[data-theme=dark] .category-title{color:#fff}.services-grid,.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.service-card,.package-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:2px solid transparent;display:flex;flex-direction:column}.service-card:hover,.package-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.package-card.popular{border-color:#764ba2;position:relative}.service-image,.package-image{width:100%;height:220px;position:relative;overflow:hidden}.service-image img,.package-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.service-icon-overlay{position:absolute;top:1rem;right:1rem;background:var(--card-bg);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:var(--shadow-lg)}.service-content,.package-content{padding:1.75rem;flex:1;display:flex;flex-direction:column}.service-content h3,.package-content h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.service-content .description,.package-description{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem;flex:1}.service-details{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:1rem}.service-details .duration{font-weight:600;color:var(--text-primary);font-size:.95rem}.service-reviews{margin:1rem 0;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);border-left:3px solid var(--primary)}.rating-summary{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.rating-summary .stars{display:flex;gap:.125rem;font-size:1rem}.rating-text{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.recent-reviews{display:flex;flex-direction:column;gap:.75rem}.review-snippet{padding:.75rem;background:var(--card-bg);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reviewer-name{font-weight:600;font-size:.875rem;color:var(--text-primary)}.review-stars{display:flex;gap:.125rem;font-size:.75rem}.review-comment{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0;font-style:italic}.book-service-btn,.select-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition)}.book-service-btn:hover,.select-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.package-price{display:flex;align-items:flex-start;font-weight:900;color:var(--primary)}.package-price .currency{font-size:1.5rem;margin-top:.25rem}.package-price .amount{font-size:2.75rem;line-height:1}.popular-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;z-index:10;box-shadow:var(--shadow)}.package-features{margin:1.5rem 0;flex:1}.package-features h4{font-size:1rem;color:var(--dark);margin-bottom:.75rem;font-weight:600}.package-features ul{list-style:none;padding:0;margin:0}.package-features li{padding:.5rem 0;color:var(--dark);font-size:.95rem;line-height:1.5}.package-details{display:flex;justify-content:space-between;padding:1rem;background:var(--light-gray);border-radius:var(--radius);margin-bottom:1.25rem;font-size:.9rem;color:var(--gray);font-weight:600}.certification-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-xl);padding:3rem 2rem;text-align:center;margin-top:4rem;box-shadow:var(--shadow-xl)}.cert-content h3{color:#fff;font-size:2rem;margin-bottom:1rem}.cert-content p{color:#fffffff2;font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.packages-cta-btn{padding:1rem 2.5rem;background:var(--card-bg);color:var(--primary);border:none;border-radius:var(--radius);font-weight:700;font-size:1.125rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow)}.packages-cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.loading-state,.error-state{text-align:center;padding:4rem 2rem;color:#fff;font-size:1.25rem}.error-state{color:var(--danger);background:#ef44441a;border-radius:var(--radius-lg)}.reviews-page-modern{min-height:100vh;padding:var(--space-24) 0;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.reviews-hero{text-align:center;margin-bottom:var(--space-16);animation:fadeInDown .6s ease-out}.reviews-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.reviews-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.reviews-stats-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-12);box-shadow:var(--shadow-lg);margin-bottom:var(--space-16);display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);animation:fadeInUp .6s ease-out .2s both}.stats-main{display:flex;align-items:center;justify-content:center;border-right:2px solid var(--border-color)}.average-score{text-align:center}.score-number{font-size:4rem;font-weight:800;color:var(--primary);line-height:1;display:block;margin-bottom:var(--space-2)}.score-stars{display:flex;gap:var(--space-1);justify-content:center;margin-bottom:var(--space-2)}.score-text{font-size:1rem;color:var(--text-secondary);font-weight:600}.stats-distribution{display:flex;flex-direction:column;gap:var(--space-3);justify-content:center}.distribution-row{display:flex;align-items:center;gap:var(--space-3)}.star-count{font-weight:600;color:var(--text-primary);min-width:20px}.star-small{flex-shrink:0}.progress-bar{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:var(--radius-full);transition:width .6s ease-out}.review-count{font-weight:600;color:var(--text-secondary);min-width:40px;text-align:right}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.testimonial-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow);position:relative;overflow:hidden;transition:all .3s ease;opacity:0;transform:translateY(30px) scale(.95);border:1px solid var(--border-color)}.testimonial-card.visible{opacity:1;transform:translateY(0) scale(1);animation:dropIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.testimonial-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:var(--primary)}.testimonial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--secondary) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.testimonial-card:hover:before{transform:scaleX(1)}.quote-icon{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;color:var(--primary);opacity:.1}.hexagon-avatar-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-6);animation:float 3s ease-in-out infinite}.hexagon-avatar{width:100px;height:100px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease}.testimonial-card:hover .hexagon-avatar{transform:rotate(360deg) scale(1.1)}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.avatar-initials{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.customer-info{text-align:center;margin-bottom:var(--space-6)}.customer-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.customer-handle{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.rating-stars{display:flex;flex-direction:row;gap:var(--space-1);justify-content:center;align-items:center}.star-icon{transition:transform .2s ease}.testimonial-card:hover .star-icon{transform:scale(1.2) rotate(15deg)}.review-message{font-size:1rem;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-6);text-align:center;font-style:italic;position:relative;padding:0 var(--space-4)}.review-message:before,.review-message:after{content:'"';font-size:2rem;color:var(--primary);opacity:.3;font-family:Georgia,serif}.service-details{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.detail-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;transition:all .2s ease}.detail-badge.vehicle{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.detail-badge.service{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.detail-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.badge-icon{font-size:1rem}.badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.review-footer{text-align:center;padding-top:var(--space-4);border-top:1px solid var(--border-color)}.review-date-modern{font-size:.875rem;color:var(--text-secondary);font-weight:500}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px) scale(.5) rotate(-10deg)}60%{opacity:1;transform:translateY(10px) scale(1.05) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .testimonial-card{background:linear-gradient(135deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=dark] .testimonial-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a)}[data-theme=dark] .detail-badge.vehicle{background:linear-gradient(135deg,#0ea5e933,#0ea5e91a);color:#7dd3fc}[data-theme=dark] .detail-badge.service{background:linear-gradient(135deg,#fbbf2433,#fbbf241a);color:#fde68a}@media (max-width: 1024px){.services-grid,.packages-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.services-hero h1{font-size:2rem}.services-grid,.packages-grid{grid-template-columns:1fr}.reviews-stats-card{grid-template-columns:1fr;gap:var(--space-8)}.stats-main{border-right:none;border-bottom:2px solid var(--border-color);padding-bottom:var(--space-6)}.testimonials-grid{grid-template-columns:1fr;gap:var(--space-6)}.score-number{font-size:3rem}.reviews-title{font-size:2rem}.service-item-header{flex-direction:column;gap:1rem}.service-meta{width:100%;justify-content:space-between}.cta-buttons{flex-direction:column}.cta-button{width:100%}.safety-notice{flex-direction:column;gap:1rem}}.dashboard-page,.admin-page{min-height:100vh;padding:2rem 0;background:var(--light-gray)}.dashboard-header,.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.dashboard-header h1,.admin-header h1{font-size:2.5rem;color:var(--dark);margin:0}.dashboard-header .subtitle,.admin-header p{color:var(--gray);font-size:1.125rem;margin:.5rem 0 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden;transition:var(--transition)}.stats-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stats-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;flex-shrink:0;z-index:2}.stats-card-warning .stats-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.stats-card-success .stats-icon{background:linear-gradient(135deg,#10b981,#34d399)}.stats-content{flex:1;z-index:2}.stats-title{font-size:.95rem;color:var(--gray);margin:0 0 .5rem;font-weight:600}.stats-value{display:flex;align-items:baseline;gap:.75rem}.stats-value .value{font-size:2.25rem;font-weight:900;color:var(--dark);line-height:1}.stats-value .trend{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.stats-value .trend.up{color:var(--success);background:#10b9811a}.stats-value .trend.down{color:var(--danger);background:#ef44441a}.stats-background{position:absolute;right:-20px;bottom:-20px;font-size:8rem;opacity:.05;z-index:1}.skeleton-loader{width:80px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-content{display:grid;grid-template-columns:1fr 350px;gap:2rem}.dashboard-main{display:flex;flex-direction:column;gap:2rem}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.section-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.section-card h2{font-size:1.375rem;color:var(--dark);margin:0 0 1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.orders-table{display:flex;flex-direction:column;gap:.75rem}.order-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1.2fr;gap:1rem;padding:1.25rem;background:var(--light-gray);border-radius:var(--radius);align-items:center;cursor:pointer;transition:var(--transition-fast)}.order-row:hover{background:#2563eb0d;transform:translate(4px)}.order-info{display:flex;flex-direction:column;gap:.375rem}.order-id{font-family:monospace;color:var(--gray);font-size:.875rem;font-weight:600}.order-customer strong{display:block;color:var(--dark);font-size:.95rem}.order-customer span{color:var(--gray);font-size:.875rem}.order-package{color:var(--primary);font-weight:600;font-size:.95rem}.order-date{color:var(--gray);font-size:.9rem}.order-amount{font-weight:700;color:var(--dark);font-size:1.125rem}.dashboard-sidebar{display:flex;flex-direction:column;gap:2rem}.package-list-mini{display:flex;flex-direction:column;gap:1rem}.package-mini{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--light-gray);border-radius:var(--radius);transition:var(--transition-fast)}.package-mini:hover{background:#2563eb0d}.package-mini-info{display:flex;flex-direction:column;gap:.25rem}.package-mini-info strong{color:var(--dark);font-size:.95rem}.package-mini-info span{color:var(--primary);font-weight:700;font-size:1.125rem}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.admin-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);text-decoration:none;display:flex;flex-direction:column;position:relative;overflow:hidden;border:2px solid transparent}.admin-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--card-color, var(--primary))}.admin-card .card-icon{font-size:3rem;margin-bottom:1rem}.admin-card h2{font-size:1.375rem;color:var(--dark);margin:0 0 .75rem}.admin-card p{color:var(--gray);line-height:1.6;margin:0 0 1.5rem;flex:1}.admin-card .card-arrow{font-size:1.5rem;color:var(--card-color, var(--primary));font-weight:700;align-self:flex-end}.quick-stats{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.quick-stats h2{font-size:1.5rem;color:var(--dark);margin:0 0 1.5rem}.quick-stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-stats .stat-card{background:var(--light-gray);border-radius:var(--radius);padding:1.5rem;display:flex;align-items:center;gap:1rem}.quick-stats .stat-icon{font-size:2.5rem}.quick-stats .stat-content h3{font-size:.875rem;color:var(--gray);margin:0 0 .5rem;font-weight:600}.quick-stats .stat-value{font-size:1rem;color:var(--primary);font-weight:600;margin:0}.order-details-modal{display:flex;flex-direction:column;gap:2rem}.detail-section h3{font-size:1.125rem;color:var(--dark);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--light-gray)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.375rem}.detail-item label{font-size:.875rem;color:var(--gray);font-weight:600}.detail-item span{font-size:1rem;color:var(--dark)}.detail-item .amount{font-size:1.5rem;font-weight:700;color:var(--primary)}.timeline{display:flex;flex-direction:column;gap:1rem}.timeline-item{display:flex;gap:1rem;padding:1rem;background:var(--light-gray);border-radius:var(--radius);border-left:3px solid var(--primary);transition:var(--transition-fast)}.timeline-item:hover{background:#2563eb0d}.timeline-icon{font-size:1.5rem;flex-shrink:0}.timeline-content{flex:1;min-width:0}.timeline-title{font-weight:600;color:var(--dark);margin-bottom:.25rem;font-size:.95rem}.timeline-description{color:var(--gray);font-size:.875rem;margin-bottom:.25rem}.timeline-date{color:var(--gray);font-size:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}[data-theme=dark] .modal{background:var(--card-bg)!important;border:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--border-color);position:sticky;top:0;background:var(--card-bg);z-index:10}[data-theme=dark] .modal-header{background:var(--card-bg)!important;border-bottom-color:var(--border-color)!important}.modal-title{margin:0;color:var(--text-primary);font-size:1.5rem}[data-theme=dark] .modal-title{color:var(--text-primary)!important}.modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{background:var(--bg-secondary);color:var(--danger)}[data-theme=dark] .modal-close{color:var(--text-secondary)!important}[data-theme=dark] .modal-close:hover{background:var(--bg-tertiary)!important;color:var(--danger)!important}.modal-body{padding:2rem;background:var(--card-bg)}[data-theme=dark] .modal-body{background:var(--card-bg)!important;color:var(--text-primary)!important}.notification{position:fixed;top:2rem;right:2rem;padding:1.25rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-xl);z-index:9999;animation:slideIn .3s ease;max-width:400px;display:flex;align-items:center;gap:1rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-info{background:#3b82f6;color:#fff}.notification-success{background:#10b981;color:#fff}.notification-warning{background:#f59e0b;color:#fff}.notification-error{background:#ef4444;color:#fff}@media (max-width: 1024px){.dashboard-content,.charts-row{grid-template-columns:1fr}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.order-row{grid-template-columns:1fr;gap:.75rem}.detail-grid{grid-template-columns:1fr}.dashboard-header,.admin-header{flex-direction:column;align-items:flex-start}}.booking-page{min-height:100vh;padding:4rem 0;background:var(--light-gray)}.booking-page h1{font-size:2.5rem;color:var(--dark);margin-bottom:1rem;text-align:center}.booking-page .subtitle{text-align:center;color:var(--gray);font-size:1.125rem;margin-bottom:3rem}.booking-form{max-width:800px;margin:0 auto;background:var(--card-bg);padding:3rem;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.booking-form .form-group label{display:block;font-weight:600;color:var(--dark);margin-bottom:.5rem}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:var(--transition-fast);background:var(--card-bg);color:var(--text-primary)}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;background:var(--card-bg)}.booking-form input::-moz-placeholder,.booking-form textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.booking-form input::placeholder,.booking-form textarea::placeholder{color:var(--text-secondary);opacity:.6}[data-theme=dark] .booking-form input,[data-theme=dark] .booking-form select,[data-theme=dark] .booking-form textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .booking-form input:focus,[data-theme=dark] .booking-form select:focus,[data-theme=dark] .booking-form textarea:focus{background:var(--bg-tertiary);border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f633}.booking-form .message{padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;font-weight:600}.booking-form .message.success{background:#10b9811a;color:var(--success);border-left:4px solid var(--success)}.booking-form .message.error{background:#ef44441a;color:var(--danger);border-left:4px solid var(--danger)}.submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:1.125rem;font-weight:600;cursor:pointer;transition:var(--transition)}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.services-detail-page{min-height:100vh;background:var(--light-gray)}.services-hero{background:var(--bg-secondary);padding:4rem 0;color:var(--text-primary)}[data-theme=dark] .services-hero{background:linear-gradient(135deg,#0a1628,#1e293b);color:#fff}.services-hero h1{color:var(--text-primary);font-size:3rem;margin-bottom:1rem;text-align:center}[data-theme=dark] .services-hero h1{color:#fff}.hero-subtitle{text-align:center;font-size:1.25rem;color:#ffffffe6;max-width:800px;margin:0 auto 2rem;line-height:1.7}.hero-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.badge-item{padding:.75rem 1.5rem;background:#ffffff1a;border-radius:var(--radius);font-weight:600;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.why-choose-us{padding:4rem 0;text-align:center}.why-choose-us h2{font-size:2.5rem;color:var(--dark);margin-bottom:3rem}.feature-box{background:var(--card-bg);padding:2.5rem 2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);text-align:center}.feature-box:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-box .feature-icon{font-size:3rem;display:block;margin-bottom:1.5rem}.feature-box h3{font-size:1.25rem;color:var(--dark);margin-bottom:1rem}.feature-box p{color:var(--gray);line-height:1.7;margin:0}.category-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:3px solid var(--primary)}.category-icon{font-size:3rem;width:70px;height:70px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-header h2{font-size:2rem;color:var(--dark);margin:0}.category-header p{color:var(--gray);margin:.5rem 0 0}.services-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.service-item{background:var(--card-bg);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition)}.service-item:hover{transform:translate(8px);box-shadow:var(--shadow-lg)}.service-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:2rem}.service-item-header h3{font-size:1.375rem;color:var(--dark);margin:0;flex:1}.service-meta{display:flex;gap:1.5rem;align-items:center;flex-shrink:0}.service-meta .duration{color:var(--gray);font-weight:600;font-size:.95rem}.service-meta .price{font-size:1.5rem;font-weight:700;color:var(--primary)}.service-description{color:var(--gray);line-height:1.7;margin:0}.cta-section{background:var(--bg-tertiary);padding:5rem 0;text-align:center}[data-theme=dark] .cta-section{background:linear-gradient(135deg,#0a1628,#1e293b)}.cta-section h2{color:var(--text-primary);font-size:2.5rem;margin:0 0 1rem}[data-theme=dark] .cta-section h2{color:#fff}.cta-section p{color:var(--text-secondary);font-size:1.25rem;margin:0 0 2rem}[data-theme=dark] .cta-section p{color:#fffc}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button{padding:1rem 2.5rem;border-radius:var(--radius);font-weight:700;font-size:1.125rem;text-decoration:none;transition:var(--transition);display:inline-block}.cta-button.primary{background:var(--card-bg);color:var(--primary)}.cta-button.primary:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.cta-button.secondary{background:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background:var(--card-bg);color:var(--primary)}.safety-notice{display:flex;gap:2rem;padding:2.5rem;background:#f59e0b1a;border-left:4px solid var(--warning);border-radius:var(--radius-lg);margin:4rem 0}.notice-icon{font-size:3rem;flex-shrink:0}.notice-content h3{font-size:1.5rem;color:var(--dark);margin:0 0 1rem}.notice-content p{color:var(--dark);line-height:1.7;margin:0}.create-order-page{min-height:100vh;padding:3rem 0;background:var(--light-gray)}.create-order-page h1{font-size:2.5rem;color:var(--dark);margin-bottom:3rem;text-align:center}.order-form-container{max-width:1000px;margin:0 auto}.package-selection,.schedule-section,.customer-section{background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-bottom:2rem}.package-selection h2,.schedule-section h2,.customer-section h2{font-size:1.75rem;color:var(--dark);margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.package-select{width:100%;padding:1rem 1.25rem;font-size:1.125rem;border:2px solid var(--light-gray);border-radius:var(--radius);background:var(--card-bg);cursor:pointer;transition:var(--transition-fast)}.package-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.selected-package-info{margin-top:1.5rem;padding:2rem;background:var(--light-gray);border-radius:var(--radius-lg);border-left:4px solid var(--primary)}.selected-package-info h3{font-size:1.5rem;color:var(--dark);margin:0 0 1rem}.selected-package-info p{color:var(--gray);line-height:1.6;margin:0 0 1rem}.selected-package-info .price{font-size:2rem;font-weight:900;color:var(--primary);margin:0}.calendar-container{margin-bottom:2rem}.time-slots-section{margin-top:2rem}.time-slots-section label{display:block;font-weight:600;color:var(--dark);margin-bottom:1rem;font-size:1.125rem}.loading-slots,.no-slots{text-align:center;padding:2rem;color:var(--gray);background:var(--light-gray);border-radius:var(--radius);font-size:1rem}.no-slots{color:var(--warning);background:#f59e0b1a}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.time-slot{padding:1rem;background:var(--card-bg);border:2px solid var(--light-gray);border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-fast);text-align:center}.time-slot:hover{border-color:var(--primary);background:#2563eb0d}.time-slot.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.orders-page{min-height:100vh;padding:3rem 0;background:var(--light-gray)}.orders-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.orders-page .subtitle{color:var(--gray);font-size:1rem;margin:.5rem 0 0}.create-button{padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon{font-size:1.25rem;font-weight:700}.filters-bar{background:var(--card-bg);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:2rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;flex:1;justify-content:flex-end}.filter-select{padding:.75rem 1rem;border:2px solid var(--light-gray);border-radius:var(--radius);font-size:.95rem;background:var(--card-bg);cursor:pointer;transition:var(--transition-fast);min-width:150px}.filter-select:focus{outline:none;border-color:var(--primary)}.view-toggle{display:flex;gap:.5rem;background:var(--light-gray);padding:.25rem;border-radius:var(--radius)}.view-button{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);font-size:1.25rem;cursor:pointer;transition:var(--transition-fast);color:var(--gray)}.view-button:hover{color:var(--dark)}.view-button.active{background:var(--card-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.customer-profile-page{min-height:100vh;padding:3rem 0;background:var(--light-gray)}.profile-header{display:flex;align-items:center;gap:2rem;background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-bottom:2rem}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;flex-shrink:0}.profile-info h1{font-size:2rem;color:var(--dark);margin:0 0 .5rem}.profile-info p{color:var(--gray);margin:0;font-size:1.125rem}.profile-tabs{display:flex;gap:.5rem;background:var(--card-bg);padding:.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:2rem}.profile-tabs button{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-fast);color:var(--gray)}.profile-tabs button:hover{color:var(--dark);background:var(--light-gray)}.profile-tabs button.active{background:var(--primary);color:#fff}.profile-content{background:var(--card-bg);padding:2.5rem;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.profile-section h2,.vehicles-section h2,.orders-section h2{font-size:1.75rem;color:var(--dark);margin:0 0 2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.info-item label{display:block;font-weight:600;color:var(--gray);font-size:.875rem;margin-bottom:.5rem}.info-item p{font-size:1.125rem;color:var(--dark);margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vehicle-form{background:var(--light-gray);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.vehicle-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.vehicle-form input{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background:var(--card-bg);color:var(--text-primary);transition:var(--transition-fast)}.vehicle-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;background:var(--card-bg)}.vehicle-form input::-moz-placeholder{color:var(--text-secondary);opacity:.6}.vehicle-form input::placeholder{color:var(--text-secondary);opacity:.6}[data-theme=dark] .vehicle-form input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .vehicle-form input:focus{background:var(--bg-tertiary);border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f633}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.vehicle-card{background:var(--light-gray);padding:2rem;border-radius:var(--radius-lg);text-align:center;transition:var(--transition)}.vehicle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.vehicle-card h3{font-size:1.25rem;color:var(--dark);margin:0 0 .5rem}.vehicle-year{color:var(--gray);font-weight:600;margin-bottom:1rem}.vehicle-card p{color:var(--gray);margin:.5rem 0;font-size:.95rem}.vehicle-card .vin{font-family:monospace;font-size:.875rem;color:var(--gray);margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.search-bar-container{position:relative;width:100%;max-width:400px}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;font-size:1.125rem;color:var(--gray);pointer-events:none}.search-bar .search-input{width:100%;padding:.875rem 3rem;border:2px solid var(--light-gray);border-radius:var(--radius);font-size:1rem;transition:var(--transition-fast)}.search-bar .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.clear-button{position:absolute;right:1rem;background:none;border:none;font-size:1.25rem;color:var(--gray);cursor:pointer;padding:.25rem;transition:var(--transition-fast)}.clear-button:hover{color:var(--danger)}.suggestions-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:100}.suggestion-item{display:flex;align-items:center;gap:.75rem;padding:1rem;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--light-gray)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#2563eb0d}.suggestion-icon{color:var(--gray);font-size:1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1.5rem}.spinner{position:relative;width:50px;height:50px}.spinner.medium{width:50px;height:50px}.spinner.small{width:30px;height:30px}.spinner.large{width:70px;height:70px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--gray);font-size:1rem;font-weight:600;margin:0}.simple-chart{width:100%;padding:1rem 0}.chart-title{font-size:1.125rem;color:var(--dark);margin:0 0 1.5rem;font-weight:600}.chart-empty{text-align:center;padding:3rem;color:var(--gray);font-size:1rem}.chart-bars{display:flex;align-items:flex-end;justify-content:space-around;height:250px;gap:1rem;padding:1rem 0}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.chart-bar-wrapper{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center}.chart-bar{width:100%;max-width:60px;background:var(--primary);border-radius:var(--radius) var(--radius) 0 0;transition:var(--transition);position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:.5rem}.chart-bar:hover{opacity:.8}.chart-bar-value{color:#fff;font-weight:700;font-size:.875rem}.chart-bar-label{font-size:.875rem;color:var(--gray);font-weight:600;text-align:center}.chart-line{width:100%;height:200px;margin-bottom:1rem}.chart-line polyline{vector-effect:non-scaling-stroke}.chart-line-labels{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.chart-line-label{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1;min-width:80px}.chart-line-label span{font-size:.875rem;color:var(--gray);font-weight:600}.chart-line-label strong{font-size:1.125rem;color:var(--primary)}.calendar-widget{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-nav{width:40px;height:40px;border:none;background:var(--light-gray);border-radius:50%;font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;color:var(--dark)}.calendar-nav:hover{background:var(--primary);color:#fff}.calendar-title{font-size:1.25rem;color:var(--dark);margin:0;font-weight:700}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.calendar-weekday{text-align:center;font-weight:600;color:var(--gray);font-size:.875rem;padding:.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border:2px solid var(--light-gray);border-radius:var(--radius);background:var(--card-bg);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(.disabled):not(.empty){border-color:var(--primary);background:#2563eb0d}.calendar-day.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.calendar-day.today{border-color:var(--primary);font-weight:700}.calendar-day.disabled{opacity:.3;cursor:not-allowed}.calendar-day.empty{border:none;cursor:default}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-image{height:40px;width:auto;mix-blend-mode:screen}.footer-logo h3{color:#fff;font-size:1.25rem;margin:0}.activity-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--light-gray);border-radius:var(--radius)}.activity-title{font-weight:600;color:var(--dark);margin:0 0 .25rem}.activity-time{color:var(--gray);font-size:.875rem;margin:0}@media (max-width: 1024px){.dashboard-sidebar-nav{width:240px}.dashboard-main-content{margin-left:240px}.management-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.dashboard-sidebar-nav{width:100%;position:relative;height:auto}.dashboard-main-content{margin-left:0}.management-grid,.quick-stats-grid{grid-template-columns:1fr}}.user-menu-wrapper{position:relative;display:flex;align-items:center}.user-avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s ease}.user-avatar-button:hover{transform:scale(1.05)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid white;box-shadow:0 2px 8px #0000001a}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:280px;max-height:80vh;overflow-y:auto;overflow-x:hidden;z-index:999;animation:slideDown .2s ease;border:1px solid #e5e7eb}.user-menu-dropdown::-webkit-scrollbar{width:6px}.user-menu-dropdown::-webkit-scrollbar-track{background:transparent}.user-menu-dropdown::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.user-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=dark] .user-menu-dropdown::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] .user-menu-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.user-menu-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:12px}.user-avatar-large{width:50px;height:50px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.user-email{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:12px;opacity:.9;text-transform:capitalize}.user-menu-divider{height:1px;background:var(--border-color);margin:6px 0}.user-menu-item{width:100%;padding:14px 20px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;color:var(--text-primary)!important;transition:all .2s ease;font-family:inherit}.user-menu-item span{color:var(--text-primary);line-height:1.5}.user-menu-item:hover .user-menu-text{color:var(--primary)!important}.user-menu-signout:hover{background:#ef44441a}.user-menu-item:active{transform:scale(.98)}.user-menu-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-menu-text{flex:1;color:var(--text-primary)!important;font-size:15px;font-weight:500;white-space:nowrap}.user-menu-signout{color:var(--danger)!important;font-weight:600;margin-top:4px}.user-menu-signout .user-menu-text{color:var(--danger)!important}.user-menu-signout:hover .user-menu-text{color:#b91c1c!important}[data-theme=dark] .user-menu-dropdown{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .user-menu-item{color:var(--text-primary)!important}[data-theme=dark] .user-menu-item span{color:var(--text-primary)}[data-theme=dark] .user-menu-text{color:var(--text-primary)!important}[data-theme=dark] .user-menu-item:hover{background:var(--bg-tertiary)}[data-theme=dark] .user-menu-item:hover .user-menu-text{color:var(--primary-light)!important}[data-theme=dark] .user-menu-signout .user-menu-text{color:#ef4444!important}[data-theme=dark] .user-menu-signout:hover{background:#ef444426}[data-theme=dark] .user-menu-signout:hover .user-menu-text{color:#f87171!important}@media (max-width: 768px){.user-menu-header{display:none}.user-menu-dropdown{min-width:320px;max-width:90vw}}.mobile-menu-button{display:none;background:none;border:none;color:var(--text-primary);font-size:1.75rem;cursor:pointer;padding:var(--space-2);border-radius:var(--radius);transition:var(--transition-fast)}.mobile-menu-button:hover{background:var(--bg-secondary)}.mobile-overlay{display:none}.user-menu-wrapper{position:relative;flex-shrink:0;margin-left:var(--space-2)}.user-avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:var(--transition);border:2px solid var(--border-color);flex-shrink:0}.user-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:var(--z-dropdown)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:280px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);z-index:var(--z-popover);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.user-avatar-large{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0}.user-info{flex:1;min-width:0}.user-email{font-weight:600;color:var(--text-primary);font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:.875rem;color:var(--text-secondary);text-transform:capitalize}.user-menu-divider{height:1px;background:var(--border-color);margin:var(--space-2) 0}.user-menu-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:none;border:none;cursor:pointer;transition:var(--transition-fast);text-align:left;color:var(--text-primary)}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-icon{font-size:1.25rem;flex-shrink:0}.user-menu-text{font-size:.95rem;font-weight:500}.user-menu-signout{color:var(--danger)}.user-menu-signout:hover{background:var(--danger-light)}@media (max-width: 1024px){.mobile-menu-button{display:none}body{padding-bottom:70px!important}#root,.app{min-height:100vh;display:flex;flex-direction:column}main,.main-content,.page-content{padding-bottom:80px!important;min-height:calc(100vh - 140px)!important}.auth-page,.login-page,.signup-page{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}.nav{position:fixed!important;bottom:0;left:0;right:0;width:100%;height:auto;background:var(--card-bg);flex-direction:row!important;align-items:center;justify-content:flex-start;padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px));transition:none;z-index:1000;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;box-shadow:0 -2px 10px #0000001a;border-top:1px solid var(--border-color);gap:var(--space-1);display:flex!important;margin-left:0!important;flex-wrap:nowrap}.nav::-webkit-scrollbar{display:none}.nav .header-booking-btn,.nav .theme-toggle-btn,.nav .language-toggle-btn{display:none!important}.nav-toggle-btn{min-width:70px!important;max-width:90px!important;padding:var(--space-2) var(--space-1)!important;font-size:1.25rem!important}.nav.open{right:auto}.mobile-overlay{display:none}.nav .user-menu-wrapper{display:none!important}.nav a,.nav button{width:auto!important;min-width:70px!important;max-width:90px!important;text-align:center!important;padding:8px 4px!important;border-radius:0!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:.75rem!important;font-weight:600!important;background:transparent!important;position:relative!important;color:var(--text-primary)!important;flex:0 0 auto!important;white-space:nowrap}.nav-text{position:relative!important;display:inline-block!important;padding:4px 10px!important;border-radius:6px!important;transition:all .3s ease!important;white-space:nowrap}.nav-with-image:hover .nav-text,.nav-with-image.active .nav-text{background:linear-gradient(135deg,#10b981d9,#059669d9),var(--nav-bg-image)!important;background-size:cover!important;background-position:center!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.nav-button-link{display:flex!important;flex-direction:column!important;align-items:center!important;width:auto!important;min-width:70px!important;max-width:90px!important;text-align:center!important;padding:8px 4px!important;background:transparent!important;color:var(--text-primary)!important;border-radius:0!important;font-weight:600!important;font-size:.75rem!important;gap:6px!important;border:none!important}.nav-button-link:hover{color:var(--primary)!important}.nav-text{position:relative!important;z-index:2!important}.nav a:hover,.nav a.active,.nav button:hover{background:transparent!important;color:var(--primary)!important}.nav-button-link{display:flex!important;flex-direction:column!important;align-items:center!important;width:auto!important;min-width:70px!important;max-width:90px!important;text-align:center!important;padding:var(--space-2) var(--space-1)!important;margin-top:0!important;background:transparent!important;color:var(--text-primary)!important;border-radius:0!important;font-weight:600!important;font-size:.75rem!important;gap:4px!important;border:none!important}.nav-button-link:hover{background:transparent!important;color:var(--primary)!important}.floating-book-button{display:none!important}.hero-section{background-attachment:scroll!important;min-height:60vh!important;padding:3rem 0!important}.hero-content h1{font-size:2rem!important}.hero-content p{font-size:1rem!important}}@media (min-width: 1025px){.header-right-controls{display:flex!important}.nav{position:static!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--space-2)!important;margin-left:auto!important;flex-shrink:0!important;background:transparent!important;box-shadow:none!important;border:none!important;border-top:none!important;padding:0!important;bottom:auto!important;left:auto!important;right:auto!important;width:auto!important;height:auto!important;z-index:auto!important}.nav a,.nav button,.nav .nav-button-link{width:auto!important;min-width:auto!important;max-width:none!important;text-align:left!important;padding:var(--space-3) var(--space-4)!important;border-radius:var(--radius)!important;margin:0!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:0!important;font-size:.875rem!important;background:transparent!important;border:none!important}.nav a:before,.nav button:before,.nav-button-link:before{content:none!important;display:none!important}.nav .user-menu-wrapper{display:flex!important;width:auto!important;min-width:auto!important;max-width:none!important;justify-content:flex-start!important}.nav .user-avatar-button{display:flex!important}body{padding-bottom:0!important}}@media (max-width: 1024px){.scheduling-grid,.reports-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero-content h1,.services-hero h1{font-size:2rem}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.filters-bar,.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%}.service-item-header{flex-direction:column;gap:1rem}.service-meta{width:100%;justify-content:space-between}.cta-buttons{flex-direction:column}.cta-button{width:100%}.safety-notice{flex-direction:column;gap:1rem}}.admin-orders-page,.admin-services-page,.admin-packages-page,.admin-reviews-page,.admin-customers-page,.reports-page,.scheduling-page{min-height:auto;padding:0;background:transparent}.admin-orders-page .container,.admin-services-page .container,.admin-packages-page .container,.admin-reviews-page .container,.admin-customers-page .container,.reports-page .container,.scheduling-page .container{max-width:100%;padding:0}.admin-orders-page .page-header,.admin-services-page .page-header,.admin-packages-page .page-header,.admin-reviews-page .page-header,.admin-customers-page .page-header,.reports-page .page-header,.scheduling-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.page-header h1{font-size:2rem;color:var(--dark);margin:0}.page-header .subtitle{color:var(--gray);font-size:.95rem;margin:.5rem 0 0}.add-btn,.create-button{padding:.875rem 1.75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.add-btn:hover,.create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.notification-center{position:relative}.notification-bell{position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;color:#ffffffe6;transition:var(--transition-fast)}.notification-bell:hover{color:#fff;transform:scale(1.1)}.notification-badge{position:absolute;top:0;right:0;background:var(--danger);color:#fff;font-size:.75rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.notification-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:380px;max-height:500px;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:2px solid var(--light-gray)}.notification-header h3{font-size:1.125rem;color:var(--dark);margin:0}.mark-all-read{background:none;border:none;color:var(--primary);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.mark-all-read:hover{color:var(--primary-dark);text-decoration:underline}.notification-list{max-height:400px;overflow-y:auto}.notification-loading,.notification-empty{text-align:center;padding:3rem 2rem;color:var(--gray)}.notification-empty .empty-icon{font-size:3rem;display:block;margin-bottom:.5rem;opacity:.5}.notification-empty p{margin:0;font-size:1rem}.notification-item{display:flex;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--light-gray);cursor:pointer;transition:var(--transition-fast);position:relative}.notification-item:hover{background:var(--light-gray)}.notification-item.unread{background:#2563eb0d}.notification-item:last-child{border-bottom:none}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-content{flex:1;min-width:0}.notification-title{font-weight:600;color:var(--dark);margin-bottom:.25rem;font-size:.95rem}.notification-message{color:var(--gray);font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.notification-time{color:var(--gray);font-size:.75rem}.notification-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;margin-top:.5rem}.add-review-modal .modal-content{background:var(--card-bg);border-radius:var(--radius-xl);padding:2.5rem;max-width:600px;width:90%;position:relative;z-index:1001}.add-review-modal h2{font-size:1.75rem;color:var(--dark);margin:0 0 2rem}.rating-selector{margin-bottom:1.5rem}.rating-selector label{display:block;font-weight:600;color:var(--dark);margin-bottom:.75rem;font-size:1rem}.stars-input{display:flex;gap:.5rem}.star-btn{background:none;border:none;font-size:2.5rem;cursor:pointer;transition:var(--transition-fast);padding:0}.star-btn:hover{transform:scale(1.2)}.star-btn.active{animation:starPop .3s ease}@keyframes starPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions .submit-btn,.modal-actions .cancel-btn{flex:1;padding:.875rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none}.modal-actions .submit-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.modal-actions .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-actions .submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-actions .cancel-btn{background:var(--card-bg);color:var(--gray);border:2px solid var(--light-gray)}.modal-actions .cancel-btn:hover{border-color:var(--gray);color:var(--dark)}html,body,.admin-dashboard-layout{overflow-x:hidden;max-width:100vw}.dashboard-main-content,.dashboard-content-area{overflow-x:hidden;max-width:100%}.filter-controls{display:flex;gap:1rem;align-items:center}.status-filter,.search-input{padding:.75rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:.95rem;transition:var(--transition-fast);background:var(--card-bg);color:var(--text-primary)}.status-filter:focus,.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.search-input{min-width:300px}.loading,.no-orders,.no-reviews,.no-customers{text-align:center;padding:4rem 2rem;color:var(--text-secondary);font-size:1.125rem}.orders-table-container{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto;overflow-y:visible;max-width:100%;-webkit-overflow-scrolling:touch}.orders-table{width:100%;border-collapse:collapse;min-width:800px}.orders-table thead{background:var(--bg-secondary)}.orders-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.orders-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.orders-table tbody tr:hover{background:#2563eb08}.order-id{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-secondary)}.customer-info{display:flex;flex-direction:column;gap:.25rem}.schedule-info{display:flex;flex-direction:column;gap:.25rem}.schedule-info small{color:var(--text-secondary);font-size:.875rem}.amount{font-weight:700;color:var(--success);font-size:1.125rem}.status-select{padding:.5rem 1rem;border:2px solid;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast);background:var(--card-bg)}.status-select:focus{outline:none;box-shadow:0 0 0 3px #2563eb1a}.actions-cell{display:flex;gap:.5rem}.view-btn,.edit-btn,.delete-btn,.approve-btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.view-btn{background:var(--primary);color:#fff}.view-btn:hover{background:var(--primary-dark)}.edit-btn{background:#f59e0b;color:#fff}.edit-btn:hover{background:#d97706}.delete-btn{background:var(--danger);color:#fff;padding:.5rem .75rem}.delete-btn:hover{background:#dc2626}.approve-btn{background:var(--success);color:#fff}.approve-btn:hover{background:#059669}.service-form-card,.package-form-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem}.service-form-card h2,.package-form-card h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:.95rem;transition:var(--transition-fast);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-checkboxes{display:flex;gap:2rem;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.form-actions{display:flex;gap:1rem;margin-top:2rem}.submit-btn,.cancel-btn{padding:.875rem 2rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none}.submit-btn{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cancel-btn{background:var(--card-bg);color:var(--text-secondary);border:2px solid var(--border-color)}.cancel-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.services-table{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto;overflow-y:visible;max-width:100%;-webkit-overflow-scrolling:touch}.services-table table{width:100%;border-collapse:collapse;min-width:800px}.services-table thead{background:var(--bg-secondary)}.services-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--text-primary);font-size:.875rem;text-transform:uppercase}.services-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.services-table tbody tr:hover{background:#2563eb08}.icon-cell{font-size:1.5rem}.status-badge{padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600;display:inline-block}.status-badge.active{background:#10b98126;color:var(--success)}.status-badge.inactive{background:#6b728026;color:var(--text-secondary)}.status-badge.pending{background:#f59e0b26;color:#f59e0b}.status-badge.approved{background:#10b98126;color:var(--success)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.package-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);border:2px solid transparent}.package-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.package-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.package-header h3{font-size:1.5rem;color:var(--text-primary);margin:0}.popular-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:700}.package-price{font-size:2.5rem;font-weight:900;color:var(--primary);margin:.5rem 0 1rem}.package-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.package-meta{display:flex;gap:1.5rem;margin-bottom:1rem;color:var(--text-secondary);font-size:.875rem}.package-services{margin-bottom:1.5rem}.package-services strong{display:block;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.package-services ul{list-style:none;padding:0;margin:0}.package-services li{padding:.5rem 0;color:var(--text-secondary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.package-services li:before{content:"✓";color:var(--success);font-weight:700}.package-status{margin-bottom:1.5rem}.package-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid var(--light-gray)}.package-actions button{flex:1}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.review-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);transition:var(--transition)}.review-card:hover{box-shadow:var(--shadow-lg)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.review-rating{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stars{font-size:1.25rem;color:#fbbf24}.rating-number{font-weight:700;color:var(--text-primary)}.review-comment{background:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius);margin-bottom:1rem}.review-comment p{color:var(--text-primary);line-height:1.6;margin:0}.review-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.package-name{font-weight:600}.review-date{color:var(--text-secondary)}.review-actions{display:flex;gap:.75rem}.review-actions button{flex:1}.customers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-box{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem}.stat-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.stat-content h3{font-size:.95rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:600}.stat-value{font-size:2rem;font-weight:900;color:var(--text-primary);margin:0}.customers-table-container{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto;overflow-y:visible;max-width:100%;-webkit-overflow-scrolling:touch}.customers-table{width:100%;border-collapse:collapse;min-width:900px}.customers-table thead{background:var(--bg-secondary)}.customers-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--text-primary);font-size:.875rem;text-transform:uppercase}.customers-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.customers-table tbody tr:hover{background:#2563eb08}.customer-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0}.customer-info{display:flex;align-items:center;gap:1rem}.customer-info div{display:flex;flex-direction:column;gap:.25rem}.customer-info strong{color:var(--text-primary)}.customer-info small{color:var(--text-secondary);font-size:.875rem}.contact-info{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;color:var(--text-secondary)}.vehicle-info{display:flex;flex-direction:column;gap:.25rem}.vehicle-info span{color:var(--text-primary);font-weight:600}.vehicle-info small{color:var(--text-secondary);font-size:.875rem}.no-data{color:var(--text-secondary);font-style:italic}.orders-count{background:#2563eb1a;color:var(--primary);padding:.375rem .875rem;border-radius:20px;font-weight:600;font-size:.875rem}.customer-details-modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:900px;width:90%;max-height:90vh;overflow-y:auto;position:relative}.customer-profile{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--card-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;flex-shrink:0}.profile-info h3{font-size:1.75rem;margin:0 0 .5rem}.profile-info p{margin:.25rem 0;opacity:.95}.customer-since{display:inline-block;margin-top:.5rem;padding:.375rem .875rem;background:#fff3;border-radius:20px;font-size:.875rem}.detail-tabs{padding:2rem}.detail-section{margin-bottom:2rem}.detail-section h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.orders-list,.vehicles-list{display:flex;flex-direction:column;gap:1rem}.order-item,.vehicle-item{background:var(--bg-secondary);padding:1.25rem;border-radius:var(--radius)}.order-item-header,.order-item-footer{display:flex;justify-content:space-between;align-items:center}.order-item-header{margin-bottom:.5rem}.order-item-footer{margin-top:.75rem;font-size:.875rem}.order-item p{margin:.5rem 0;color:var(--text-secondary)}.status-pending{background:#f59e0b26;color:#f59e0b}.status-confirmed{background:#3b82f626;color:#3b82f6}.status-in_progress{background:#8b5cf626;color:#8b5cf6}.status-completed{background:#10b98126;color:#10b981}.status-cancelled{background:#ef444426;color:#ef4444}.vehicle-item{display:flex;flex-direction:column;gap:.5rem}.vehicle-item strong{color:var(--text-primary);font-size:1.05rem}.vehicle-item span{color:var(--text-secondary);font-size:.95rem}.badge-primary{background:var(--primary);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700}.notes-textarea{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius);font-family:inherit;font-size:.95rem;resize:vertical;transition:var(--transition-fast)}.notes-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.save-notes-btn{margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.save-notes-btn:hover{background:var(--primary-dark)}.date-range-filter{display:flex;align-items:center;gap:1rem}.date-range-filter label{font-weight:600;color:var(--text-primary)}.date-range-filter input[type=date]{padding:.75rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius);font-size:.95rem}.revenue-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.summary-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem}.summary-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.summary-content h3{font-size:.95rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:600}.summary-value{font-size:2rem;font-weight:900;color:var(--text-primary);margin:0 0 .25rem}.summary-label{font-size:.875rem;color:var(--text-secondary)}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.report-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.report-card.full-width{grid-column:1 / -1}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.report-header h2{font-size:1.375rem;color:var(--text-primary);margin:0}.export-btn{padding:.625rem 1.25rem;background:var(--success);color:#fff;border:none;border-radius:var(--radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:var(--transition-fast)}.export-btn:hover{background:#059669}.package-stats-list{display:flex;flex-direction:column;gap:1rem}.package-stat-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius)}.package-stat-info{display:flex;flex-direction:column;gap:.25rem}.package-stat-info strong{color:var(--text-primary);font-size:1.05rem}.package-stat-info span{color:var(--text-secondary);font-size:.875rem}.package-stat-revenue{font-size:1.5rem;font-weight:900;color:var(--success)}.capacity-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.capacity-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem}.capacity-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.capacity-info{flex:1}.capacity-info h3{font-size:.95rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:600}.capacity-value{font-size:2rem;font-weight:900;color:var(--text-primary);margin:0 0 .5rem}.capacity-bar-large{width:100%;height:8px;background:var(--bg-secondary);border-radius:10px;overflow:hidden}.capacity-fill-large{height:100%;transition:width .3s ease;border-radius:10px}.scheduling-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.calendar-section,.appointments-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.calendar-section h2,.appointments-section h2{font-size:1.375rem;color:var(--text-primary);margin:0 0 1.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.order-details-modal,.assign-modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid var(--light-gray)}.modal-header h2{font-size:1.75rem;color:var(--text-primary);margin:0}.close-btn{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:none;font-size:1.5rem;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--danger);color:#fff}.modal-body{padding:2rem}.appointment-summary{background:var(--bg-secondary);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem}.appointment-summary h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .5rem}.appointment-summary p{margin:.25rem 0;color:var(--text-secondary)}.technicians-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}@media (max-width: 1200px){.scheduling-grid,.reports-grid{grid-template-columns:1fr}}@media (max-width: 768px){.packages-grid,.reviews-grid,.form-row,.customers-stats,.revenue-summary,.capacity-overview{grid-template-columns:1fr}.search-input{min-width:100%}}.data-seeder-page{padding:2rem 0}.seeder-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-lg);max-width:800px;margin:0 auto}.seeder-card h1{font-size:2.5rem;color:var(--text-primary);margin:0 0 1rem;text-align:center}.seeder-card .subtitle{text-align:center;color:var(--text-secondary);font-size:1.125rem;margin-bottom:2.5rem}.seeder-info{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);margin-bottom:2rem}.seeder-info h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 1rem}.seeder-info ul{list-style:none;padding:0;margin:0}.seeder-info li{padding:.75rem 0;color:var(--text-primary);font-size:1.05rem;display:flex;align-items:center;gap:.75rem}.message{padding:1.25rem 1.75rem;border-radius:var(--radius);margin-bottom:2rem;font-weight:600;font-size:1.05rem}.success-message{background:#10b98126;color:var(--success);border:2px solid var(--success)}.error-message{background:#ef444426;color:var(--danger);border:2px solid var(--danger)}.seeder-actions{display:flex;gap:1.5rem;margin-bottom:2rem}.seeder-actions button{flex:1}.seeder-note{background:#3b82f61a;padding:1.5rem;border-radius:var(--radius);border-left:4px solid var(--primary);color:var(--text-primary);line-height:1.6}.seeder-note strong{color:var(--primary)}.admin-user-menu{position:fixed;top:30px;right:30px;z-index:1001}.admin-avatar-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;transition:transform .2s ease;position:relative;z-index:1002}.admin-avatar-button:hover{transform:scale(1.05)}.admin-user-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:3px solid white;box-shadow:0 4px 12px #00000026;cursor:pointer}.admin-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.admin-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--card-bg);border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:280px;z-index:999;overflow:hidden;animation:slideDown .2s ease;border:1px solid #e5e7eb}.admin-menu-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:12px}.admin-avatar-large{width:50px;height:50px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.admin-user-info{flex:1;min-width:0}.admin-user-email{font-size:14px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-role{font-size:12px;opacity:.9;text-transform:capitalize}.admin-menu-divider{height:1px;background:var(--border-color);margin:6px 0}.admin-menu-item{width:100%;padding:14px 20px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:14px;font-size:15px;font-weight:500;color:var(--text-primary);transition:all .2s ease;font-family:inherit}.admin-menu-item:hover{background:var(--bg-secondary)}.admin-menu-item:active{transform:scale(.98)}.admin-menu-icon{font-size:20px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-menu-text{flex:1;color:var(--text-primary);font-size:15px;font-weight:500;white-space:nowrap}.admin-menu-signout{color:var(--danger);font-weight:600;margin-top:4px}.admin-menu-signout .admin-menu-text{color:var(--danger)}.admin-menu-signout:hover{background:#ef44441a}.admin-menu-signout:hover .admin-menu-text{color:#b91c1c}.dashboard-content-area{padding-top:2rem}.admin-dashboard-layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:var(--bg-secondary)}.dashboard-sidebar-nav{background:var(--card-bg);border-right:1px solid var(--border-color);padding:2rem 0;position:fixed;left:0;top:0;bottom:0;width:280px;overflow-y:auto;z-index:100}.sidebar-header{padding:0 1.5rem 2rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;position:relative}.sidebar-logo{height:40px;width:auto}.sidebar-header h2{font-size:1.125rem;color:var(--text-primary);margin:0;font-weight:700;flex:1}.sidebar-close-btn{display:none;width:40px;height:40px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;font-size:1.5rem;cursor:pointer;align-items:center;justify-content:center;transition:var(--transition-fast);color:var(--text-primary);flex-shrink:0;margin-left:auto}.sidebar-close-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.sidebar-menu{display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.menu-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);text-align:left;width:100%;color:var(--text-primary);font-size:.95rem;font-weight:500}.menu-item:hover{background:var(--bg-secondary)}.menu-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.menu-icon{font-size:1.25rem;width:24px;display:flex;align-items:center;justify-content:center}.menu-label{flex:1}.dashboard-main-content{margin-left:280px;padding:2rem;min-height:100vh}.dashboard-content-area{max-width:1400px;margin:0 auto}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-modern{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem;border-left:4px solid;transition:var(--transition)}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon-modern{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.stat-details{flex:1}.stat-label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:600}.stat-value{font-size:2rem;font-weight:900;color:var(--text-primary);margin:0 0 .25rem}.stat-trend{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.management-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);border:2px solid transparent;transition:var(--transition);cursor:pointer;text-align:left;width:100%}.management-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem}.management-card h3{font-size:1.25rem;color:var(--text-primary);margin:0 0 .75rem}.management-card p{color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.card-count{font-size:.875rem;color:var(--text-secondary);font-weight:600}.card-arrow{font-size:1.5rem;color:var(--primary)}.recent-activity-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow)}.recent-activity-section h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius)}.activity-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.activity-content{flex:1}.activity-title{font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.activity-time{font-size:.875rem;color:var(--text-secondary);margin:0}@media (max-width: 1024px){.admin-dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar-nav{width:100%;position:fixed;left:-100%;transition:left .3s ease;z-index:1000}.dashboard-sidebar-nav.open{left:0}.sidebar-close-btn{display:flex!important}.sidebar-header{padding:0 1rem 1.5rem}.sidebar-logo{height:35px}.sidebar-header h2{font-size:1rem}.dashboard-main-content{margin-left:0;padding:1.5rem;overflow-x:hidden;max-width:100vw}.admin-user-menu{top:20px;right:20px}.quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.management-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.scheduling-grid,.reports-grid{grid-template-columns:1fr}.orders-table-container,.services-table,.customers-table-container{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.orders-table,.services-table table{min-width:800px}.customers-table{min-width:900px}}@media (max-width: 768px){.dashboard-main-content{padding:1rem}.admin-user-menu{top:15px;right:15px}.admin-user-avatar{width:44px;height:44px;font-size:18px}.mobile-menu-toggle{position:fixed;top:15px;left:15px;z-index:1001;width:44px;height:44px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;box-shadow:var(--shadow)}.quick-stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card-modern{padding:1.25rem}.stat-icon-modern{width:50px;height:50px;font-size:1.5rem}.stat-value{font-size:1.75rem}.management-grid{grid-template-columns:1fr;gap:1rem}.management-card{padding:1.5rem}.card-icon{width:50px;height:50px;font-size:1.75rem;margin-bottom:1rem}.management-card h3{font-size:1.125rem}.filter-controls{flex-direction:column;align-items:stretch}.search-input{min-width:100%;width:100%}.status-filter{width:100%}.date-range-filter{flex-direction:column;align-items:stretch}.date-range-filter input[type=date]{width:100%}.orders-table-container,.services-table,.customers-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-row{grid-template-columns:1fr;gap:1rem}.form-checkboxes{flex-direction:column;gap:1rem}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}.packages-grid,.reviews-grid{grid-template-columns:1fr}.review-card{padding:1.25rem}.customers-stats{grid-template-columns:1fr}.stat-box{padding:1.25rem}.stat-icon{width:50px;height:50px;font-size:1.75rem}.revenue-summary{grid-template-columns:1fr}.summary-card{padding:1.25rem}.summary-icon{width:50px;height:50px;font-size:1.75rem}.summary-value{font-size:1.75rem}.capacity-overview{grid-template-columns:1fr}.capacity-card{padding:1.25rem}.capacity-icon{width:50px;height:50px;font-size:1.75rem}.capacity-value{font-size:1.75rem}.technicians-grid{grid-template-columns:1fr}.order-details-modal,.assign-modal,.customer-details-modal{width:95%;max-height:85vh}.modal-header{padding:1.5rem}.modal-header h2{font-size:1.375rem}.modal-body{padding:1.5rem}.customer-profile{flex-direction:column;text-align:center;padding:1.5rem}.profile-avatar-large{width:70px;height:70px;font-size:2rem}.profile-info h3{font-size:1.5rem}.actions-cell{flex-direction:column}.view-btn,.edit-btn,.delete-btn,.approve-btn{width:100%}.review-actions,.package-actions{flex-direction:column}.review-actions button,.package-actions button{width:100%}.seeder-actions{flex-direction:column}.seeder-card{padding:1.5rem}.seeder-card h1{font-size:2rem}.seeder-info{padding:1.25rem}.sidebar-header{padding:0 1rem 1.5rem}.sidebar-logo{height:35px}.sidebar-header h2{font-size:1rem}.menu-item{padding:.75rem .875rem;font-size:.9rem}.menu-icon{font-size:1.125rem}.recent-activity-section{padding:1.5rem}.recent-activity-section h2{font-size:1.25rem}.activity-item{padding:1rem}.activity-icon{width:40px;height:40px;font-size:1.25rem}}@media (max-width: 480px){.dashboard-main-content{padding:.75rem}.stat-card-modern{padding:1rem;flex-direction:column;text-align:center}.stat-icon-modern{width:44px;height:44px;font-size:1.25rem}.stat-value{font-size:1.5rem}.management-card{padding:1.25rem}.card-icon{width:44px;height:44px;font-size:1.5rem}.management-card h3{font-size:1rem}.management-card p{font-size:.875rem}.admin-menu-dropdown{min-width:260px;right:-10px}.modal-header h2{font-size:1.125rem}.close-btn{width:36px;height:36px;font-size:1.25rem}}.mobile-sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.mobile-sidebar-overlay.open{display:block}@media (max-width: 1024px){.mobile-sidebar-overlay{display:none}.mobile-sidebar-overlay.open{display:block}}@media (max-width: 768px){.stat-card-modern{flex-direction:row;align-items:center;padding:1rem;gap:1rem}.stat-icon-modern{width:48px;height:48px;font-size:1.5rem;flex-shrink:0}.stat-details{flex:1;min-width:0}.stat-label{font-size:.8rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{font-size:1.75rem;line-height:1;margin-bottom:.25rem}.stat-trend{font-size:.75rem;padding:.125rem .375rem}.management-card{padding:1.25rem}.card-icon{width:48px;height:48px;font-size:1.5rem;margin-bottom:1rem}.management-card h3{font-size:1.125rem;margin-bottom:.5rem}.management-card p{font-size:.875rem;margin-bottom:1rem;line-height:1.5}.card-footer{padding-top:.75rem}.card-count{font-size:.8rem}.card-arrow{font-size:1.25rem}.package-card{padding:1.25rem}.package-header h3{font-size:1.25rem}.package-price{font-size:2rem}.package-description{font-size:.875rem}.package-meta{flex-direction:column;gap:.5rem}.package-services li{font-size:.875rem}.review-card{padding:1.25rem}.review-rating{flex-direction:column;align-items:flex-start;gap:.5rem}.stars{font-size:1.125rem}.review-comment{padding:1rem;font-size:.875rem}.review-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-size:1rem}.submit-btn,.cancel-btn,.view-btn,.edit-btn,.delete-btn,.approve-btn,.export-btn{padding:.875rem 1.5rem;font-size:.95rem;min-height:44px}.status-badge{padding:.5rem 1rem;font-size:.8rem}.capacity-card{flex-direction:row;padding:1rem}.capacity-icon{width:48px;height:48px;font-size:1.5rem}.capacity-value{font-size:1.5rem}.summary-card{flex-direction:row;padding:1rem}.summary-icon{width:48px;height:48px;font-size:1.5rem}.summary-value{font-size:1.5rem}.report-card{padding:1.25rem}.report-header{flex-direction:column;align-items:flex-start;gap:1rem}.report-header h2{font-size:1.125rem}.export-btn{width:100%}.package-stat-item{flex-direction:column;align-items:flex-start;gap:.75rem}.package-stat-revenue{font-size:1.25rem}.activity-item{padding:1rem;gap:.75rem}.activity-icon{width:40px;height:40px;font-size:1.25rem}.activity-title{font-size:.95rem}.activity-time{font-size:.8rem}.seeder-card{padding:1.25rem}.seeder-card h1{font-size:1.75rem}.seeder-card .subtitle{font-size:.95rem}.seeder-info{padding:1rem}.seeder-info h3{font-size:1.125rem}.seeder-info li{font-size:.95rem;padding:.5rem 0}.message{padding:1rem;font-size:.95rem}.seeder-note{padding:1rem;font-size:.875rem}}@media (max-width: 480px){.dashboard-main-content{padding:.5rem}.quick-stats-grid{gap:.75rem}.stat-card-modern{padding:.875rem}.stat-icon-modern{width:40px;height:40px;font-size:1.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}.management-grid{gap:.75rem}.management-card{padding:1rem}.card-icon{width:40px;height:40px;font-size:1.25rem;margin-bottom:.75rem}.management-card h3{font-size:1rem}.management-card p{font-size:.8rem;margin-bottom:.75rem}.card-footer{padding-top:.5rem}.package-card,.review-card,.report-card,.recent-activity-section{padding:1rem}.recent-activity-section h2{font-size:1.125rem;margin-bottom:1rem}.activity-item{padding:.875rem}}@media (max-width: 768px) and (orientation: landscape){.dashboard-main-content{padding:1rem}.quick-stats-grid,.management-grid{grid-template-columns:repeat(2,1fr)}.stat-card-modern{padding:.875rem}.stat-value{font-size:1.5rem}}@media print{.dashboard-sidebar-nav,.admin-user-menu,.mobile-menu-toggle,.mobile-sidebar-overlay,.filter-controls,.form-actions,.actions-cell,.export-btn{display:none!important}.dashboard-main-content{margin-left:0;padding:0}.admin-dashboard-layout{grid-template-columns:1fr}.report-card,.orders-table-container,.customers-table-container{box-shadow:none;border:1px solid #ddd}}.customer-dashboard-page{min-height:100vh;background:var(--bg-secondary);padding:3rem 0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem}.orders-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow)}.orders-list{display:grid;gap:1.5rem}.order-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.75rem}.order-header{display:flex;justify-content:space-between;margin-bottom:1.25rem}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.profile-settings-section{width:100%}.profile-header-inline{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;flex-shrink:0}.profile-info-inline h2{margin:0 0 .5rem;font-size:1.75rem;color:var(--text-primary)}.profile-info-inline p{margin:0;color:var(--text-secondary)}.profile-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.tab-btn{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:var(--text-secondary);transition:all .2s;margin-bottom:-2px}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-tab-content{width:100%}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.info-item label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.info-item p{color:var(--text-secondary);margin:0}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-input{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;background:var(--bg-primary);color:var(--text-primary)}.form-input:focus{outline:none;border-color:var(--primary)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.vehicle-card{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;text-align:center}.vehicle-icon{font-size:3rem;margin-bottom:1rem}.vehicle-card h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.vehicle-year{color:var(--text-secondary);margin-bottom:1rem}.vehicle-card p{margin:.5rem 0;font-size:.9rem;color:var(--text-primary)}.vin{font-size:.75rem;color:var(--text-secondary);word-break:break-all}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.browse-services-section{width:100%}.services-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.service-link-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.service-link-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.service-icon{font-size:3rem;display:block;margin-bottom:1rem}.service-link-card h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--text-primary)}.service-link-card p{margin:0;color:var(--text-secondary);font-size:.9rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.left-3{left:.75rem}.top-1\/2{top:50%}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.max-h-\[calc\(100vh-200px\)\]{max-height:calc(100vh - 200px)}.min-h-full{min-height:100%}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-primary-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-5{padding-top:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wider{letter-spacing:.05em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-primary-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary: #10b981;--secondary-dark: #059669;--secondary-light: #34d399;--accent: #f59e0b;--accent-dark: #d97706;--accent-light: #fbbf24;--ethiopian-green: #10b981;--ethiopian-yellow: #fbbf24;--ethiopian-red: #ef4444;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--dark: #0f172a;--dark-blue: #1e293b;--navy: #0a1628;--gray: #64748b;--light-gray: #f1f5f9;--white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--card-bg: #ffffff;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 35px 60px -15px rgba(0, 0, 0, .3);--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--dark: #f8fafc;--gray: #94a3b8;--light-gray: #1e293b;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--card-bg: #1e293b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-md: 0 6px 12px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5)}html{scroll-behavior:smooth;font-size:16px}body{font-family:Times New Roman,Times,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-dark)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.page-wrapper{min-height:calc(100vh - 80px);padding:2rem 0;background:var(--light-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;line-height:1.5;border:2px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--transition),height var(--transition)}.btn:active:before{width:300px;height:300px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:focus-visible{outline:3px solid var(--primary-100);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-700) 0%,var(--primary-800) 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--card-bg);color:var(--primary-600);border-color:var(--primary-600);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-700);color:var(--primary-700);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-success{background:linear-gradient(135deg,var(--success) 0%,var(--secondary-dark) 100%);color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark) 0%,#047857 100%);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--primary-600)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem;gap:var(--space-1)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.125rem;gap:var(--space-3)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.btn-icon-sm{padding:var(--space-2);aspect-ratio:1}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--light-gray)}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.card-body{padding:0}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius);transition:var(--transition-fast);background:var(--card-bg);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;background:var(--card-bg)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.6}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{background:var(--bg-tertiary);border-color:var(--primary-light);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .form-input::-moz-placeholder,[data-theme=dark] .form-textarea::-moz-placeholder{color:var(--text-secondary);opacity:.7}[data-theme=dark] .form-input::placeholder,[data-theme=dark] .form-textarea::placeholder{color:var(--text-secondary);opacity:.7}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:var(--bg-tertiary)!important;border-color:var(--primary-light)!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:var(--text-secondary)!important;opacity:.7!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-secondary)!important;opacity:.7!important}.form-textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-error{color:var(--danger);font-size:.875rem;margin-top:.25rem}.table-wrapper{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.table{width:100%;border-collapse:collapse}.table thead{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff}.table th{padding:1rem;text-align:left;font-weight:600;font-size:.95rem;white-space:nowrap}.table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.95rem;color:var(--text-primary);background:var(--card-bg)}.table tbody tr{transition:var(--transition-fast);background:var(--card-bg)}.table tbody tr:hover{background:#2563eb0d}[data-theme=dark] .table tbody tr:hover{background:#3b82f61a}.table tbody tr:last-child td{border-bottom:none}[data-theme=dark] .table-wrapper{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .table td{background:var(--card-bg);color:var(--text-primary);border-bottom-color:var(--border-color)}[data-theme=dark] .table tbody tr{background:var(--card-bg)}[data-theme=dark] table{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] table td,[data-theme=dark] table th{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] table thead th{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%)!important;color:#fff!important}[data-theme=dark] table tbody tr{background:var(--card-bg)!important}[data-theme=dark] table tbody tr:hover{background:#3b82f61a!important}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:600;border-radius:20px;white-space:nowrap}.badge-primary{background:#2563eb1a;color:var(--primary)}.badge-success{background:#10b9811a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.badge-info{background:#3b82f61a;color:var(--info)}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-confirmed{background:#3b82f61a;color:#3b82f6}.status-in_progress{background:#8b5cf61a;color:#8b5cf6}.status-completed{background:#10b9811a;color:#10b981}.status-cancelled{background:#ef44441a;color:#ef4444}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-gray{color:var(--gray)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.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-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.loading{text-align:center;padding:3rem;color:var(--gray)}.spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){html{font-size:14px}.container{padding:0 1rem}.grid-2,.grid-3,.grid-4,.form-row{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.table{min-width:600px}}[data-theme=dark] .table-container,[data-theme=dark] .customers-table-container,[data-theme=dark] .services-table,[data-theme=dark] .customers-table,[data-theme=dark] .orders-table-container,[data-theme=dark] .packages-table-container{background:var(--card-bg)!important}[data-theme=dark] .customers-table,[data-theme=dark] .services-table table,[data-theme=dark] .orders-table,[data-theme=dark] .packages-table{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .customers-table td,[data-theme=dark] .services-table td,[data-theme=dark] .orders-table td,[data-theme=dark] .packages-table td{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .customers-table tbody tr,[data-theme=dark] .services-table tbody tr,[data-theme=dark] .orders-table tbody tr,[data-theme=dark] .packages-table tbody tr{background:var(--card-bg)!important}[data-theme=dark] .customers-table tbody tr:hover,[data-theme=dark] .services-table tbody tr:hover,[data-theme=dark] .orders-table tbody tr:hover,[data-theme=dark] .packages-table tbody tr:hover{background:#3b82f61a!important}[data-theme=dark] .search-bar .search-input{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .search-bar .search-input:focus{background:var(--bg-tertiary)!important;border-color:var(--primary-light)!important}[data-theme=dark] .filter-select,[data-theme=dark] .package-select{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .stat-card,[data-theme=dark] .stat-card-modern,[data-theme=dark] .stats-card,[data-theme=dark] .quick-stats-grid>div,[data-theme=dark] .package-stat-item{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .stat-label,[data-theme=dark] .stat-title,[data-theme=dark] .stats-title{color:var(--text-secondary)!important}[data-theme=dark] .stat-value,[data-theme=dark] .stats-value,[data-theme=dark] .stat-content h3,[data-theme=dark] .stat-details h3{color:var(--text-primary)!important}[data-theme=dark] .stat-content p,[data-theme=dark] .stat-details p{color:var(--text-secondary)!important}[data-theme=dark] .empty-state{background:var(--bg-secondary)!important;color:var(--text-secondary)!important}[data-theme=dark] .status-badge{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=dark] .status-badge.active,[data-theme=dark] .status-badge.approved{background:#10b98133!important;color:var(--success)!important}[data-theme=dark] .status-badge.inactive,[data-theme=dark] .status-badge.pending{background:#f59e0b33!important;color:var(--warning)!important}[data-theme=dark] .card,[data-theme=dark] .section-card,[data-theme=dark] .package-card,[data-theme=dark] .service-card,[data-theme=dark] .order-card,[data-theme=dark] .review-card{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .card-header,[data-theme=dark] .card-title{color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .card-body,[data-theme=dark] .card-content{color:var(--text-primary)!important}[data-theme=dark] .card-footer{border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] .package-stats-list{background:var(--card-bg)!important}[data-theme=dark] .package-stat-info strong{color:var(--text-primary)!important}[data-theme=dark] .package-stat-info span{color:var(--text-secondary)!important}[data-theme=dark] .package-stat-revenue{color:var(--primary-light)!important}[data-theme=dark] .review-status{color:var(--text-primary)!important}[data-theme=dark] .status-filter{background:var(--bg-tertiary)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .modal-dialog,[data-theme=dark] .form-modal,[data-theme=dark] [role=dialog]{background:var(--card-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] .modal-header,[data-theme=dark] .modal-title,[data-theme=dark] [role=dialog] h2,[data-theme=dark] [role=dialog] h3{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal-body,[data-theme=dark] .modal-content>div{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .modal-footer{background:var(--card-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .modal label,[data-theme=dark] [role=dialog] label{color:var(--text-primary)!important}[data-theme=dark] .modal-backdrop,[data-theme=dark] .modal-overlay{background:#000c!important}[data-theme=dark] .modal .image-upload-area,[data-theme=dark] [role=dialog] .image-upload-area,[data-theme=dark] .modal [class*=dropzone],[data-theme=dark] [role=dialog] [class*=dropzone]{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-secondary)!important}[data-theme=dark] div[class*=stat],[data-theme=dark] div[class*=card]:not(.service-card):not(.package-card):not(.order-card):not(.review-card){background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] .quick-stats-grid>*,[data-theme=dark] .stats-grid>*,[data-theme=dark] [class*=stats]>div{background:var(--card-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] .grid>div,[data-theme=dark] [style*="display: grid"]>div,[data-theme=dark] [style*=grid-template]>div{background:var(--card-bg)!important}[data-theme=dark] div[class*=stat] *,[data-theme=dark] .quick-stats-grid *{color:var(--text-primary)!important}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color: #ffffff"]{background:var(--card-bg)!important;background-color:var(--card-bg)!important}[data-theme=dark] .technicians-stats>div,[data-theme=dark] .technician-stat-card{background:var(--card-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}[data-theme=dark] div[role=dialog],[data-theme=dark] div[role=dialog]>div,[data-theme=dark] .modal,[data-theme=dark] .modal>div{background:var(--card-bg)!important;background-color:var(--card-bg)!important}[data-theme=dark] [role=dialog] [style*=background],[data-theme=dark] .modal [style*=background]{background:var(--card-bg)!important;background-color:var(--card-bg)!important}[data-theme=dark] [role=dialog]>*,[data-theme=dark] .modal>*{background:var(--card-bg)!important}[data-theme=dark] [data-radix-portal],[data-theme=dark] [data-radix-dialog-content],[data-theme=dark] .ReactModal__Content{background:var(--card-bg)!important;color:var(--text-primary)!important}[data-theme=dark] [role=dialog] div:not([class*=button]):not([class*=icon]),[data-theme=dark] .modal div:not([class*=button]):not([class*=icon]){background-color:transparent!important}[data-theme=dark] [role=dialog]>div:first-child,[data-theme=dark] .modal>div:first-child{background:var(--card-bg)!important;background-color:var(--card-bg)!important}.hover\:border-primary-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-gray-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}