.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary);color:#fff;padding:1rem 2rem}.nav-links{list-style:none;display:flex;gap:1rem}.nav-links a{color:#fff;text-decoration:none;font-weight:700}.nav-links a:hover{color:var(--accent)}.logo{font-size:1.5rem;font-weight:700}.mechanic-register{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background-color:#fafaf9;color:#111827;max-width:720px;margin:2rem auto;padding:2rem;border-radius:1rem;box-shadow:0 12px 30px #11182714;border:1px solid #E5E7EB}.mechanic-register h2{color:#111827;font-size:clamp(1.5rem,4.5vw,2rem);text-align:center;margin-bottom:1.25rem;font-weight:700}.mechanic-register form{display:flex;flex-direction:column;gap:1rem}.mechanic-register label{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:.35rem}.mechanic-register input,.mechanic-register select{padding:.8rem .9rem;border:1px solid #D1D5DB;border-radius:.625rem;font-size:1rem;background-color:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.mechanic-register input:focus,.mechanic-register select:focus{outline:none;border-color:#a64b0a;box-shadow:0 0 0 3px #a64b0a40}.mechanic-register select{height:110px}.mechanic-register input[type=file]{padding:.5rem}.mechanic-register button{background-color:#a64b0a;color:#fff;border:none;padding:.85rem 1.25rem;font-size:1rem;border-radius:.625rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease;margin-top:1rem}.mechanic-register button:hover{background-color:#8f4108;transform:translateY(-1px);box-shadow:0 8px 20px #a64b0a40}.mechanic-register button:focus-visible{outline:3px solid rgba(166,75,10,.35);outline-offset:2px}.mechanic-register .message{margin-top:1rem;text-align:center;font-size:1rem}.mechanic-register .message:before{content:"";display:inline-block;width:20px;height:20px;margin-right:.5rem;vertical-align:middle}.mechanic-register .message[class*=✅]{color:#166534}.mechanic-register .message[class*=❌]{color:#b91c1c}.mechanic-login{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.06),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.05),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,5vw,2rem);width:100%;overflow-x:hidden;position:relative;z-index:0}.mechanic-login:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:#ede9e3;border-top-left-radius:55% 18%;border-top-right-radius:55% 18%;box-shadow:inset 0 10px 20px #11182708;pointer-events:none;z-index:-1}.login-form{background-color:#fff;padding:clamp(1.5rem,6vw,2.25rem);border-radius:1rem;box-shadow:0 12px 30px #11182714;border:1px solid #E5E7EB;width:100%;max-width:clamp(320px,80vw,440px);position:relative;z-index:1}.login-form:before{content:"MECHZE";position:absolute;top:-42px;left:50%;transform:translate(-50%);background:#111827;color:#fff;padding:.5rem .9rem;border-radius:9999px;font-size:.875rem;letter-spacing:.12em;font-weight:800;box-shadow:0 6px 16px #11182733}.login-form h2{color:#111827;font-size:clamp(1.5rem,5.5vw,1.875rem);font-weight:700;text-align:center;margin-bottom:1.25rem}.logo-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.logo-text{letter-spacing:.1em;font-weight:700;color:#111827}.input-field{width:100%;padding:clamp(.65rem,2.5vw,.9rem);border:1px solid #D1D5DB;border-radius:.625rem;font-size:clamp(.95rem,3vw,1rem);background-color:#fff;color:#111827;margin-bottom:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.input-field::placeholder{color:#9ca3af}.error-message{color:#b45309;font-size:clamp(.85rem,3vw,.95rem);text-align:center;margin-bottom:.75rem;padding:.5rem .75rem;border-radius:.5rem;background-color:#fff7ed;border:1px solid #FED7AA}.login-button{width:100%;background-color:#a64b0a;color:#fff;border:none;padding:clamp(.85rem,2.5vw,1rem);font-size:clamp(.95rem,3vw,1.05rem);font-weight:600;border-radius:.625rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.login-button:hover{background-color:#8f4108;transform:translateY(-1px);box-shadow:0 8px 20px #a64b0a40}.login-button:focus-visible{outline:3px solid rgba(166,75,10,.35);outline-offset:2px}@media (max-width: 768px){.mechanic-login{padding:1rem}.login-form{padding:1.25rem;max-width:92vw}.login-form h2{font-size:clamp(1.35rem,5vw,1.6rem)}.login-button{padding:.9rem}}@media (max-width: 480px){.login-form{padding:1rem;max-width:96vw}.logo-text{font-size:.9rem}}body:has(.mechanic-login) .navbar{display:none!important}.dashboard{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.05),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.04),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827;min-height:100vh;width:100%;overflow-x:hidden}.navbar{display:none!important}.dashboard>.navbar{display:flex!important}.dashboard>.navbar *{display:initial}.navbar{background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);padding:.75rem 1.25rem;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:1px solid #E5E7EB}.navbar .nav-inner{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{position:relative;color:transparent;font-size:0}.navbar .logo:after{content:"MECHZE";display:inline-block;background:#111827;color:#fff;padding:.35rem .7rem;border-radius:9999px;font-size:clamp(.9rem,3.5vw,1rem);font-weight:800;letter-spacing:.12em;box-shadow:0 6px 16px #11182726}.nav-links{display:flex;gap:clamp(1rem,3vw,1.5rem);flex-wrap:wrap}.nav-links a{color:#374151;text-decoration:none;font-size:clamp(.9rem,3vw,1rem);font-weight:600;transition:color .2s ease,transform .15s ease}.nav-links a:hover{color:#111827;transform:translateY(-1px)}.navbar>.logo,.navbar>.nav-links{display:none}.navbar>.nav-inner{display:flex}.navbar:not(:has(.nav-inner)){justify-content:space-between}.navbar:not(:has(.nav-inner))>.logo,.navbar:not(:has(.nav-inner))>.nav-links{display:flex}.hero{position:relative;background:linear-gradient(180deg,#11182759,#11182759),url(/images/garage-hero.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;padding:clamp(2.25rem,8vw,4rem) clamp(1rem,5vw,2rem);border-radius:1rem;box-shadow:0 12px 30px #1118272e;border:1px solid #E5E7EB;max-width:1200px;margin:1.25rem auto 1.5rem;min-height:clamp(320px,45vw,520px);display:flex;align-items:center;justify-content:center;flex-direction:column}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(80% 60% at 50% 20%,rgba(17,24,39,.25),transparent 60%);pointer-events:none}.hero h1{font-size:clamp(1.9rem,5.5vw,2.6rem);margin-bottom:.6rem;font-weight:800;color:#fff}.hero p{font-size:clamp(1rem,3.5vw,1.15rem);margin-bottom:1.25rem;color:#f3f4f6}.cta-btn{background:#a64b0a;color:#fff;border:none;padding:clamp(.8rem,2vw,1rem) clamp(1.25rem,3vw,1.75rem);font-size:clamp(.95rem,3vw,1.05rem);font-weight:600;border-radius:.625rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.cta-btn:hover{transform:translateY(-1px);background:#8f4108;box-shadow:0 10px 24px #a64b0a40}.cta-btn.small{padding:clamp(.5rem,2vw,.6rem) clamp(1rem,2vw,1.2rem);font-size:clamp(.8rem,2.5vw,.9rem)}.all-mechanics{max-width:1200px;margin:0 auto;padding:2rem clamp(1rem,5vw,2rem)}.all-mechanics h2{color:#111827;font-size:clamp(1.4rem,4.5vw,1.75rem);margin-bottom:1.1rem;font-weight:800;display:flex;align-items:center}.all-mechanics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(220px,45vw,260px),1fr));gap:clamp(1rem,3vw,1.5rem)}.mechanic-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 24px #1118270f}.mechanic-card h3{color:#111827;font-size:clamp(1.1rem,4vw,1.35rem);margin-bottom:.5rem;font-weight:700}.mechanic-card p{margin:.35rem 0;font-size:clamp(.9rem,3vw,1rem);color:#374151}.mechanic-card .text-green-600{color:#16a34a;font-weight:700}.services{background-color:#fff;color:#111827;padding:clamp(2rem,8vw,3rem) clamp(1rem,5vw,2rem);text-align:center;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}.services h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;font-weight:700}.service-cards{display:flex;justify-content:center;gap:clamp(1rem,3vw,1.5rem);flex-wrap:wrap}.service-cards .card{background-color:#fff;color:#111827;border-radius:.875rem;padding:1rem;width:clamp(180px,30vw,200px);transition:transform .2s ease,box-shadow .2s ease;border:1px solid #E5E7EB;box-shadow:0 10px 24px #1118270f}.service-cards .card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #11182717}.service-cards img{width:100%;height:clamp(100px,20vw,120px);object-fit:cover;border-radius:.5rem;margin-bottom:.8rem}.service-cards h3{font-size:clamp(1rem,3.5vw,1.2rem);font-weight:700}.how-it-works{padding:clamp(2rem,8vw,3rem) clamp(1rem,5vw,2rem);text-align:center;background-color:#fafaf9}.how-it-works h2{color:#111827;font-size:clamp(1.4rem,4.5vw,1.75rem);margin-bottom:1.25rem;font-weight:800}.how-it-works ol{list-style-position:inside;font-size:clamp(1rem,3.5vw,1.1rem);color:#374151}.how-it-works li{margin:.8rem 0;display:flex;align-items:center;justify-content:center}.how-it-works li:before{content:"🔧";margin-right:.5rem}.bookings{max-width:1200px;margin:0 auto;padding:.75rem clamp(1rem,5vw,2rem);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.25rem;row-gap:.9rem}.bookings h2,.bookings h3{color:#111827;margin-bottom:.85rem;font-weight:800;grid-column:1 / -1}.booking-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.booking-column{background:#fff;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem 1.1rem;box-shadow:0 10px 24px #1118270f}.booking-column h3{margin-top:0}@media (max-width: 900px){.booking-columns{grid-template-columns:1fr}}.bookings h2{font-size:clamp(1.5rem,5vw,2rem)}.bookings h3{font-size:clamp(1.3rem,4vw,1.6rem)}.booking-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:.75rem;padding:.85rem .95rem;margin:0;transition:box-shadow .2s ease,transform .2s ease;box-shadow:0 6px 16px #1118270d;grid-column:span 6}.booking-card.active{border-left:5px solid #16A34A}.booking-card.past{border-left:5px solid #DC2626}.booking-card:hover{box-shadow:0 10px 20px #11182714;transform:translateY(-1px)}.booking-card p{margin:.2rem 0;font-size:clamp(.9rem,2.6vw,.95rem);color:#374151;line-height:1.35}.booking-card button{background:#a64b0a;color:#fff;border:none;padding:.55rem .85rem;border-radius:.6rem;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.booking-card button:hover{transform:translateY(-1px);background:#8f4108;box-shadow:0 8px 20px #a64b0a40}.bookings h3+.booking-card.past+.booking-card.past+.booking-card.past+.booking-card.past~.booking-card.past{display:none}.show-more-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f3f4f6;color:#374151;border:1px solid #E5E7EB;padding:.55rem .9rem;border-radius:.625rem;font-weight:600;cursor:pointer}.show-more-btn:hover{background:#e5e7eb}.reviews{background-color:#fff;color:#111827;padding:clamp(2rem,8vw,3rem) clamp(1rem,5vw,2rem);text-align:left;border-top:1px solid #E5E7EB}.reviews h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.5rem;font-weight:700}.testimonial{background-color:#fff;border-radius:1rem;padding:1.25rem;max-width:clamp(300px,80vw,800px);margin:0 auto;box-shadow:0 12px 30px #11182714;border:1px solid #E5E7EB}.testimonial p{font-style:italic;font-size:clamp(.9rem,3.5vw,1.1rem);margin-bottom:1rem}.testimonial strong{color:#111827;font-size:clamp(.9rem,3.5vw,1.1rem)}.footer{background-color:#fff;color:#374151;text-align:center;padding:clamp(1rem,3vw,1.5rem);border-top:1px solid #E5E7EB}.footer a{color:#374151;text-decoration:none;margin:0 .5rem;font-weight:600}.footer a:hover{color:#111827;text-decoration:underline}@media (max-width: 768px){.bookings{grid-template-columns:1fr}.navbar{flex-direction:column;gap:1rem;padding:1rem}.nav-links{justify-content:center;gap:.8rem}.hero{padding:2rem 1rem}.hero h1{font-size:clamp(1.5rem,6vw,2rem)}.hero p{font-size:clamp(.9rem,4vw,1rem)}.all-mechanics-grid{grid-template-columns:1fr}.mechanic-card{padding:1rem}.service-cards .card{width:clamp(160px,45vw,180px)}.service-cards img{height:clamp(90px,25vw,100px)}.bookings{padding:1rem}.booking-card{padding:.85rem;grid-column:1 / -1}.reviews{padding:2rem 1rem}.testimonial{padding:1rem}}@media (max-width: 480px){.navbar .logo{font-size:clamp(1.2rem,5vw,1.5rem)}.nav-links a{font-size:clamp(.8rem,3.5vw,.9rem)}.hero{padding:1.5rem .8rem}.hero h1{font-size:clamp(1.3rem,6vw,1.8rem)}.cta-btn{padding:clamp(.6rem,2vw,.8rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.8rem,3vw,.9rem)}.all-mechanics h2,.services h2,.how-it-works h2,.bookings h2{font-size:clamp(1.2rem,5vw,1.5rem)}.bookings h3{font-size:clamp(1.1rem,4vw,1.3rem)}.mechanic-card h3,.service-cards h3{font-size:clamp(1rem,4vw,1.2rem)}.mechanic-card p,.booking-card p,.how-it-works li,.testimonial p{font-size:clamp(.8rem,3vw,.9rem)}}.tracking-page{font-family:Arial,sans-serif;background:linear-gradient(135deg,#f7f8fa 60%,#4caf50);color:#2d2d2d;min-height:100vh;padding:clamp(1rem,5vw,2rem);width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center}.loading-text{text-align:center;font-size:clamp(1rem,3.5vw,1.2rem);color:#2d2d2d;padding:2rem}.tracking-title{color:#1e2a78;font-size:clamp(1.8rem,6vw,2.2rem);font-weight:700;text-align:center;margin-bottom:1.5rem}.info-box{background-color:#f7f8fa;border:2px solid #2D2D2D;border-radius:.8rem;box-shadow:0 4px 8px #000;padding:clamp(1rem,4vw,1.5rem);max-width:600px;width:100%;margin:1.5rem auto;display:flex;flex-direction:column;gap:.8rem}.info-box p{font-size:clamp(.9rem,3vw,1rem);color:#2d2d2d}.info-box strong{color:#ff6b35;font-weight:700}.google-map-container{width:100%;max-width:1200px;margin:0 auto}@media (max-width: 768px){.tracking-page{padding:1rem}.tracking-title{font-size:clamp(1.5rem,5vw,1.8rem)}.info-box{padding:1rem;max-width:90vw}.info-box p{font-size:clamp(.85rem,3vw,.95rem)}}@media (max-width: 480px){.tracking-page{padding:.8rem}.tracking-title{font-size:clamp(1.3rem,5vw,1.6rem)}.info-box{padding:.8rem;max-width:95vw}.info-box p{font-size:clamp(.8rem,3vw,.9rem)}.loading-text{font-size:clamp(.85rem,3.5vw,1rem);padding:1rem}}.booking-container{padding:24px;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.05),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.04),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827}.booking-title{font-size:24px;color:#111827;margin-bottom:16px;font-weight:800}.booking-form{display:flex;flex-direction:column;gap:12px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 12px 30px #11182714;border:1px solid #E5E7EB;max-width:480px}.booking-form label{display:flex;flex-direction:column;font-weight:500}.booking-form textarea,.booking-form input,.booking-form select{padding:12px;margin-top:5px;border-radius:10px;border:1px solid #D1D5DB}.submit-btn{background:#a64b0a;color:#fff;padding:12px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.submit-btn:hover{background:#8f4108;transform:translateY(-1px);box-shadow:0 8px 20px #a64b0a40}.booking-message{margin-top:12px;font-weight:600;color:#166534}.nearby-mechanics{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.05),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.04),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827;min-height:100vh;padding:clamp(2rem,8vw,3rem) clamp(1rem,5vw,2rem);width:100%;overflow-x:hidden}.nearby-mechanics h2{color:#111827;font-size:clamp(1.6rem,5vw,2rem);font-weight:800;text-align:center;margin-bottom:1.5rem}.no-mechanics{text-align:center;font-size:clamp(.95rem,3.5vw,1rem);color:#b45309;font-style:italic;padding:1rem;background-color:#fff7ed;border:1px solid #FED7AA;border-radius:.625rem;margin:0 auto;max-width:600px}.mechanics-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(250px,45vw,300px),1fr));gap:clamp(1rem,3vw,1.5rem);max-width:1200px;margin:0 auto}.mechanic-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:1rem;padding:clamp(1rem,4vw,1.25rem);box-shadow:0 10px 24px #1118270f;transition:transform .2s ease,box-shadow .2s ease}.mechanic-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #11182717}.mechanic-name{color:#111827;font-size:clamp(1.15rem,4vw,1.35rem);font-weight:700;display:block;margin-bottom:.4rem}.mechanic-services{font-size:clamp(.9rem,3vw,1rem);color:#374151;margin-bottom:.9rem;line-height:1.45}.book-button{background:#a64b0a;color:#fff;border:none;padding:clamp(.6rem,2vw,.8rem) clamp(1rem,3vw,1.25rem);font-size:clamp(.95rem,3vw,1rem);font-weight:600;border-radius:.625rem;cursor:pointer;width:100%;text-align:center;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.book-button:hover{transform:translateY(-1px);background:#8f4108;box-shadow:0 8px 20px #a64b0a40}@media (max-width: 768px){.nearby-mechanics{padding:1.5rem 1rem}.nearby-mechanics h2{font-size:clamp(1.5rem,5vw,1.8rem)}.mechanics-list{grid-template-columns:1fr}.mechanic-card{padding:1rem}.mechanic-name{font-size:clamp(1.1rem,4vw,1.3rem)}.mechanic-services{font-size:clamp(.8rem,3vw,.9rem)}.book-button{padding:.6rem 1rem;font-size:clamp(.85rem,3vw,.95rem)}}@media (max-width: 480px){.nearby-mechanics{padding:1rem .8rem}.nearby-mechanics h2{font-size:clamp(1.3rem,5vw,1.6rem)}.loading-text,.no-mechanics{font-size:clamp(.85rem,3.5vw,1rem);padding:1rem}.mechanic-card{padding:.8rem}.mechanic-name{font-size:clamp(1rem,4vw,1.2rem)}.mechanic-services{font-size:clamp(.75rem,3vw,.85rem)}.book-button{padding:.5rem 1rem;font-size:clamp(.8rem,3vw,.9rem)}}.booking-page{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.05),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.04),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827;min-height:100vh;width:100%;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.loading-text{text-align:center;font-size:clamp(1rem,3.5vw,1.1rem);color:#374151;padding:1.5rem}.error-text{text-align:center;font-size:clamp(.9rem,3.5vw,1.1rem);color:#b45309;background-color:#fff7ed;border:1px solid #FED7AA;border-radius:.625rem;padding:.9rem;margin:2rem auto;max-width:600px}.mechanic-title{color:#111827;font-size:clamp(1.6rem,5vw,2rem);font-weight:800;text-align:center;margin-bottom:.75rem}.mechanic-info{font-size:clamp(.95rem,3vw,1rem);color:#374151;margin:.25rem 0;text-align:center}.booking-form{background-color:#fff;border:1px solid #E5E7EB;border-radius:1rem;box-shadow:0 12px 30px #11182714;padding:clamp(1rem,4vw,1.5rem);max-width:clamp(320px,80vw,560px);width:100%;display:flex;flex-direction:column;gap:.9rem}.input-field{width:100%;padding:clamp(.65rem,2.5vw,.9rem);border:1px solid #D1D5DB;border-radius:.625rem;font-size:clamp(.95rem,3vw,1rem);background-color:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.input-field:focus{outline:none;border-color:#a64b0a;box-shadow:0 0 0 3px #a64b0a40}.textarea{resize:vertical;min-height:80px;max-height:200px}.submit-button{background:#a64b0a;color:#fff;border:none;padding:clamp(.85rem,2.5vw,1rem);font-size:clamp(.95rem,3vw,1.05rem);font-weight:600;border-radius:.625rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.submit-button:hover{transform:translateY(-1px);background:#8f4108;box-shadow:0 8px 20px #a64b0a40}.message{text-align:center;font-size:clamp(.9rem,3.5vw,1rem);margin:1rem 0;padding:.5rem;border-radius:.5rem;max-width:600px}.message.success{color:#166534;background-color:#ecfdf5;border:1px solid #A7F3D0}.message.error{color:#b45309;background-color:#fff7ed;border:1px solid #FED7AA}.dashboard-button{background:#111827;color:#fff;border:none;padding:clamp(.6rem,2vw,.8rem) clamp(1rem,3vw,1.25rem);font-size:clamp(.9rem,3vw,1rem);font-weight:600;border-radius:.625rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.dashboard-button:hover{transform:translateY(-1px);background:#0b1220;box-shadow:0 10px 24px #1118272e}@media (max-width: 768px){.booking-page{padding:1rem}.mechanic-title{font-size:clamp(1.5rem,5vw,1.8rem)}.booking-form{padding:1rem;max-width:90vw}.input-field{padding:.6rem;font-size:clamp(.85rem,3vw,.95rem)}.submit-button,.dashboard-button{padding:.7rem;font-size:clamp(.85rem,3vw,1rem)}}@media (max-width: 480px){.mechanic-title{font-size:clamp(1.3rem,5vw,1.6rem)}.mechanic-info{font-size:clamp(.8rem,3vw,.9rem)}.booking-form{padding:.8rem;max-width:95vw}.input-field{padding:.5rem;font-size:clamp(.8rem,3vw,.9rem)}.submit-button,.dashboard-button{padding:.6rem;font-size:clamp(.8rem,3vw,.9rem)}.message,.loading-text,.error-text{font-size:clamp(.8rem,3.5vw,.9rem);padding:.8rem}}*{margin:0;padding:0;box-sizing:border-box}.dashboard{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(80rem 40rem at -20% -10%,rgba(166,75,10,.05),transparent 60%),radial-gradient(70rem 35rem at 120% 110%,rgba(166,75,10,.04),transparent 60%),linear-gradient(180deg,#fafaf9,#f3f4f6);color:#111827;min-height:100vh;padding:2rem clamp(1rem,5vw,2rem);width:100%;overflow-x:hidden}.loading-text{text-align:center;font-size:clamp(1rem,3.5vw,1.1rem);color:#374151;padding:2rem}.profile-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:1rem;box-shadow:0 12px 30px #11182714;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-width:1200px;margin:0 auto 2rem}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #E5E7EB}.profile-details h2{color:#111827;font-size:clamp(1.35rem,4.5vw,1.65rem);font-weight:700;margin-bottom:.25rem}.profile-details p{font-size:clamp(.9rem,3vw,1rem);margin:.25rem 0;color:#374151}.status-text{font-weight:600}.status-available{color:#16a34a}.status-busy{color:#f59e0b}.status-offline{color:#6b7280}.profile-actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.status-select{padding:.65rem .8rem;border:1px solid #D1D5DB;border-radius:.625rem;font-size:clamp(.9rem,3vw,1rem);background-color:#fff;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.status-select:focus{outline:none;border-color:#a64b0a;box-shadow:0 0 0 3px #a64b0a40}.location-button{background-color:#a64b0a;color:#fff;border:none;padding:.65rem .9rem;border-radius:.625rem;font-size:clamp(.9rem,3vw,1rem);font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.location-button:hover{background-color:#8f4108;transform:translateY(-1px);box-shadow:0 8px 20px #a64b0a40}.location-button:focus-visible{outline:3px solid rgba(166,75,10,.35);outline-offset:2px}.logout-button{color:#6b7280;font-size:clamp(.85rem,3vw,.95rem);text-decoration:underline;background:none;border:none;cursor:pointer;transition:color .2s ease}.logout-button:hover{color:#374151}.bookings-section{max-width:1200px;margin:0 auto}.booking-section{margin-bottom:2rem}.booking-section h3{color:#111827;font-size:clamp(1.1rem,4vw,1.35rem);font-weight:700;margin-bottom:.85rem}.no-bookings{color:#6b7280;font-size:clamp(.95rem,3.5vw,1rem);font-style:italic}.bookings-list{display:flex;flex-direction:column;gap:1rem}.booking-card{background-color:#fff;border:1px solid #E5E7EB;border-radius:.875rem;padding:1.1rem;box-shadow:0 10px 24px #1118270f;transition:transform .2s ease,box-shadow .2s ease}.booking-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #11182717}.booking-card p{font-size:clamp(.95rem,3vw,1rem);margin:.25rem 0;color:#374151}.booking-actions{margin-top:.8rem;display:flex;gap:.6rem;flex-wrap:wrap}.action-button{padding:.5rem .9rem;border:1px solid #E5E7EB;border-radius:.625rem;font-size:clamp(.85rem,3vw,.95rem);font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .15s ease,box-shadow .2s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #11182714}.action-button.accept{background-color:#16a34a;color:#fff;border-color:transparent}.action-button.reject{background-color:#dc2626;color:#fff;border-color:transparent}.action-button.complete{background-color:#a64b0a;color:#fff;border-color:transparent}.action-button.navigate{background-color:#111827;color:#fff;border-color:transparent}@media (min-width: 640px){.profile-card{flex-direction:row;align-items:center;gap:2rem}.profile-image{width:100px;height:100px}.profile-details{flex:1}.profile-actions{align-items:flex-start}}@media (max-width: 768px){.dashboard{padding:1.5rem 1rem}.profile-card{padding:1.2rem}.profile-image{width:60px;height:60px}.profile-details h2{font-size:clamp(1.3rem,5vw,1.6rem)}.booking-section h3{font-size:clamp(1.1rem,4vw,1.3rem)}.booking-card{padding:1rem}}@media (max-width: 480px){.dashboard{padding:1rem .8rem}.profile-card{padding:1rem}.profile-image{width:50px;height:50px}.profile-details h2{font-size:clamp(1.2rem,4.5vw,1.4rem)}.profile-details p,.booking-card p,.no-bookings,.status-select,.location-button,.action-button{font-size:clamp(.85rem,3vw,.95rem)}.booking-section h3{font-size:clamp(1rem,4vw,1.2rem)}.booking-actions{flex-direction:column;gap:.5rem}}