@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,Space Grotesk,-apple-system,sans-serif;background:#0a0a0f;color:#fff;overflow-x:hidden}.bg-animation{position:fixed;border-radius:50%;filter:blur(140px);animation:float 32s infinite ease-in-out;pointer-events:none;z-index:0;opacity:.55}.bg-animation:nth-child(1){width:900px;height:900px;background:linear-gradient(135deg,#ff6b35,#f7931e);top:-20%;left:-20%}.bg-animation:nth-child(2){width:1000px;height:1000px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);bottom:-25%;right:-20%;animation-delay:11s}.bg-animation:nth-child(3){width:800px;height:800px;background:linear-gradient(135deg,#667eea,#764ba2);top:45%;left:65%;animation-delay:20s}.bg-orb-cyan,.bg-orb-orange{position:absolute;border-radius:9999px;filter:blur(140px);opacity:.18}.bg-orb-cyan{width:900px;height:900px;background:radial-gradient(circle,#0891b2,transparent);top:-30%;left:-30%;animation:float-slow 90s infinite linear}.bg-orb-orange{width:1100px;height:1100px;background:radial-gradient(circle,#c2410c,transparent);bottom:-35%;right:-25%;animation:float-slow 110s infinite linear reverse}@keyframes float-slow{0%{transform:translate(0)}50%{transform:translate(140px,-100px)}to{transform:translate(0)}}.auth-form .error-message,.auth-form [class*=bg-blue-100][class*=border-][class*=text-]{background-color:#fee2e2;border:1px solid #f87171;color:#991b1b;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem;line-height:1.25rem}.auth-form .error-message--strong{background-color:#fef2f2;border-left:4px solid #ef4444;border-right:1px solid #fecaca;border-top:1px solid #fecaca;border-bottom:1px solid #fecaca;color:#7f1d1d}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;color:#b91c1c;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-weight:500}.bg-orange-500{background-color:#f97316}.bg-gray-300{background-color:#d1d5db}.overflow-y-auto::-webkit-scrollbar{display:none}.overflow-y-auto{-ms-overflow-style:none;scrollbar-width:none}input:focus{box-shadow:0 0 0 3px #f973164d}.cta-btn:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px #0009}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Uber Move,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:#f6f6f6;min-height:100vh;color:#000;font-size:16px;line-height:1.5}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(to bottom,#f6f6f6,#ededed)}.bg-gradient-to-b.from-gray-900.to-gray-950{background:linear-gradient(to bottom,#111827,#0f172a);border:1px solid rgba(75,85,99,.3)}.text-2xl{font-size:clamp(1.5rem,5vw,1.875rem)}.text-sm.mt-1{font-size:clamp(.8125rem,3.5vw,.875rem)}.group{transition:all .3s ease}.group:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000073}.w-16.h-16{width:clamp(56px,14vw,64px);height:clamp(56px,14vw,64px)}.w-5.h-5{width:clamp(18px,4.5vw,20px);height:clamp(18px,4.5vw,20px)}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55ea6}70%,to{box-shadow:0 0 0 clamp(8px,2.5vw,12px) #22c55e00}}button.bg-gradient-to-r.from-green-600.to-emerald-700{padding:clamp(.75rem,3vw,.875rem) clamp(1.25rem,5vw,1.5rem);font-size:clamp(.875rem,4vw,1rem);min-width:100px;white-space:nowrap}.bg-gray-800\/60{background:#1f2937a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:clamp(.6875rem,3vw,.75rem);border-radius:9999px}.fixed.bottom-24.right-6 button{transition:all .3s ease}.fixed.bottom-24.right-6 button:hover{transform:scale(1.15) translateY(-4px);box-shadow:0 20px 40px #f9731666}.group-hover\:block{animation:fadeInTooltip .2s ease forwards}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}button.mt-8.w-full{padding:clamp(1rem,4vw,1.125rem);font-size:clamp(.9375rem,4vw,1.0625rem);min-height:52px}@media(max-width:360px){.p-6{padding:1.25rem!important}.space-y-4>*+*{margin-top:.75rem!important}.w-16.h-16{width:52px!important;height:52px!important}button.bg-gradient-to-r.from-green-600.to-emerald-700{padding:.625rem 1rem!important;font-size:.875rem!important}}@media(max-width:480px){.max-w-lg{max-width:95vw!important}.p-6{padding:1.25rem 1rem}.text-2xl{font-size:1.5rem}.py-16{padding-top:3rem;padding-bottom:3rem}.text-6xl{font-size:4.5rem}}@media(min-width:481px)and (max-width:1024px){.max-w-lg{max-width:480px}.p-6{padding:2rem}.space-y-4>*+*{margin-top:1.25rem}button.bg-gradient-to-r.from-green-600.to-emerald-700{padding:.875rem 1.75rem;font-size:1.0625rem}}@media(min-width:1025px){.max-w-lg{max-width:540px}.p-6{padding:2.5rem}.text-2xl{font-size:2rem}}.auth-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001f,0 2px 8px #0000000f;width:100%;max-width:520px;margin:0 auto}.auth-header{padding:48px 40px 40px;text-align:center;background-color:#000;color:#fff}.auth-header h1{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.auth-header p{font-size:17px;opacity:.85}.auth-form{padding:40px}.input-group{position:relative;margin-bottom:28px}.input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.input-field{width:100%;padding:18px 18px 18px 56px;border:1px solid #d0d0d0;border-radius:8px;font-size:17px;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}.input-field:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #00000014}.password-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer;padding:4px}.forgot-password{display:block;text-align:right;margin:-8px 0 28px;font-size:15px}.forgot-password a{color:#000;text-decoration:underline;font-weight:600}.forgot-password a:hover{color:#333}.btn{width:100%;padding:18px;font-size:17px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn:active{transform:scale(.98)}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover{background-color:#1a1a1a}.btn-secondary{background:#fff;border:1px solid #d0d0d0;color:#000;margin-top:16px}.btn-secondary:hover{background:#f8f8f8}.file-upload-group label{display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;background:#fff;transition:border-color .2s}.file-upload-group label:hover{border-color:#000}.file-name{color:#444;font-size:15px}.signup-link{text-align:center;margin-top:28px;font-size:15px;color:#444}.signup-link a{color:#000;font-weight:700;text-decoration:underline}.signup-link a:hover{color:#333}@media(max-width:480px){.login-page{padding:16px}.auth-card{max-width:100%;border-radius:0;box-shadow:none}.auth-header{padding:48px 24px 32px}.auth-form{padding:32px 24px}}.success-state{text-align:center;padding:6rem 3rem;animation:celebrate 2.5s ease-out}@keyframes celebrate{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.success-icon{width:180px;height:180px;color:#10b981;filter:drop-shadow(0 0 50px rgba(16,185,129,.8));animation:pulseGlow 2s infinite}@keyframes pulseGlow{0%,to{filter:drop-shadow(0 0 50px rgba(16,185,129,.8))}50%{filter:drop-shadow(0 0 80px rgba(16,185,129,1))}}.customer-home-container{min-height:100vh;position:relative;background:#f8f9fa;overflow-x:hidden}header{background:#000;position:relative;z-index:10;box-shadow:0 2px 10px #0006}header>div{display:flex!important;align-items:center;justify-content:space-between!important;width:100%!important;max-width:1400px;margin-left:auto!important;margin-right:auto!important;padding-left:1.25rem;padding-right:1.25rem}header .right-group{margin-left:auto!important;margin-right:0!important;flex-shrink:0}header .right-group span{white-space:nowrap}main{position:relative;z-index:10;padding:1.5rem 1.25rem 10rem;max-width:480px;margin:0 auto}h2.text-3xl{font-size:2.25rem;font-weight:800;line-height:1.1;margin-bottom:.25rem;color:#111827}p.text-gray-600{font-size:1rem;color:#4b5563;margin-bottom:1.5rem}.bg-white.rounded-2xl.shadow-xl{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 10px 30px #00000014}.relative.border-b.border-gray-200{position:relative;border-bottom:1px solid #e5e5e5}input{width:100%;padding:1.375rem 1rem 1.375rem 4.25rem;font-size:1.125rem;background:transparent;border:none;outline:none;transition:background .2s ease}input:focus{background:#00000006}.w-6.h-6.rounded-full{width:1.5rem;height:1.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;position:absolute;left:1.25rem;top:50%;transform:translateY(-50%)}button.w-full.bg-black{background:#000;color:#fff;padding:1.375rem;font-size:1.25rem;font-weight:700;border-radius:1rem;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:background .2s ease}button:hover{background:#111}button:disabled{opacity:.65;cursor:not-allowed}.flex.justify-between.items-center{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}.grid.grid-cols-2.gap-4{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.bg-white.p-5.rounded-2xl.shadow{padding:1.5rem;border-radius:1rem;box-shadow:0 4px 12px #0000000f;text-align:center;transition:transform .2s ease}.bg-white.p-5.rounded-2xl.shadow:hover{transform:translateY(-4px)}.fixed.bottom-24{position:fixed;bottom:6rem;left:50%;transform:translate(-50%);z-index:20;background:#000000eb;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;font-weight:500;box-shadow:0 6px 20px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:.5rem}.w-2.h-2.bg-green-400.rounded-full.animate-pulse{width:.5rem;height:.5rem;background:#22c55e;border-radius:50%;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.6)}}@media(max-width:640px){header{padding:.875rem 1rem}main{padding:1.25rem 1rem 12rem}h2.text-3xl{font-size:1.875rem}input{font-size:1.1rem;padding:1.25rem 1rem 1.25rem 4rem}button.w-full{font-size:1.125rem;padding:1.25rem}.fixed.bottom-24{bottom:7.5rem;padding:.625rem 1.25rem;font-size:.8125rem}}@media(min-width:768px){main{max-width:520px}}.rider-live-container{background:linear-gradient(135deg,#0a0a0f,#1a0033)}.online-indicator{background:linear-gradient(135deg,#00ff6440,#00ff641a);border:1.5px solid rgba(0,255,100,.5);color:#0f8;padding:14px 24px;border-radius:50px;font-weight:800;box-shadow:0 0 40px #0f89}.content{z-index:10;text-align:center}.logo{font-weight:900;letter-spacing:-.12em;line-height:1;text-shadow:0 30px 60px rgba(0,0,0,.8)}@keyframes animate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes animate-gradient-slow{0%{background-position:0% 50%}to{background-position:200% 50%}}.animate-gradient{background-size:200% 200%;animation:animate-gradient 8s ease infinite}.animate-gradient-slow{background-size:300% 300%;animation:animate-gradient-slow 20s linear infinite}.tagline{font-weight:900;text-shadow:0 15px 40px rgba(0,0,0,.7)}.buttons{display:flex;flex-direction:row!important;gap:6rem;justify-content:center;align-items:center;margin-top:6rem;flex-wrap:wrap}.neo-btn{position:relative;padding:1.8rem 3rem;border-radius:28px;background:#ffffff17;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px);border:2px solid rgba(255,255,255,.18);overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);box-shadow:0 16px 40px #00000073,inset 0 10px 28px #ffffff14;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%;max-width:400px;min-height:100px}.neo-customer{background:linear-gradient(135deg,#22d3ee26,#3b82f614);border-color:#22d3ee66}.neo-customer .neo-icon,.neo-customer .neo-arrow{color:#22d3ee}.neo-customer .neo-text{background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.neo-rider{background:linear-gradient(135deg,#fb923c2e,#f973161a);border-color:#fb923c73}.neo-rider .neo-icon,.neo-rider .neo-arrow{color:#fb923c}.neo-rider .neo-text{background:linear-gradient(135deg,#fff,#fed7aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.neo-btn:before{content:"";position:absolute;inset:0;border-radius:28px;padding:2.5px;background:linear-gradient(135deg,#ffffff80,#ffffff26);pointer-events:none;opacity:0;transition:opacity .5s ease;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.neo-btn:hover:before{opacity:1}.neo-glow{position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(255,255,255,.35) 0%,transparent 70%);opacity:0;transition:opacity .8s ease}.neo-btn:hover .neo-glow{opacity:1}.neo-icon{width:64px;height:64px;flex-shrink:0;transition:all .5s}.neo-text{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;transition:all .5s}.neo-arrow{width:56px;height:56px;flex-shrink:0;transition:all .6s cubic-bezier(.23,1,.32,1)}.neo-btn:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 32px 80px #0000008c,0 0 60px #ff6b354d}.rider-dashboard-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.rider-dashboard-card{background:#ffffff1a;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:48px;border:1.5px solid rgba(255,255,255,.2);box-shadow:0 30px 80px #0009,0 20px 50px #ff6b354d,inset 0 2px 10px #ffffff1a;padding:4rem 3rem;max-width:560px;width:100%;text-align:center;position:relative;z-index:10}.dashboard-header h1{background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.status-text.success{color:#86efac!important;font-weight:600}.status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:280px}.status-badge:hover{transform:translateY(-2px)}.rider-live-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#0a0a0f,#1a0033);padding:2rem}.rider-live-card{background:#ffffff1c;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:56px;border:1.8px solid rgba(255,255,255,.2);box-shadow:0 30px 80px #0009,0 20px 50px #ff6b3559,inset 0 3px 12px #ffffff2e;padding:4rem 3rem;max-width:560px;width:94%;text-align:center;position:relative;z-index:10;overflow:hidden}.rider-live-card .relative>div:first-child{position:relative;width:128px;height:128px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .7s cubic-bezier(.4,0,.2,1)}.rider-live-card .relative>div:first-child:before{content:"";position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.4) 0%,transparent 70%);opacity:0;transition:opacity .7s;animation:pulseGlow 3s infinite}.rider-live-card .relative>div:first-child.offline:before{background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%)}.rider-live-card .relative>div:first-child.online:before{opacity:1}.rider-live-card .bg-green-500\/20{background:#22c55e33;border-color:#22c55e99!important}.rider-live-card .bg-green-400{background:#22c55e;box-shadow:0 0 60px #22c55ecc}.rider-live-card .bg-red-500\/20{background:#ef444433;border-color:#ef444499!important}.rider-live-card .bg-red-400{background:#ef4444;box-shadow:0 0 60px #ef4444cc}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.rider-live-card .hero-bike{filter:drop-shadow(0 0 40px rgba(251,146,60,.6))}.rider-live-card .from-emerald-500{background:linear-gradient(135deg,#10b981e6,#22c55ecc,#34d399e6)!important;border:1px solid rgba(52,211,153,.4)}.rider-live-card .bg-white\/10{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rider-live-card button[class*=from-red]{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);box-shadow:0 20px 40px #dc262666,0 0 40px #dc26264d;font-weight:800;letter-spacing:.5px}.rider-live-card button[class*=from-red]:hover{background:linear-gradient(135deg,#b91c1c,#991b1b,#7f1d1d);transform:translateY(-4px);box-shadow:0 30px 60px #dc262680}.rider-live-card .bg-black\/30{background:#0000004d;border:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.rider-live-card{padding:3rem 2rem;border-radius:48px}.rider-live-card h1{font-size:3.2rem!important}.rider-live-card .w-32.h-32{width:100px!important;height:100px!important}.rider-live-card .w-20.h-20{width:64px!important;height:64px!important}}.logout-btn-global{position:fixed!important;top:1.5rem;right:1.5rem;z-index:9999;background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.2);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #0006,0 0 40px #ff6b3533;transition:all .4s cubic-bezier(.4,0,.2,1)}.logout-btn-global:hover{background:#ffffff38;transform:translateY(-4px) scale(1.08);box-shadow:0 20px 40px #00000080,0 0 60px #ff6b3559;border-color:#ff6b3566}.logout-btn-global:active{transform:translateY(-2px) scale(1.02)}.logout-btn-global svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}@media(max-width:640px){.logout-btn-global{top:1rem;right:1rem;width:56px;height:56px}.logout-btn-global svg{width:24px;height:24px}}.customer-home-container{background:#000}.customer-order-card{background:#ffffff29;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:48px;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 30px 80px #000000b3,0 0 60px #22d3ee4d}.customer-home-container{background:#000;position:relative}.customer-order-card{background:#ffffff1f;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:48px;border:1.8px solid rgba(255,255,255,.25);box-shadow:0 30px 80px #000000b3,0 0 60px #22d3ee59,inset 0 4px 16px #ffffff1a;padding:2.5rem;max-width:520px;margin:0 auto}.customer-order-card>div{background:#ffffff14;border-radius:40px;border:1.5px solid rgba(255,255,255,.2);padding:2rem;box-shadow:inset 0 4px 20px #0000004d}.customer-order-card h1{font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,#fff,#a5f3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em}.customer-order-card input{width:100%;padding:1.6rem 1.5rem 1.6rem 4.2rem;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);border-radius:28px;color:#fff;font-size:1.1rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 4px 12px #0000004d}.customer-order-card input::placeholder{color:#ffffff80}.customer-order-card input:focus{outline:none;background:#ffffff2e;border-color:#22d3ee;box-shadow:0 0 0 5px #22d3ee4d,0 0 40px #22d3ee66,inset 0 4px 12px #0003;transform:translateY(-4px)}.customer-order-card .absolute.left-5{z-index:10;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.customer-order-card .text-cyan-200{font-weight:700;letter-spacing:.5px}.customer-order-card button{background:linear-gradient(135deg,#22d3ee,#3b82f6,#06b6d4);box-shadow:0 20px 50px #22d3ee80,0 0 60px #22d3ee66;font-weight:900;letter-spacing:1px;position:relative;overflow:hidden}.customer-order-card button:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 30px 70px #22d3ee99,0 0 80px #22d3ee80}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 2s cubic-bezier(0,0,.2,1) infinite}@media(max-width:640px){.customer-order-card{margin:1rem;padding:1.5rem;border-radius:40px}.customer-order-card>div{padding:1.5rem;border-radius:36px}.customer-order-card h1{font-size:2.8rem!important}.customer-order-card input{padding:1.4rem 1.2rem 1.4rem 4rem;font-size:1rem}.customer-order-card button{padding:1.4rem!important;font-size:1.4rem!important}}.customer-order-card button{width:100%;padding:1.8rem;margin-top:1rem;border:none;border-radius:36px;background:linear-gradient(135deg,#ff6b35,#f7931e 48%,#ff8c42);color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:.8px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 25px 60px #ff6b358c,0 0 40px #ff6b3559;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;justify-content:center;gap:20px}.customer-order-card button:hover{transform:translateY(-12px) scale(1.04);box-shadow:0 35px 80px #ff6b35a6,0 0 60px #ff6b3573}.customer-order-card button:active{transform:translateY(-6px) scale(1.02)}.customer-order-card button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .9s}.customer-order-card button:hover:after{left:100%}.customer-order-card button svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}@media(max-width:640px){.customer-order-card button{padding:1.6rem;font-size:1.4rem}}.order-popup-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#000c;padding:1rem}.order-popup-card{background:linear-gradient(to bottom right,#6d28d9e6,#1e40afe6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.5rem;padding:2rem;max-width:28rem;width:100%;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.2);animation:popupSpring .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes popupSpring{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.order-popup-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.order-popup-icon-circle{width:5rem;height:5rem;background-color:#facc1533;border-radius:9999px;display:flex;align-items:center;justify-content:center}.order-popup-title{font-size:2.5rem;font-weight:900;color:#fff;text-align:center;margin-bottom:2rem}.order-popup-details{background-color:#ffffff1a;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.order-popup-detail-row{display:flex;justify-content:space-between;color:#fff;margin-bottom:1rem}.order-popup-detail-row:last-child{margin-bottom:0}.order-popup-detail-label{font-weight:600;opacity:.9}.order-popup-detail-value{text-align:right;max-width:60%;word-break:break-word}.order-popup-fee{text-align:center;margin-bottom:2.5rem}.order-popup-fee-amount{font-size:1.875rem;font-weight:900;color:#86efac}.order-popup-fee-label{color:#86efac;opacity:.9;font-size:.875rem;margin-top:.25rem}.order-popup-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.order-popup-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;font-size:1.25rem;font-weight:700;color:#fff;border:none;border-radius:1rem;cursor:pointer;box-shadow:0 10px 25px -5px #0000004d;transition:all .2s}.order-popup-btn:hover{transform:scale(1.05)}.order-popup-btn:active{transform:scale(.95)}.order-popup-btn-accept{background:linear-gradient(to right,#22c55e,#10b981);box-shadow:0 10px 25px -5px #22c55e4d}.order-popup-btn-reject{background:linear-gradient(to right,#ef4444,#ec4899);box-shadow:0 10px 25px -5px #ef44444d}.customer-order-card input:focus{background:#ffffff38;border-color:#22d3ee;box-shadow:0 0 30px #22d3ee66}@media(max-width:640px){.rider-dashboard-card{padding:3rem 2rem;border-radius:38px}.dashboard-header h1{font-size:2.8rem!important}}@media(max-width:1024px){.buttons{gap:4.5rem}}@media(max-width:768px){.buttons{flex-direction:column!important;gap:3.5rem}.neo-btn{padding:2rem 2.5rem;border-radius:24px}}@media(max-width:480px){.neo-btn{padding:2.2rem 2rem;max-width:340px}.neo-text{font-size:1.6rem}}@media(max-width:768px){.rider-login-card,.signup-wrapper,.customer-signup-wrapper,.rider-dashboard-card,.customer-home-card{padding:3.5rem 2.5rem;border-radius:48px;margin:1.5rem}h1{font-size:2.8rem}.login-btn,.submit-btn{font-size:1.4rem;padding:1.6rem}}@media(max-width:480px){.rider-login-card,.signup-wrapper{padding:3rem 2rem;border-radius:40px}h1{font-size:2.5rem}}.min-h-screen.bg-gray-50{background:#f8fafc}header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}header h1{font-weight:700;color:#111827}header .text-gray-600{color:#4b5563}main{padding:2rem 1rem 6rem;max-width:480px;margin:0 auto}@media(min-width:640px){main{padding:3rem 2rem 8rem}}.bg-white.rounded-2xl.shadow-sm.border.border-gray-200{border-radius:1rem;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}input{font-size:1.125rem;padding:1.25rem 1rem 1.25rem 3.5rem;border:none;background:transparent;transition:background-color .2s}input:focus{background:#f1f5f9;outline:none}.w-8.h-8{width:2rem;height:2rem}.bg-green-100{background-color:#dcfce7}.bg-red-100{background-color:#fee2e2}.bg-blue-100{background-color:#dbeafe}.text-green-600{color:#16a34a}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}button.w-full.bg-black{background:#111827;color:#fff;font-size:1.125rem;font-weight:600;padding:1.25rem;border-radius:.75rem;transition:background-color .2s}button:hover:not(:disabled){background:#1f2937}.grid.grid-cols-2.gap-4{margin-top:2.5rem}.bg-white.p-6.rounded-2xl.shadow-sm.border.border-gray-200{padding:1.5rem;border-radius:1rem;transition:box-shadow .2s}.bg-white.p-6.rounded-2xl.shadow-sm.border.border-gray-200:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.fixed.bottom-6.left-6{bottom:5.5rem}.bg-white.shadow-lg.px-5.py-3.rounded-full{padding:.75rem 1.25rem;font-size:.875rem;border:1px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.fixed.bottom-6.right-6.z-50{bottom:1.5rem;right:1.5rem;z-index:50}.fixed.bottom-6.right-6 button{width:3.75rem;height:3.75rem;background:#065f46;color:#fff;border-radius:9999px;box-shadow:0 10px 25px #00000040;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.fixed.bottom-6.right-6 button:hover{transform:scale(1.1);background:#047857;box-shadow:0 15px 35px #065f4659}.fixed.bottom-6.right-6 button:active{transform:scale(.96)}.fixed.bottom-6.right-6 button .bg-red-500{position:absolute;top:-.25rem;right:-.25rem;min-width:1.5rem;height:1.5rem;background:#ef4444;color:#fff;font-size:.75rem;font-weight:700;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0 .35rem;box-shadow:0 2px 6px #ef444466;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:480px){.fixed.bottom-6.right-6{bottom:1.25rem;right:1.25rem}.fixed.bottom-6.right-6 button{width:3.5rem;height:3.5rem}main{padding-bottom:7rem}}@media(min-width:640px){.fixed.bottom-6.right-6 button{width:4rem;height:4rem}}