body{background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif}.hero h1{color:#2563eb;font-size:50px}.hero p{color:#555;margin-top:20px;font-size:20px}.hero-buttons{margin-top:35px}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-right:15px;padding:14px 28px}.secondary-btn{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:8px;padding:14px 28px}.hero{text-align:center;background:#f8fafc;padding:100px 20px}.hero h1{color:#2563eb;margin-bottom:20px;font-size:52px}.hero p{color:#555;margin-bottom:35px;font-size:22px}.hero-buttons{justify-content:center;gap:20px;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:15px 35px;font-size:18px}.secondary-btn{color:#2563eb;cursor:pointer;background:#fff;border:2px solid #2563eb;border-radius:8px;padding:15px 35px;font-size:18px}.primary-btn:hover{background:#1d4ed8}.secondary-btn:hover{color:#fff;background:#2563eb}.navbar{z-index:1000;background:#fff;width:100%;height:76px;position:fixed;top:0;left:0;box-shadow:0 2px 10px #00000014}.navbar-container{justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:1400px;min-height:76px;margin:0 auto;padding:0 50px;display:flex}.logo{flex-shrink:0;align-items:center;height:76px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;display:block;width:auto!important;max-width:190px!important;height:78px!important}.nav-links{flex:1;justify-content:center;align-items:center;gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{margin:0;padding:0}.nav-links a{color:#333;white-space:nowrap;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s,transform .2s}.nav-links a:hover{color:#2563eb}.nav-auth{flex-shrink:0;align-items:center;gap:14px;display:flex}.login-link{color:#333;white-space:nowrap;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s}.login-link:hover{color:#2563eb}.register-btn{color:#fff;white-space:nowrap;background:#2563eb;border-radius:8px;justify-content:center;align-items:center;padding:11px 22px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.register-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.account-menu-wrapper{position:relative}.account-icon-btn{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px solid #dbe3f0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0;padding:0;font-size:20px;line-height:1;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.account-icon-btn:hover{background:#eff6ff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb26}.account-icon-btn:focus{outline:none}.account-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:260px;padding:8px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 12px 30px #0000001f}.account-header{align-items:center;gap:12px;padding:12px 10px;display:flex}.account-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;display:flex}.account-user-info{flex-direction:column;min-width:0;display:flex}.account-user-info strong{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.account-user-info span{color:#6b7280;margin-top:3px;font-size:13px;font-weight:500}.account-divider{background:#eee;height:1px;margin:6px 4px}.account-menu-item{color:#333;border-radius:9px;align-items:center;gap:11px;width:100%;padding:11px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex}.account-menu-item span{justify-content:center;align-items:center;width:22px;font-size:16px;display:flex}.account-menu-item:hover{color:#2563eb;background:#f1f5ff}.account-logout-btn{color:#dc2626;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:11px;width:100%;padding:11px 10px;font-family:inherit;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:flex}.account-logout-btn span{justify-content:center;align-items:center;width:22px;font-size:16px;display:flex}.account-logout-btn:hover{color:#b91c1c;background:#fef2f2}.menu-toggle{cursor:pointer;color:#222;background:0 0;border:none;padding:8px;font-size:28px;line-height:1;display:none}.mobile-menu{display:none}@media (width<=1050px){.navbar{height:76px}.navbar-container{padding:0 30px}.nav-links{gap:20px}.nav-links a,.login-link{font-size:15px}.register-btn{padding:10px 17px;font-size:15px}.brand-logo{max-width:165px!important}}@media (width<=768px){.navbar{height:68px}.navbar-container{min-height:68px;padding:0 18px}.logo{height:68px}.brand-logo{max-width:150px!important;height:64px!important}.nav-links,.nav-auth{display:none}.menu-toggle{display:block}.mobile-menu{background:#fff;border-top:1px solid #eee;flex-direction:column;gap:0;width:100%;max-height:0;transition:max-height .3s,padding .3s;display:flex;overflow:hidden}.mobile-menu-open{max-height:600px;padding:8px 18px 18px;box-shadow:0 10px 20px #00000014}.mobile-menu a{color:#333;border-bottom:1px solid #f0f0f0;padding:14px 10px;font-size:16px;font-weight:500;text-decoration:none;display:block}.mobile-menu a:hover{color:#2563eb}.mobile-register-btn{text-align:center;background:#2563eb;border-radius:8px;margin-top:12px;color:#fff!important;border:none!important}.mobile-register-btn:hover{background:#1d4ed8}.mobile-account-header{border-bottom:1px solid #eee;align-items:center;gap:12px;padding:14px 10px;display:flex}.mobile-account-header .account-avatar{border-radius:50%;width:42px;height:42px}.mobile-account-header .account-user-info{flex-direction:column;display:flex}.mobile-logout-btn{color:#dc2626;text-align:center;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;width:100%;margin-top:12px;padding:13px 10px;font-family:inherit;font-size:16px;font-weight:500}.mobile-logout-btn:hover{background:#fee2e2}}@media (width<=420px){.navbar{height:64px}.navbar-container{min-height:64px;padding:0 14px}.logo{height:64px}.brand-logo{max-width:135px!important;height:58px!important}.menu-toggle{font-size:26px}}@media (width<=992px){.search-section{width:92%;margin-bottom:65px}.search-card{padding:30px}.ride-grid{grid-template-columns:1fr}}@media (width<=768px){.search-section{width:94%;margin-bottom:45px}.search-card{border-radius:18px;padding:22px 18px}.search-heading h2{font-size:24px}.search-heading p{font-size:13px}.field input,.field select{min-height:46px;font-size:13px}.search-btn{width:auto;min-width:135px;padding:10px 18px;font-size:13px}.results-heading{flex-direction:column;align-items:flex-start;gap:5px}.results-heading h3{font-size:21px}.ride-card{padding:18px}.booking-form{padding:20px 16px}.booking-fields,.booking-type-options,.booking-info{grid-template-columns:1fr}.car-seat-layout{padding:13px}.seat{width:60px;height:54px}.driver-seat{width:62px;height:56px}.aisle{width:16px}}@media (width<=420px){.search-section{width:94%}.search-card{padding:19px 15px}.search-heading h2{font-size:22px}.search-heading p{font-size:12px}.field input,.field select{min-height:44px;font-size:12px}.search-btn{min-width:125px;padding:9px 15px;font-size:12px}.ride-header h4{font-size:16px}.ride-price{font-size:17px}.ride-details{flex-direction:column;gap:7px}.car-seat-layout{border-radius:22px;padding:10px}.seat{width:53px;height:50px}.driver-seat{width:56px;height:52px;font-size:9px}.seat-number{font-size:11px}.seat-type{font-size:7px}.aisle{width:10px}.seat-legend{gap:9px}.trip-options{grid-template-columns:1fr}}:is(html:has(.ticket-overlay),body:has(.ticket-overlay)){overflow:hidden!important}.ticket-overlay{-webkit-backdrop-filter:blur(3px);z-index:2147483647!important;box-sizing:border-box!important;background:#000000b8!important;justify-content:center!important;align-items:flex-start!important;width:100vw!important;height:100dvh!important;padding:12px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.ticket-card{z-index:2147483647!important;box-sizing:border-box!important;color:#111827!important;opacity:1!important;visibility:visible!important;background:#fff!important;border-radius:22px!important;width:min(900px,100vw - 24px)!important;max-width:900px!important;margin:0 auto!important;position:relative!important;overflow:hidden!important;box-shadow:0 24px 70px #00000059!important}.ticket-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.ticket-brand{letter-spacing:1px;font-size:28px;font-weight:900;display:block}.ticket-header h3{color:#fff;margin:3px 0 0;font-size:18px}.ticket-close-btn{color:#1d4ed8!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;background:#fff!important;border:0!important;border-radius:50%!important;flex:0 0 40px!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;padding:0!important;font-size:28px!important;line-height:1!important;display:flex!important}.ticket-status{text-align:center;border-radius:10px;margin:16px 24px 10px;padding:10px 14px;font-size:13px;font-weight:800}.ticket-status.confirmed{color:#166534;background:#dcfce7}.ticket-status.cancelled{color:#991b1b;background:#fee2e2}.ticket-number{border-bottom:1px dashed #d1d5db;justify-content:space-between;align-items:center;gap:15px;margin:0 24px;padding:12px 0;display:flex}.ticket-number span{color:#6b7280;font-size:13px}.ticket-number strong{text-align:right;overflow-wrap:anywhere;font-size:13px}.ticket-route{box-sizing:border-box;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;margin:18px 24px;padding:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;display:grid!important}.ticket-route>div{min-width:0}.ticket-route>div:last-child{text-align:right}.ticket-route small{color:#6b7280;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.ticket-route strong{overflow-wrap:anywhere;font-size:16px;line-height:1.25;display:block}.ticket-route span{color:#6b7280;overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.ticket-route-arrow{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex}.ticket-details-grid{gap:10px;margin:0 24px 18px;grid-template-columns:repeat(3,minmax(0,1fr))!important;display:grid!important}.ticket-detail{box-sizing:border-box;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px 10px}.ticket-detail-icon{margin-bottom:3px;display:block}.ticket-detail small{color:#6b7280;font-size:10px;font-weight:700;display:block}.ticket-detail strong{overflow-wrap:anywhere;margin-top:4px;font-size:12px;display:block}.ticket-section{margin:0 24px 16px}.ticket-section h4{margin:0 0 9px;font-size:14px}.ticket-passenger{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important;display:grid!important}.ticket-passenger>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:11px 12px}.ticket-passenger span{color:#6b7280;margin-bottom:4px;font-size:10px;display:block}.ticket-passenger strong{overflow-wrap:anywhere;font-size:12px;display:block}.ticket-seat-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.ticket-seat-box>div{min-width:0}.ticket-seat-box strong{color:#1e3a8a;font-size:13px;display:block}.ticket-seat-box small{color:#64748b;margin-top:3px;font-size:11px;display:block}.ticket-trip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}.ticket-total{border-top:2px dashed #d1d5db;border-bottom:2px dashed #d1d5db;margin:18px 24px 0;padding:15px 0}.ticket-total>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.ticket-total span{color:#4b5563;font-size:14px;font-weight:700}.ticket-total strong{color:#16a34a;font-size:24px;font-weight:900}.ticket-footer{text-align:center;padding:14px 24px 18px}.ticket-footer p{color:#6b7280;margin:0 0 5px;font-size:11px}.ticket-footer span{color:#2563eb;font-size:11px;font-weight:700}.ticket-otp-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;display:flex}.ticket-otp-box>div{min-width:0}.ticket-otp-box span{color:#1e3a8a;font-size:12px;font-weight:700;display:block}.ticket-otp-box small{color:#64748b;margin-top:5px;font-size:10px;display:block}.ticket-otp-box>strong{color:#fff;letter-spacing:3px;background:#2563eb;border-radius:9px;flex:none;padding:8px 13px;font-size:20px}@media (width<=600px){.ticket-overlay{padding:6px!important}.ticket-card{border-radius:14px!important;width:calc(100vw - 12px)!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;margin:0 auto!important;overflow-y:auto!important}.ticket-header{padding:11px 12px}.ticket-brand{font-size:21px}.ticket-header h3{font-size:14px}.ticket-close-btn{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:22px!important}.ticket-status{margin:10px 14px 7px;padding:8px 9px;font-size:10px}.ticket-number{margin:0 14px;padding:9px 0}.ticket-number span,.ticket-number strong{font-size:10px}.ticket-route{gap:7px;margin:12px 14px;padding:11px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr)!important}.ticket-route small{font-size:8px}.ticket-route strong{font-size:11px}.ticket-route span{font-size:8px}.ticket-route-arrow{width:28px;height:28px;font-size:13px}.ticket-details-grid{gap:5px;margin:0 14px 11px;grid-template-columns:repeat(3,minmax(0,1fr))!important}.ticket-detail{border-radius:8px;padding:8px 6px}.ticket-detail small{font-size:8px}.ticket-detail strong{font-size:9px}.ticket-section{margin:0 14px 10px}.ticket-section h4{font-size:11px}.ticket-passenger{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.ticket-passenger>div{padding:8px}.ticket-passenger span{font-size:8px}.ticket-passenger strong{font-size:9px}.ticket-total{margin:11px 14px 0;padding:10px 0}.ticket-total span{font-size:11px}.ticket-total strong{font-size:18px}.ticket-footer{padding:10px 14px 13px}.ticket-otp-box{gap:9px;padding:10px}.ticket-otp-box span{font-size:9px}.ticket-otp-box small{font-size:8px}.ticket-otp-box>strong{letter-spacing:2px;padding:6px 8px;font-size:14px}}@media (width<=360px){.ticket-overlay{padding:4px!important}.ticket-card{width:calc(100vw - 8px)!important}.ticket-route,.ticket-details-grid,.ticket-section,.ticket-total{margin-left:10px;margin-right:10px}}.ticket-otp-used{background:#ecfdf3!important;border-color:#b7ebc6!important}.ticket-otp-used strong{white-space:nowrap;color:#027a48!important}.rides-section{box-sizing:border-box;background:#fff;width:100%;padding:55px 20px}.rides-container{box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto}.rides-heading{margin-bottom:28px}.rides-heading h2{color:#292929;margin:0;font-size:32px;font-weight:700}.rides-line{background:#fbbd00;width:58px;height:3px;margin-top:8px}.rides-heading p{color:#888;margin:12px 0 0;font-size:13px}.rides-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;display:grid}.ride-card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;width:100%;min-width:0;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 25px #0000000f}.ride-image-wrapper{background:#f1f1f1;width:100%;height:175px;position:relative;overflow:hidden}.ride-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.ride-card:hover .ride-image{transform:scale(1.04)}.ride-badge{color:#16a34a;background:#fff;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 3px 10px #0000001f}.ride-content{padding:18px}.ride-title-row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ride-title-row h3{color:#292929;margin:0 0 5px;font-size:16px;font-weight:700;line-height:1.3}.driver{color:#888;margin:0;font-size:11px}.ride-fare{color:#2563eb;text-align:right;flex-shrink:0;font-size:18px;font-weight:800}.ride-fare small{color:#999;font-size:9px;font-weight:400;display:block}.ride-route{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:12px;display:flex}.route-icon{border:2px solid #2563eb;border-radius:50%;flex-shrink:0;width:9px;height:9px}.ride-route div{flex-direction:column;min-width:0;display:flex}.ride-route small{color:#999;margin-bottom:3px;font-size:9px}.ride-route strong{color:#444;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.ride-info{color:#777;justify-content:space-between;gap:8px;margin-top:15px;font-size:10px;display:flex}.ride-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding-top:14px;display:flex}.ride-status{color:#16a34a;align-items:center;gap:5px;font-size:9px;font-weight:600;display:flex}.ride-status span{background:#16a34a;border-radius:50%;width:6px;height:6px}.book-now-btn{color:#222;cursor:pointer;background:#fbbd00;border:none;border-radius:6px;padding:9px 15px;font-size:11px;font-weight:700;transition:all .2s}.book-now-btn:hover{background:#f3b500;transform:translateY(-1px)}@media (width<=900px){.rides-section{padding:50px 20px}.rides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.rides-section{padding:42px 16px}.rides-heading h2{font-size:28px}.rides-heading p{font-size:12px}.rides-grid{grid-template-columns:1fr;gap:16px}.ride-image-wrapper{height:190px}.ride-content{padding:16px}}@media (width<=400px){.ride-image-wrapper{height:175px}.ride-title-row h3{font-size:15px}.ride-fare{font-size:16px}.book-now-btn{padding:8px 12px}}.no-rides{text-align:center;box-sizing:border-box;background:#fff;border:1px solid #eee;border-radius:12px;width:100%;max-width:600px;margin:10px auto 0;padding:35px 25px}.no-rides-icon{margin-bottom:10px;font-size:38px}.no-rides h3{color:#333;margin:0 0 8px;font-size:18px;font-weight:700}.no-rides p{color:#999;margin:0;font-size:13px;line-height:1.6}@media (width<=520px){.no-rides{padding:28px 18px}.no-rides h3{font-size:16px}.no-rides p{font-size:12px}}.how-section{box-sizing:border-box;background:#f8f8f8;width:100%;padding:50px 20px}.how-container{box-sizing:border-box;width:100%;max-width:1050px;margin:0 auto}.how-heading{margin-bottom:28px}.how-heading h2{color:#292929;margin:0;font-size:32px;font-weight:700}.how-line{background:#fbbd00;width:58px;height:3px;margin-top:8px}.how-heading p{color:#888;margin:11px 0 0;font-size:13px}.how-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;display:grid}.how-card{box-sizing:border-box;background:#fff;border:1px solid #e8e8e8;border-radius:10px;width:100%;min-width:0;padding:22px 20px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 7px 22px #0000000a}.how-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.step-top{align-items:center;margin-bottom:17px;display:flex;position:relative}.step-number{color:#d99f00;background:#fff5cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:flex}.step-connector{background:#e5e5e5;flex:1;height:1px;margin-left:10px}.step-content h3{color:#333;margin:0 0 9px;font-size:16px;font-weight:700;line-height:1.3}.step-content p{color:#888;margin:0;font-size:12px;line-height:1.65}@media (width<=900px){.how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-connector{display:none}}@media (width<=600px){.how-section{padding:42px 16px}.how-heading h2{font-size:28px}.how-heading p{font-size:12px}.how-grid{grid-template-columns:1fr;gap:12px}.how-card{padding:19px}.step-top{margin-bottom:13px}.step-number{width:40px;height:40px}.step-content h3{font-size:15px}.step-content p{font-size:11px}}@media (width<=400px){.how-section{padding:38px 14px}.how-heading h2{font-size:26px}.how-card{padding:17px}}.ridzo-footer{color:#fff;background:#111827;width:100%;margin-top:60px}.footer-container{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:45px;width:90%;max-width:1200px;margin:0 auto;padding:55px 0 45px;display:grid}.footer-brand h2{color:#fbbd00;margin:0 0 15px;font-size:28px;font-weight:800}.footer-brand p{color:#cbd5e1;max-width:260px;margin:0;font-size:14px;line-height:1.7}.footer-column{flex-direction:column;display:flex}.footer-column h3{color:#fff;margin:0 0 18px;font-size:16px;font-weight:700}.footer-column a{color:#cbd5e1;width:fit-content;margin-bottom:11px;font-size:13px;text-decoration:none;transition:color .2s,transform .2s}.footer-column a:hover{color:#fbbd00;transform:translate(3px)}.social-column{align-items:flex-start}.social-icons{align-items:center;gap:12px;margin-bottom:16px;display:flex}.social-icons a{color:#111827;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;margin:0;padding:0;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.social-icons a:hover{color:#111827;background:#fbbd00;transform:translateY(-3px)}.social-svg{flex-shrink:0;width:22px;height:22px;display:block}.facebook-svg{width:24px;height:24px}.social-icons a span{justify-content:center;align-items:center;line-height:1;display:flex}.social-text{color:#9ca3af;max-width:210px;margin:0;font-size:12px;line-height:1.6}.footer-bottom{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:20px;width:90%;max-width:1200px;margin:0 auto;padding:20px 0;display:flex}.footer-bottom p{color:#9ca3af;margin:0;font-size:12px}.footer-bottom-links{gap:20px;display:flex}.footer-bottom-links a{color:#9ca3af;font-size:12px;text-decoration:none;transition:color .2s}.footer-bottom-links a:hover{color:#fbbd00}@media (width<=900px){.footer-container{grid-template-columns:repeat(2,1fr);gap:35px}}@media (width<=600px){.footer-container{grid-template-columns:1fr;gap:30px;width:90%;padding:45px 0 35px}.footer-brand p{max-width:300px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;width:90%}.footer-bottom-links{flex-wrap:wrap;gap:14px}}@media (width<=420px){.ridzo-footer{margin-top:40px}.footer-container{padding:40px 0 30px}.footer-brand h2{font-size:25px}.footer-column h3{font-size:15px}.footer-column a{font-size:12px}.social-icons a{width:40px;height:40px}.social-svg{width:21px;height:21px}.facebook-svg{width:23px;height:23px}.footer-bottom{padding:18px 0}}.login-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.login-container{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;max-width:360px;padding:28px 30px;box-shadow:0 4px 14px #00000014}.login-container h1{text-align:center;color:#1f2937;margin:0 0 24px;font-size:26px;font-weight:600}.login-container form{flex-direction:column;gap:14px;display:flex}.login-container input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #b8c0cc;border-radius:6px;outline:none;width:100%;padding:12px 13px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-container input::placeholder{color:#8a93a1}.login-container input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.forgot-password-link{cursor:pointer;text-align:left;align-self:flex-start;transition:color .2s;color:#2563eb!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:-2px 0 2px!important;padding:0!important;font-size:13px!important;font-weight:500!important}.forgot-password-link:hover{text-decoration:underline;color:#1d4ed8!important;background:0 0!important}.login-container form>button[type=submit]{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #1d4ed8;border-radius:6px;width:100%;margin-top:4px;padding:12px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.login-container form>button[type=submit]:hover{background:#1d4ed8;transform:translateY(-1px)}.login-container form>button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-signup-section{text-align:center;border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:9px;margin-top:24px;padding-top:20px;display:flex}.login-signup-section span{color:#6b7280;font-size:13px}.login-signup-link{cursor:pointer;transition:background .2s,border-color .2s,color .2s;color:#2563eb!important;box-shadow:none!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;margin:0!important;padding:8px 16px!important;font-size:13px!important;font-weight:600!important}.login-signup-link:hover{color:#1d4ed8!important;background:#f8fafc!important;border-color:#2563eb!important}@media (width<=480px){.login-page{padding:30px 16px}.login-container{max-width:100%;padding:25px 22px}.login-container h1{font-size:24px}}.driver-register-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:50px 20px;display:flex}.driver-register-container{background:#fff;border-radius:18px;width:100%;max-width:650px;padding:40px;box-shadow:0 10px 35px #0000001a}.driver-register-container h1{text-align:center;color:#1f2937;margin-bottom:30px;font-size:32px}.driver-register-container form{flex-direction:column;gap:16px;display:flex}.driver-register-container input[type=text],.driver-register-container input[type=tel],.driver-register-container input[type=email],.driver-register-container input[type=password]{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:13px 15px;font-size:16px}.driver-register-container input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.driver-register-container label{color:#374151;margin-top:5px;font-size:15px;font-weight:600}.driver-register-container input[type=file]{box-sizing:border-box;cursor:pointer;background:#f9fafb;border:1px dashed #9ca3af;border-radius:8px;width:100%;padding:10px}.driver-register-container button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;margin-top:12px;padding:14px;font-size:17px;font-weight:600;transition:background .2s}.driver-register-container button:hover{background:#1d4ed8}.dashboard-page{background:#f5f7fb;min-height:100vh}.dashboard-navbar{background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 6%;display:flex;box-shadow:0 2px 12px #00000014}.dashboard-logo{color:#111827;cursor:pointer;font-size:28px;font-weight:800}.dashboard-nav-right{align-items:center;gap:15px;display:flex}.dashboard-nav-right button{cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:15px;font-weight:600}.logout-button{color:#fff;border-radius:8px;background:#111827!important}.dashboard-content{width:90%;max-width:1200px;margin:0 auto;padding:40px 0 60px}.welcome-card{background:#fff;border-radius:18px;margin-bottom:35px;padding:35px;box-shadow:0 8px 30px #00000012}.welcome-small{color:#6b7280;margin:0 0 8px;font-size:15px}.welcome-card h1{color:#111827;margin:0 0 8px;font-size:32px}.welcome-card p{color:#6b7280;margin:0;font-size:16px}.dashboard-section{margin-bottom:35px}.dashboard-section h2{color:#111827;margin-bottom:18px;font-size:22px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.action-card{text-align:left;cursor:pointer;background:#fff;border:none;border-radius:15px;align-items:center;gap:18px;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 20px #0000000f}.action-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.action-icon{font-size:32px}.action-card h3{color:#111827;margin:0 0 6px;font-size:17px}.action-card p{color:#6b7280;margin:0;font-size:14px}.profile-card{background:#fff;border-radius:15px;padding:10px 25px;box-shadow:0 6px 20px #0000000f}.profile-row{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.profile-row:last-child{border-bottom:none}.profile-row span{color:#6b7280}.profile-row strong{color:#111827}.empty-bookings{text-align:center;background:#fff;border-radius:15px;padding:45px 25px;box-shadow:0 6px 20px #0000000f}.empty-icon{margin-bottom:10px;font-size:45px}.empty-bookings h3{color:#111827;margin:8px 0}.empty-bookings p{color:#6b7280;margin-bottom:20px}.empty-bookings button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:12px 22px;font-weight:600}.dashboard-loading{color:#555;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}@media (width<=800px){.quick-actions{grid-template-columns:1fr}.dashboard-navbar{padding:0 4%}.dashboard-content{width:92%}.welcome-card h1{font-size:26px}}@media (width<=500px){.dashboard-nav-right button:first-child{display:none}.dashboard-logo{font-size:24px}.profile-row{flex-direction:column;align-items:flex-start;gap:5px}}.search-section{z-index:10;width:90%;max-width:1200px;margin:0 auto 80px;position:relative}.search-container{width:100%}.search-heading{text-align:center;margin-bottom:28px}.search-heading h2{color:#2563eb;letter-spacing:-.5px;margin:0 0 8px;font-size:30px;font-weight:800}.search-line{background:#2563eb;border-radius:10px;width:65px;height:4px;margin:0 auto 12px}.search-heading p{color:#6b7280;max-width:650px;margin:0 auto;font-size:14px;line-height:1.6}.search-card{background:#fff;border:1px solid #2563eb14;border-radius:22px;padding:36px 40px;box-shadow:0 18px 50px #0000001f}.field{flex-direction:column;margin-bottom:18px;display:flex}.field label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600}.input-wrap{width:100%;position:relative}.field input,.field select{box-sizing:border-box;color:#333;background:#fff;border:1.5px solid #e2e5ea;border-radius:10px;outline:none;width:100%;min-height:50px;padding:0 15px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#9ca3af}.field input:focus,.field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.readonly{cursor:not-allowed;color:#6b7280!important;background:#f5f6f8!important}.location-dot{z-index:2;pointer-events:none;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.pickup-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.drop-dot{background:#ef4444;box-shadow:0 0 0 4px #ef44441f}.input-wrap select,.input-wrap input{padding-left:40px}.date-icon{z-index:2;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input[type=date]{padding-left:40px}.search-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;width:180px;margin:24px auto 0;padding:12px 22px;font-size:15px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:block;box-shadow:0 7px 18px #2563eb33}.search-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 24px #2563eb47}.search-btn:active{transform:scale(.98)}.ride-results{margin-top:45px}.results-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.results-heading h3{color:#111827;margin:0;font-size:24px;font-weight:800}.results-heading span{color:#6b7280;font-size:14px}.ride-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.ride-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px #00000012}.ride-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0000001a}.ride-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.ride-header h4{color:#111827;margin:0 0 6px;font-size:18px;font-weight:800}.car-name{color:#6b7280;margin:0;font-size:13px}.ride-price{color:#2563eb;white-space:nowrap;font-size:20px;font-weight:800}.ride-route{align-items:center;gap:10px;margin:22px 0;display:flex}.route-dot{border-radius:50%;width:10px;min-width:10px;height:10px}.route-line{border-top:1px dashed #cbd5e1;flex:1;min-width:20px;height:1px}.ride-route small{color:#9ca3af;margin-bottom:3px;font-size:11px;display:block}.ride-route strong{color:#374151;font-size:13px;display:block}.ride-details{color:#6b7280;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;justify-content:space-between;gap:12px;padding:12px 0;font-size:13px;display:flex}.book-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.book-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.booking-form{background:#fff;border:1px solid #e5e7eb;border-radius:20px;width:100%;max-width:760px;margin:35px auto 0;padding:28px;box-shadow:0 18px 45px #0000001a}.booking-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.booking-heading h3{color:#111827;margin:0;font-size:23px;font-weight:800}.close-booking{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;width:34px;height:34px;font-size:23px;line-height:1}.close-booking:hover{background:#e5e7eb}.booking-summary{background:#f8fafc;border-radius:12px;margin-bottom:22px;padding:16px}.booking-summary p{color:#4b5563;margin:7px 0;font-size:14px}.booking-fields{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.booking-fields label{color:#374151;flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.booking-fields input{box-sizing:border-box;border:1px solid #dfe3e8;border-radius:9px;outline:none;width:100%;min-height:46px;padding:0 13px;font-size:14px}.booking-fields input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.confirm-booking-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;width:100%;margin-top:22px;padding:13px;font-size:15px;font-weight:700}.confirm-booking-btn:hover{background:#15803d}.seat-selection{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-top:25px;padding:22px}.seat-selection h4{color:#111827;margin:0 0 5px;font-size:18px}.seat-selection-subtitle{color:#6b7280;margin:0 0 20px;font-size:13px}.car-seat-layout{box-sizing:border-box;background:#e5e7eb;border:3px solid #9ca3af;border-radius:28px 28px 20px 20px;width:100%;max-width:390px;margin:0 auto;padding:18px}.driver-row{border-bottom:2px dashed #9ca3af;justify-content:flex-end;margin-bottom:22px;padding-bottom:18px;display:flex}.driver-seat{color:#fff;text-align:center;background:#374151;border-radius:12px;justify-content:center;align-items:center;width:72px;height:62px;font-size:11px;font-weight:700;display:flex}.passenger-row{justify-content:center;align-items:center;gap:9px;margin-bottom:13px;display:flex}.aisle{flex-shrink:0;width:24px}.seat{box-sizing:border-box;color:#374151;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:70px;height:58px;transition:background .18s,border-color .18s,transform .18s;display:flex}.seat:hover:not(.seat-booked){border-color:#2563eb;transform:translateY(-2px)}.seat-number{font-size:13px;font-weight:800}.seat-type{color:#9ca3af;text-transform:uppercase;font-size:9px}.seat-window{border-color:#93c5fd}.seat-middle{border-color:#cbd5e1}.seat-selected{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 5px 15px #2563eb40}.seat-selected .seat-type{color:#dbeafe}.seat-booked{color:#fff;cursor:not-allowed;opacity:.75;background:#9ca3af;border-color:#9ca3af}.seat-booked .seat-type{color:#e5e7eb}.seat-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;display:flex}.legend-item{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.legend-box{border:1px solid #cbd5e1;border-radius:4px;width:15px;height:15px}.legend-available{background:#fff}.legend-selected{background:#2563eb;border-color:#2563eb}.legend-booked{background:#9ca3af;border-color:#9ca3af}.booking-type{margin-top:25px}.booking-type-title{color:#374151;margin:0 0 12px;font-size:14px;font-weight:700}.booking-type-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.booking-type-option{cursor:pointer;background:#fff;border:1.5px solid #dfe3e8;border-radius:12px;padding:15px;transition:all .2s}.booking-type-option:hover{border-color:#2563eb}.booking-type-option.active{background:#eff6ff;border-color:#2563eb}.booking-type-option strong{color:#111827;margin-bottom:4px;font-size:14px;display:block}.booking-type-option span{color:#6b7280;font-size:11px}.full-car-booking{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;margin-top:20px;padding:18px}.full-car-booking h4{color:#1e3a8a;margin:0 0 5px;font-size:16px}.full-car-booking p{color:#4b5563;margin:0 0 15px;font-size:12px}.trip-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.trip-option{color:#374151;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:12px;font-size:13px;font-weight:600}.trip-option.active{color:#fff;background:#2563eb;border-color:#2563eb}.my-bookings{margin-top:45px}.my-bookings-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.my-bookings-heading h3{color:#111827;margin:0;font-size:23px}.my-bookings-heading span{color:#6b7280;font-size:13px}.bookings-list{gap:16px;display:grid}.booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px;box-shadow:0 8px 25px #0000000f}.booking-route{border-bottom:1px solid #f0f1f3;align-items:center;gap:10px;padding-bottom:13px;display:flex}.booking-route strong{color:#111827;font-size:14px}.booking-info{grid-template-columns:repeat(2,1fr);gap:8px 18px;margin:15px 0;display:grid}.booking-info p{color:#6b7280;margin:0;font-size:12px}.status-active{color:#16a34a}.status-cancelled{color:#dc2626}.cancel-booking-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:700}.cancel-booking-btn:hover{background:#fee2e2}@media (width<=992px){.search-section{width:92%;margin-bottom:65px}.search-card{padding:30px}.ride-grid{grid-template-columns:1fr}}@media (width<=768px){.search-section{width:94%;margin-bottom:45px}.search-card{border-radius:18px;padding:22px 18px}.search-heading h2{font-size:24px}.search-heading p{font-size:13px}.field input,.field select{min-height:46px;font-size:13px}.search-btn{width:auto;min-width:135px;padding:10px 18px;font-size:13px}.results-heading{flex-direction:column;align-items:flex-start;gap:5px}.results-heading h3{font-size:21px}.ride-card{padding:18px}.booking-form{padding:20px 16px}.booking-fields,.booking-type-options,.booking-info{grid-template-columns:1fr}.car-seat-layout{padding:13px}.seat{width:60px;height:54px}.driver-seat{width:62px;height:56px}.aisle{width:16px}}@media (width<=420px){.search-section{width:94%}.search-card{padding:19px 15px}.search-heading h2{font-size:22px}.search-heading p{font-size:12px}.field input,.field select{min-height:44px;font-size:12px}.search-btn{min-width:125px;padding:9px 15px;font-size:12px}.ride-header h4{font-size:16px}.ride-price{font-size:17px}.ride-details{flex-direction:column;gap:7px}.car-seat-layout{border-radius:22px;padding:10px}.seat{width:53px;height:50px}.driver-seat{width:56px;height:52px;font-size:9px}.seat-number{font-size:11px}.seat-type{font-size:7px}.aisle{width:10px}.seat-legend{gap:9px}.trip-options{grid-template-columns:1fr}}.driver-bookings-section{margin-top:28px}.bookings-section-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.bookings-section-header h2{margin:0 0 6px}.bookings-section-header p{color:#667085;margin:0;line-height:1.5}.booking-count-badge{white-space:nowrap;color:#1d4ed8;background:#eef4ff;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700}.driver-bookings-list{gap:16px;display:grid}.driver-booking-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:20px;box-shadow:0 8px 24px #1018280f}.driver-booking-card.verified{border-color:#b7ebc6}.driver-booking-top{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.driver-booking-top>div{gap:4px;display:grid}.driver-booking-top strong{font-size:18px}.driver-booking-top span{color:#667085;font-size:13px}.driver-booking-status{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.driver-booking-status.pending{color:#b54708;background:#fff7e6}.driver-booking-status.verified{color:#027a48;background:#ecfdf3}.driver-booking-route{background:#f8fafc;border-radius:12px;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:12px;margin-bottom:15px;padding:15px;display:grid}.driver-booking-route>span{text-align:center;font-size:22px;font-weight:800}.driver-booking-route>div,.driver-booking-details>div{gap:4px;min-width:0;display:grid}.driver-booking-route small,.driver-booking-details small{color:#667085;font-size:12px;font-weight:600}.driver-booking-route strong,.driver-booking-details strong{overflow-wrap:anywhere}.driver-booking-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.driver-booking-details>div{background:#fff;border:1px solid #eaecf0;border-radius:10px;padding:11px 12px}.driver-otp-box,.driver-verified-box{background:#f8fafc;border:1px solid #e4e7ec;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:15px;display:flex}.driver-otp-box>div:first-child,.driver-verified-box{gap:4px;display:grid}.driver-otp-box>div:first-child span,.driver-verified-box span{color:#667085;font-size:13px}.driver-otp-action{flex-shrink:0;gap:8px;display:flex}.driver-otp-action input{letter-spacing:2px;text-align:center;border:1px solid #d0d5dd;border-radius:9px;outline:none;width:150px;padding:11px 12px;font-size:16px}.driver-otp-action input:focus{border-color:#2563eb}.driver-otp-action button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;padding:11px 15px;font-weight:700}.driver-otp-action button:disabled{opacity:.65;cursor:not-allowed}.driver-verified-box{color:#027a48;background:#ecfdf3;border-color:#b7ebc6}@media (width<=760px){.bookings-section-header,.driver-booking-top,.driver-otp-box{flex-direction:column;align-items:stretch}.booking-count-badge,.driver-booking-status{align-self:flex-start}.driver-booking-details{grid-template-columns:repeat(2,minmax(0,1fr))}.driver-otp-action{width:100%}.driver-otp-action input{flex:1;width:auto}}@media (width<=480px){.driver-booking-card{padding:15px}.driver-booking-route{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:7px;padding:12px}.driver-booking-details{grid-template-columns:1fr}.driver-otp-action{flex-direction:column}.driver-otp-action input,.driver-otp-action button{width:100%}}.complete-ride-btn{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:10px;width:100%;margin-top:14px;padding:12px 18px;font-size:15px;font-weight:700;transition:all .2s}.complete-ride-btn:hover{background:#157347;transform:translateY(-1px)}.complete-ride-btn:active{transform:translateY(0)}.complete-ride-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.ride-status.completed{color:#0f5132;background:#d1e7dd;border:1px solid #a3cfbb;font-weight:700}.owner-dashboard{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:30px 24px 70px;display:block;position:relative}.owner-dashboard,.owner-dashboard *{box-sizing:border-box}.owner-dashboard .dashboard-header{text-align:left;width:100%;margin:0 0 28px}.owner-dashboard .dashboard-header h1{color:#111827;margin:0 0 8px;font-size:32px;font-weight:800;line-height:1.2}.owner-dashboard .dashboard-header p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.owner-dashboard .dashboard-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;margin-bottom:28px;display:grid}.owner-dashboard .dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:0;padding:22px;box-shadow:0 8px 25px #0000000f}.owner-dashboard .dashboard-card h2{margin:0 0 10px;font-size:25px}.owner-dashboard .dashboard-card h3{color:#374151;margin:0 0 8px;font-size:14px;font-weight:700}.owner-dashboard .dashboard-card span{color:#2563eb;font-size:28px;font-weight:800;line-height:1}.owner-dashboard .dashboard-actions{flex-wrap:wrap;align-items:center;gap:12px;width:100%;margin-bottom:30px;display:flex}.owner-dashboard .primary-btn,.owner-dashboard .secondary-btn{cursor:pointer;border-radius:9px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s}.owner-dashboard .primary-btn{color:#fff;background:#2563eb;border:none}.owner-dashboard .primary-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.owner-dashboard .secondary-btn{color:#374151;background:#fff;border:1px solid #d1d5db}.owner-dashboard .secondary-btn:hover{background:#f9fafb}.owner-dashboard .dashboard-section{width:100%;margin:0 0 32px}.owner-dashboard .dashboard-section>h2{color:#111827;margin:0 0 18px;font-size:24px;font-weight:800;line-height:1.3}.owner-dashboard .ride-publish-form{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:none;padding:26px;box-shadow:0 10px 30px #0000000f}.owner-dashboard .form-section{background:#f8fafc;border:1px solid #eaecf0;border-radius:14px;width:100%;margin-bottom:24px;padding:20px}.owner-dashboard .form-section:last-child{margin-bottom:0}.owner-dashboard .location-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.owner-dashboard .location-checkbox{min-width:0}.owner-dashboard .route-fares{gap:12px;width:100%;display:grid}.owner-dashboard .route-fare-row{grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:12px;width:100%;display:grid}.owner-dashboard .route-fare-route,.owner-dashboard .route-fare-input{min-width:0}.owner-dashboard .published-rides-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;display:grid}.owner-dashboard .published-ride-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;min-width:0;padding:20px;overflow:hidden;box-shadow:0 8px 25px #0000000f}.owner-dashboard .published-ride-card .ride-route{width:100%;min-width:0}.owner-dashboard .published-ride-card .ride-details{flex-wrap:wrap;width:100%;min-width:0}.owner-dashboard .published-fares{width:100%;margin-top:15px}.owner-dashboard .ride-status{color:#1d4ed8;text-transform:capitalize;background:#eff6ff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;margin-top:12px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.owner-dashboard .empty-state{color:#6b7280;text-align:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:14px;width:100%;padding:35px 20px}.owner-dashboard .generate-fare-btn,.owner-dashboard .publish-ride-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:9px;min-height:44px;padding:11px 18px;font-size:14px;font-weight:700}.owner-dashboard .generate-fare-btn:hover,.owner-dashboard .publish-ride-btn:hover{background:#1d4ed8}.owner-dashboard .full-car-price{width:100%}.owner-dashboard{float:none!important;left:auto!important;right:auto!important;transform:none!important}@media (width<=1100px){.owner-dashboard .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-dashboard .published-rides-list{grid-template-columns:1fr}}@media (width<=768px){.owner-dashboard{max-width:100%;padding:22px 16px 50px}.owner-dashboard .dashboard-cards{grid-template-columns:1fr}.owner-dashboard .dashboard-header h1{font-size:27px}.owner-dashboard .dashboard-section>h2{font-size:21px}.owner-dashboard .ride-publish-form{padding:18px}.owner-dashboard .form-section{padding:15px}.owner-dashboard .location-options,.owner-dashboard .route-fare-row{grid-template-columns:1fr}.owner-dashboard .dashboard-actions{align-items:stretch}.owner-dashboard .dashboard-actions button{width:100%}}@media (width<=480px){.owner-dashboard{padding:18px 12px 40px}.owner-dashboard .dashboard-card,.owner-dashboard .published-ride-card{padding:16px}}.owner-dashboard .dashboard-header-content{justify-content:space-between;align-items:flex-start;gap:20px;width:100%;display:flex}.owner-dashboard .dashboard-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.owner-dashboard .dashboard-home-btn,.owner-dashboard .dashboard-logout-btn{cursor:pointer;border-radius:9px;min-height:42px;padding:10px 17px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.owner-dashboard .dashboard-home-btn{color:#2563eb;background:#fff;border:1px solid #dbe3f0;box-shadow:0 4px 12px #0000000d}.owner-dashboard .dashboard-home-btn:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 7px 16px #2563eb1f}.owner-dashboard .dashboard-logout-btn{color:#dc2626;background:#fff;border:1px solid #fecaca;box-shadow:0 4px 12px #0000000d}.owner-dashboard .dashboard-logout-btn:hover{background:#fef2f2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 7px 16px #dc26261f}.owner-dashboard .dashboard-home-btn:active,.owner-dashboard .dashboard-logout-btn:active{transform:translateY(0)}@media (width<=768px){.owner-dashboard .dashboard-header-content{flex-direction:column;align-items:stretch}.owner-dashboard .dashboard-header-actions{justify-content:flex-start;width:100%}.owner-dashboard .dashboard-home-btn,.owner-dashboard .dashboard-logout-btn{flex:1}}@media (width<=420px){.owner-dashboard .dashboard-header-actions{gap:8px}.owner-dashboard .dashboard-home-btn,.owner-dashboard .dashboard-logout-btn{padding:9px 11px;font-size:13px}}.add-vehicle{background:#fff;border-radius:20px;max-width:1000px;margin:40px auto;padding:35px;box-shadow:0 15px 40px #0000001f}.add-vehicle h2{text-align:center;color:#0b5ed7;margin-bottom:10px;font-size:36px}.add-vehicle p{text-align:center;color:#666;margin-bottom:35px;font-size:17px}.vehicle-form{width:100%}.form-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#333;margin-bottom:8px;font-size:15px;font-weight:600}.form-group input,.form-group select{background:#fff;border:1px solid #dcdcdc;border-radius:10px;outline:none;padding:14px;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px #0b5ed726}.full-width{grid-column:1/-1}.form-group input[type=file]{cursor:pointer;background:#f8fbff;border:2px dashed #0b5ed7;padding:12px}.save-btn{color:#fff;cursor:pointer;background:#0b5ed7;border:none;border-radius:12px;width:100%;margin-top:30px;padding:16px;font-size:17px;font-weight:700;transition:all .3s}.save-btn:hover{background:#094db3;transform:translateY(-2px)}@media (width<=768px){.add-vehicle{padding:20px}.add-vehicle h2{font-size:28px}.form-grid{grid-template-columns:1fr}}*{box-sizing:border-box}.admin-dashboard-page{color:#1f2937;background:#f5f7fb;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.admin-loading-page{background:#f5f7fb;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.admin-loading-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:430px;padding:45px 30px;box-shadow:0 15px 45px #0f172a14}.admin-loading-icon{color:#fff;background:#111827;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;font-size:30px;font-weight:800;display:flex}.admin-loading-card h2{margin:0 0 10px;font-size:22px}.admin-loading-card p{color:#6b7280;margin:0;line-height:1.6}.admin-header{color:#fff;z-index:100;background:#111827;position:sticky;top:0;box-shadow:0 5px 20px #0000001f}.admin-header-content{justify-content:space-between;align-items:center;gap:20px;max-width:1400px;min-height:82px;margin:0 auto;padding:15px 30px;display:flex}.admin-header-left{align-items:center;gap:14px;display:flex}.admin-dashboard-logo{color:#111827;background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;font-weight:900;display:flex}.admin-header-left h1{margin:0;font-size:22px;font-weight:800}.admin-header-left p{color:#cbd5e1;margin:4px 0 0;font-size:13px}.admin-header-actions{gap:10px;display:flex}.admin-refresh-btn,.admin-logout-btn{cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.admin-refresh-btn{color:#111827;background:#fff}.admin-logout-btn{color:#fff;background:#374151}.admin-refresh-btn:hover,.admin-logout-btn:hover{transform:translateY(-1px)}.admin-navigation{gap:10px;max-width:1400px;margin:0 auto;padding:18px 30px;display:flex;overflow-x:auto}.admin-nav-btn{color:#4b5563;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:11px;padding:11px 18px;font-size:14px;font-weight:700;transition:all .2s}.admin-nav-btn:hover{color:#111827;border-color:#111827}.admin-nav-btn.active{color:#fff;background:#111827;border-color:#111827}.admin-main-content{width:100%;max-width:1400px;margin:0 auto;padding:10px 30px 50px}.admin-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.admin-section-heading h2{color:#111827;margin:0;font-size:26px}.admin-section-heading p{color:#6b7280;margin:7px 0 0;font-size:14px;line-height:1.5}.admin-management-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:28px;box-shadow:0 8px 30px #0f172a0d}.admin-count-badge{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:800}.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:22px;transition:all .2s;display:flex;box-shadow:0 7px 25px #0f172a0a}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a14}.admin-stat-icon{background:#f1f5f9;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:23px;display:flex}.admin-stat-card p{color:#6b7280;margin:0 0 4px;font-size:13px;font-weight:600}.admin-stat-card h2{color:#111827;margin:0;font-size:28px}.admin-stat-card.pending{border-left:4px solid #f59e0b}.admin-stat-card.approved{border-left:4px solid #10b981}.admin-stat-card.passengers{border-left:4px solid #6366f1}.admin-stat-card.rides{border-left:4px solid #0ea5e9}.admin-stat-card.bookings{border-left:4px solid #8b5cf6}.driver-tabs{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:24px;padding-bottom:14px;display:flex;overflow-x:auto}.driver-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:0;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:700}.driver-tab span{background:#e2e8f0;border-radius:20px;margin-left:7px;padding:2px 7px;font-size:11px}.driver-tab.active{color:#fff;background:#111827}.driver-tab.active span{color:#fff;background:#374151}.admin-list{flex-direction:column;gap:15px;display:flex}.admin-driver-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;padding:20px;transition:all .2s}.admin-driver-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0f172a0f}.admin-driver-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.admin-driver-top h3{color:#111827;margin:0 0 8px;font-size:18px}.status-badge{border-radius:20px;align-items:center;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-badge.approved{color:#166534;background:#dcfce7}.status-badge.pending{color:#92400e;background:#fef3c7}.admin-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.admin-detail{background:#f8fafc;border-radius:10px;min-width:0;padding:13px}.admin-detail span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.admin-detail strong{color:#1f2937;overflow-wrap:anywhere;font-size:13px;display:block}.admin-driver-actions{gap:10px;margin-top:18px;display:flex}.approve-btn,.reject-btn{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:800;transition:all .2s}.approve-btn{color:#166534;background:#dcfce7}.reject-btn{color:#991b1b;background:#fee2e2}.approve-btn:hover,.reject-btn:hover{transform:translateY(-1px)}.admin-passenger-card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;align-items:center;gap:15px;padding:18px;transition:all .2s;display:flex}.admin-passenger-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0f172a0d}.passenger-avatar{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:800;display:flex}.passenger-info{flex:1;min-width:0}.passenger-info h3{color:#111827;margin:0 0 9px;font-size:17px}.passenger-details{flex-wrap:wrap;gap:8px 18px;display:flex}.passenger-details span{color:#64748b;overflow-wrap:anywhere;font-size:12px}.admin-rides-list{flex-direction:column;gap:18px;display:flex}.admin-ride-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;transition:all .2s}.admin-ride-card:hover{border-color:#cbd5e1;box-shadow:0 10px 28px #0f172a0f}.admin-ride-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.ride-route{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ride-route strong{color:#111827;font-size:18px}.ride-route span{color:#64748b;font-size:18px;font-weight:700}.ride-created{color:#94a3b8;margin:7px 0 0;font-size:11px}.ride-status{text-transform:capitalize;white-space:nowrap;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:800}.ride-status.available{color:#166534;background:#dcfce7}.ride-status.full{color:#92400e;background:#fef3c7}.ride-status.booked{color:#1e40af;background:#dbeafe}.ride-status.completed{color:#3730a3;background:#e0e7ff}.ride-status.cancelled{color:#991b1b;background:#fee2e2}.ride-driver-box{background:#f8fafc;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.ride-driver-avatar{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:15px;font-weight:800;display:flex}.ride-driver-box span,.ride-driver-box strong,.ride-driver-box small{display:block}.ride-driver-box span{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.ride-driver-box strong{color:#1f2937;margin-top:3px;font-size:14px}.ride-driver-box small{color:#64748b;margin-top:3px;font-size:11px}.ride-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ride-detail-item{background:#f8fafc;border-radius:10px;padding:13px}.ride-detail-item span{color:#64748b;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.ride-detail-item strong{color:#1f2937;font-size:13px}.ride-routes-box{background:#f8fafc;border-radius:12px;margin-top:15px;padding:15px}.ride-routes-box h4{color:#1f2937;margin:0 0 12px;font-size:14px}.ride-routes-list{flex-direction:column;gap:8px;display:flex}.ride-route-row{background:#fff;border-radius:9px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.ride-route-row span{overflow-wrap:anywhere}.ride-route-row strong{color:#111827;white-space:nowrap}.full-car-info{background:#f1f5f9;border-radius:10px;justify-content:space-between;gap:15px;margin-top:12px;padding:12px 14px;display:flex}.full-car-info span{color:#64748b;font-size:12px;font-weight:700}.full-car-info strong{color:#111827;font-size:13px}.admin-ride-actions{border-top:1px solid #e5e7eb;margin-top:18px;padding-top:15px}.ride-delete-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:0;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:800;transition:all .2s}.ride-delete-btn:hover{background:#fecaca}.admin-booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;transition:all .2s}.admin-booking-card:hover{border-color:#cbd5e1;box-shadow:0 10px 28px #0f172a0f}.admin-booking-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.admin-booking-header h3{color:#111827;overflow-wrap:anywhere;margin:0 0 8px;font-size:16px}.booking-status{text-transform:capitalize;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.booking-status.confirmed{color:#166534;background:#dcfce7}.booking-status.cancelled{color:#991b1b;background:#fee2e2}.booking-created{color:#94a3b8;white-space:nowrap;font-size:11px}.booking-passenger-box{background:#f8fafc;border-radius:12px;align-items:center;gap:13px;margin-bottom:14px;padding:14px;display:flex}.booking-passenger-box .passenger-avatar{width:45px;height:45px;font-size:16px}.booking-passenger-box .passenger-info h3{margin-bottom:7px;font-size:15px}.booking-ride-box{background:#f8fafc;border-radius:12px;margin-bottom:14px;padding:15px}.booking-ride-box .ride-route{margin-bottom:14px}.booking-ride-box .ride-route strong{font-size:16px}.booking-ride-box .ride-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.booking-cancellation-box{background:#fff7ed;border-left:4px solid #f97316;border-radius:10px;margin-top:15px;padding:13px 15px}.booking-cancellation-box span,.booking-cancellation-box strong{display:block}.booking-cancellation-box span{color:#9a3412;margin-bottom:5px;font-size:11px;font-weight:700}.booking-cancellation-box strong{color:#7c2d12;font-size:13px}.admin-empty-state{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:15px;padding:55px 20px}.admin-empty-icon{background:#fff;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 15px;font-size:25px;display:flex}.admin-empty-state h3{color:#1f2937;margin:0 0 7px;font-size:17px}.admin-empty-state p{color:#64748b;margin:0;font-size:13px}.admin-spinner{border:4px solid #e5e7eb;border-top-color:#111827;border-radius:50%;width:35px;height:35px;margin:0 auto 15px;animation:.8s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}@media (width<=1000px){.admin-stats-grid,.admin-details-grid,.ride-details-grid,.booking-ride-box .ride-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.admin-header-content{align-items:flex-start;padding:14px 16px}.admin-header-left h1{font-size:17px}.admin-header-left p{font-size:11px}.admin-dashboard-logo{border-radius:11px;width:42px;height:42px;font-size:20px}.admin-header-actions{gap:6px}.admin-refresh-btn,.admin-logout-btn{padding:9px 10px;font-size:11px}.admin-navigation{gap:7px;padding:12px 16px}.admin-nav-btn{padding:9px 13px;font-size:12px}.admin-main-content{padding:8px 16px 35px}.admin-management-card{border-radius:14px;padding:18px}.admin-section-heading{align-items:flex-start;margin-bottom:20px}.admin-section-heading h2{font-size:21px}.admin-section-heading p{font-size:12px}.admin-count-badge{padding:7px 10px;font-size:11px}.admin-stats-grid{grid-template-columns:1fr;gap:12px}.admin-stat-card{padding:17px}.admin-stat-icon{width:45px;height:45px;font-size:20px}.admin-stat-card h2{font-size:24px}.admin-details-grid,.ride-details-grid,.booking-ride-box .ride-details-grid{grid-template-columns:1fr}.admin-driver-card,.admin-ride-card,.admin-booking-card{padding:16px}.admin-driver-actions{flex-direction:column}.approve-btn,.reject-btn,.ride-delete-btn{width:100%}.admin-passenger-card{align-items:flex-start;padding:15px}.passenger-details{flex-direction:column;gap:6px}.admin-ride-header,.admin-booking-header{flex-direction:column}.booking-created{white-space:normal}.ride-route strong{font-size:16px}.ride-route-row{grid-template-columns:1fr auto 1fr}.ride-route-row strong{grid-column:1/-1;justify-self:start}.full-car-info{flex-direction:column;gap:5px}.booking-passenger-box{align-items:flex-start}}@media (width<=450px){.admin-header-content{flex-direction:column}.admin-header-actions{width:100%}.admin-refresh-btn,.admin-logout-btn{flex:1}.admin-section-heading{flex-direction:column}.admin-count-badge{align-self:flex-start}.admin-navigation{scrollbar-width:none}.admin-navigation::-webkit-scrollbar{display:none}.driver-tabs{scrollbar-width:none}.driver-tabs::-webkit-scrollbar{display:none}.ride-route-row{grid-template-columns:1fr;gap:5px}.ride-route-row span:nth-child(2){display:none}.ride-route-row strong{grid-column:auto}}.admin-login-page{background:radial-gradient(circle at 15% 20%,#2563eb29,#0000 32%),radial-gradient(circle at 85% 80%,#0ea5e924,#0000 32%),linear-gradient(135deg,#eef4ff 0%,#f8fafc 48%,#edf6ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.admin-login-page:before,.admin-login-page:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.admin-login-page:before{background:#2563eb14;width:280px;height:280px;top:-120px;right:-80px}.admin-login-page:after{background:#0ea5e914;width:220px;height:220px;bottom:-100px;left:-70px}.admin-login-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #ffffffe6;border-radius:24px;width:100%;max-width:430px;padding:42px;animation:.5s adminCardAppear;position:relative;box-shadow:0 30px 70px #0f172a1f,0 8px 25px #0f172a0d}@keyframes adminCardAppear{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.admin-login-logo{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:30px;font-weight:800;display:flex;position:relative;box-shadow:0 12px 28px #2563eb47}.admin-login-logo:after{content:"";pointer-events:none;border:1px solid #2563eb26;border-radius:23px;position:absolute;inset:-5px}.admin-login-brand{text-align:center;margin-bottom:32px}.admin-login-brand h1{color:#111827;letter-spacing:-.7px;margin:0 0 8px;font-size:30px;font-weight:800}.admin-login-brand p{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-form-group{flex-direction:column;gap:8px;display:flex}.admin-form-group label{color:#374151;font-size:13px;font-weight:700}.admin-form-group input{box-sizing:border-box;color:#111827;background:#f9fafc;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;padding:14px 15px;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.admin-form-group input::placeholder{color:#a0a7b2}.admin-form-group input:hover{background:#fff;border-color:#bfc8d6}.admin-form-group input:focus{background:#fff;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1a}.admin-login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:11px;width:100%;margin-top:3px;padding:14px 18px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 22px #2563eb38}.admin-login-button:hover{filter:brightness(1.03);transform:translateY(-2px);box-shadow:0 14px 28px #2563eb4d}.admin-login-button:active{transform:translateY(0)}.admin-login-button:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.admin-login-footer{text-align:center;color:#9ca3af;border-top:1px solid #edf0f4;margin-top:28px;padding-top:18px;font-size:12px}@media (width<=600px){.admin-login-page{padding:18px}.admin-login-card{border-radius:20px;padding:34px 24px}.admin-login-logo{border-radius:17px;width:60px;height:60px;font-size:27px}.admin-login-brand h1{font-size:26px}}@media (width<=380px){.admin-login-card{padding:30px 20px}.admin-login-brand h1{font-size:24px}}.ridzo-chat-button{color:#fff;cursor:pointer;z-index:9999;background:#2563eb;border:none;border-radius:50%;width:60px;height:60px;font-size:28px;position:fixed;bottom:25px;right:25px;box-shadow:0 5px 20px #00000040}.ridzo-chat-button:hover{transform:scale(1.05)}.ridzo-chat-window{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;width:360px;height:500px;display:flex;position:fixed;bottom:95px;right:25px;overflow:hidden;box-shadow:0 10px 35px #00000040}.ridzo-chat-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.ridzo-chat-header h3{margin:0;font-size:18px}.ridzo-chat-header span{opacity:.9;margin-top:3px;font-size:12px;display:block}.ridzo-chat-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px}.ridzo-chat-messages{background:#f8fafc;flex:1;padding:15px;overflow-y:auto}.ridzo-message{border-radius:12px;max-width:80%;margin-bottom:10px;padding:10px 13px;font-size:14px;line-height:1.4}.ridzo-bot-message{color:#1f2937;background:#fff;border:1px solid #e5e7eb;margin-right:auto}.ridzo-user-message{color:#fff;background:#2563eb;margin-left:auto}.ridzo-chat-input-area{background:#fff;border-top:1px solid #e5e7eb;gap:8px;padding:12px;display:flex}.ridzo-chat-input-area input{border:1px solid #d1d5db;border-radius:10px;outline:none;flex:1;min-width:0;padding:10px 12px}.ridzo-chat-input-area input:focus{border-color:#2563eb}.ridzo-chat-input-area button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 15px}.ridzo-chat-input-area button:hover{background:#1d4ed8}@media (width<=600px){.ridzo-chat-window{width:calc(100% - 24px);height:70vh;bottom:85px;right:12px}.ridzo-chat-button{bottom:15px;right:15px}}.ridzo-quick-questions{margin-top:10px}.ridzo-quick-questions p{color:#6b7280;margin:5px 0 8px;font-size:12px;font-weight:600}.ridzo-quick-questions button{text-align:left;color:#1f2937;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:10px;width:100%;margin-bottom:7px;padding:9px 11px;font-size:13px;display:block}.ridzo-quick-questions button:hover{background:#eff6ff;border-color:#2563eb}.login-choice-page{box-sizing:border-box;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:30px 20px;display:flex}.login-choice-card{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:100%;max-width:520px;padding:42px 38px;box-shadow:0 18px 50px #00000017}.login-choice-logo{color:#2563eb;letter-spacing:1px;margin-bottom:15px;font-size:30px;font-weight:900}.login-choice-card h1{color:#111827;margin:0 0 8px;font-size:30px;font-weight:800}.login-choice-card>p{color:#6b7280;margin:0 0 30px;font-size:14px}.login-choice-options{gap:15px;display:grid}.login-choice-option{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:15px;align-items:center;gap:15px;width:100%;padding:18px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.login-choice-option:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb1a}.choice-icon{background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.choice-content{flex:1}.choice-content h2{color:#111827;margin:0 0 5px;font-size:16px;font-weight:800}.choice-content span{color:#6b7280;font-size:12px}.choice-arrow{color:#2563eb;font-size:22px;font-weight:700}.back-home-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;margin-top:25px;padding:10px 18px;font-size:13px}.back-home-btn:hover{color:#2563eb}@media (width<=500px){.login-choice-card{padding:32px 20px}.login-choice-card h1{font-size:25px}.login-choice-option{padding:15px}.choice-icon{width:46px;height:46px;font-size:22px}}.about-page{color:#292929;background:#fff;width:100%;min-height:100vh}.about-container{width:90%;max-width:1100px;margin:0 auto}.about-hero{box-sizing:border-box;text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 55%,#fff 100%);width:100%;padding:90px 20px}.about-hero-content{width:90%;max-width:850px;margin:0 auto}.about-badge{color:#2563eb;letter-spacing:1px;background:#dbeafe;border-radius:30px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-block}.about-hero h1{color:#111827;letter-spacing:-1px;margin:20px 0 18px;font-size:48px;font-weight:800;line-height:1.15}.about-hero h1 span{color:#2563eb}.about-hero p{color:#6b7280;max-width:720px;margin:0 auto;font-size:17px;line-height:1.8}.about-intro{background:#fff;padding:80px 0}.about-intro-content{max-width:850px;margin:0 auto}.about-intro-content h2,.about-section-heading h2{color:#111827;letter-spacing:-.5px;margin:0 0 18px;font-size:36px;font-weight:800;line-height:1.25}.about-intro-content h2 span,.about-section-heading h2 span{color:#2563eb}.about-intro-content p{color:#6b7280;margin:0 0 17px;font-size:15px;line-height:1.8}.why-ridzo{background:#f8fafc;padding:80px 0}.about-section-heading{text-align:center;max-width:720px;margin:0 auto 45px}.about-section-heading p{color:#6b7280;margin:0;font-size:14px;line-height:1.7}.about-feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.about-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:25px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #0000000d}.about-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000014}.feature-icon{background:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:17px;font-size:23px;display:flex}.about-feature-card h3{color:#111827;margin:0 0 9px;font-size:17px;font-weight:800}.about-feature-card p{color:#6b7280;margin:0;font-size:12px;line-height:1.7}.about-vision{background:#fff;padding:80px 0}.vision-box{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:22px;padding:55px}.vision-content{max-width:750px}.vision-content h2{color:#111827;margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.25}.vision-content h2 span{color:#2563eb}.vision-content p{color:#6b7280;margin:0 0 15px;font-size:14px;line-height:1.8}.about-commitment{background:#f8fafc;padding:80px 0}.commitment-list{grid-template-columns:repeat(2,1fr);gap:15px;max-width:760px;margin:0 auto;display:grid}.commitment-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;padding:17px 20px;display:flex}.commitment-item span{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:flex}.commitment-item p{color:#4b5563;margin:0;font-size:13px}.about-cta{text-align:center;background:#2563eb;padding:70px 20px}.about-cta h2{color:#fff;margin:0 0 12px;font-size:32px;font-weight:800}.about-cta p{color:#dbeafe;margin:0 auto 25px;font-size:14px}.about-cta-btn{color:#2563eb;background:#fff;border-radius:8px;padding:12px 25px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.about-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (width<=900px){.about-hero{padding:75px 20px}.about-hero h1{font-size:40px}.about-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.about-container{width:92%}.about-hero{padding:65px 15px}.about-hero h1{letter-spacing:-.5px;font-size:32px}.about-hero p{font-size:14px;line-height:1.7}.about-intro,.why-ridzo,.about-vision,.about-commitment{padding:60px 0}.about-intro-content h2,.about-section-heading h2{font-size:28px}.about-intro-content p{font-size:13px}.about-feature-grid{grid-template-columns:1fr}.vision-box{border-radius:17px;padding:30px 22px}.vision-content h2{font-size:27px}.vision-content p{font-size:13px}.commitment-list{grid-template-columns:1fr}.about-cta{padding:55px 20px}.about-cta h2{font-size:27px}}.contact-page{color:#292929;background:#fff;width:100%;min-height:100vh}.contact-container{width:90%;max-width:1100px;margin:0 auto}.section-label{color:#2563eb;letter-spacing:1.2px;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-block}.contact-hero{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 55%,#fff 100%);padding:90px 20px}.contact-hero-content{width:90%;max-width:800px;margin:0 auto}.contact-badge{color:#2563eb;letter-spacing:1px;background:#dbeafe;border-radius:30px;padding:7px 14px;font-size:11px;font-weight:800;display:inline-block}.contact-hero h1{color:#111827;letter-spacing:-1px;margin:20px 0 18px;font-size:48px;font-weight:800;line-height:1.15}.contact-hero h1 span{color:#2563eb}.contact-hero p{color:#6b7280;max-width:700px;margin:0 auto;font-size:16px;line-height:1.8}.contact-info-section{background:#fff;padding:80px 0}.contact-heading{text-align:center;max-width:760px;margin:0 auto 45px}.contact-heading h2{color:#111827;margin:0 0 17px;font-size:36px;font-weight:800;line-height:1.25}.contact-heading h2 span{color:#2563eb}.contact-heading p{color:#6b7280;margin:0;font-size:14px;line-height:1.8}.contact-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;gap:16px;padding:25px 20px;transition:all .2s;display:flex;box-shadow:0 8px 25px #0000000d}.contact-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #00000014}.contact-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.contact-card h3{color:#111827;margin:0 0 7px;font-size:16px;font-weight:800}.contact-card p{color:#6b7280;margin:0 0 9px;font-size:12px;line-height:1.6}.contact-card a{color:#2563eb;font-size:13px;font-weight:700;text-decoration:none}.contact-card a:hover{text-decoration:underline}.support-status{color:#16a34a;font-size:12px;font-weight:700}.contact-message-section{background:#f8fafc;padding:80px 0}.message-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:55px;display:grid}.message-content h2{color:#111827;margin:0 0 17px;font-size:36px;font-weight:800;line-height:1.25}.message-content h2 span{color:#2563eb}.message-content>p{color:#6b7280;max-width:500px;margin:0 0 25px;font-size:14px;line-height:1.8}.message-points{flex-direction:column;gap:12px;display:flex}.message-points div{align-items:center;gap:10px;display:flex}.message-points span{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.message-points p{color:#4b5563;margin:0;font-size:13px}.contact-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:30px;box-shadow:0 12px 35px #0000000f}.contact-form-card h3{color:#111827;margin:0 0 7px;font-size:22px;font-weight:800}.contact-form-card>p{color:#6b7280;margin:0 0 25px;font-size:12px}.form-group{margin-bottom:17px}.form-group label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.form-group input,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px 13px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input{height:44px}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.contact-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:13px 20px;font-size:13px;font-weight:800;transition:all .2s}.contact-submit-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.contact-help-section{background:#fff;padding:70px 0}.help-box{background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;border-radius:20px;justify-content:space-between;align-items:center;gap:30px;padding:40px 45px;display:flex}.help-box h2{color:#111827;margin:0 0 10px;font-size:28px;font-weight:800}.help-box h2 span{color:#2563eb}.help-box p{color:#6b7280;margin:0;font-size:13px;line-height:1.7}.help-btn{color:#fff;background:#2563eb;border-radius:8px;flex-shrink:0;padding:12px 23px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-block}.help-btn:hover{background:#1d4ed8;transform:translateY(-2px)}@media (width<=900px){.contact-hero h1{font-size:40px}.contact-cards{grid-template-columns:1fr}.message-wrapper{grid-template-columns:1fr;gap:40px}}@media (width<=600px){.contact-container{width:92%}.contact-hero{padding:65px 15px}.contact-hero h1{font-size:32px}.contact-hero p{font-size:14px}.contact-info-section,.contact-message-section{padding:60px 0}.contact-heading h2,.message-content h2{font-size:28px}.contact-heading p,.message-content>p{font-size:13px}.contact-card{padding:20px 17px}.contact-form-card{padding:22px 18px}.help-box{flex-direction:column;align-items:flex-start;padding:30px 22px}.help-box h2{font-size:25px}.help-btn{box-sizing:border-box;text-align:center;width:100%}}.privacy-page{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:70px 20px}.privacy-container{width:100%;max-width:900px;margin:0 auto}.privacy-header{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:42px 45px;box-shadow:0 12px 35px #0000000f}.privacy-label{color:#2563eb;letter-spacing:2px;margin-bottom:12px;font-size:13px;font-weight:800;display:inline-block}.privacy-header h1{color:#111827;margin:0;font-size:38px;font-weight:800}.privacy-updated{color:#9ca3af;margin:12px 0 0;font-size:13px}.privacy-intro{color:#6b7280;max-width:720px;margin:25px auto 0;font-size:15px;line-height:1.8}.privacy-content{background:#fff;border:1px solid #e5e7eb;border-radius:22px;margin-top:25px;padding:40px 45px;box-shadow:0 12px 35px #0000000d}.privacy-content section{border-bottom:1px solid #eef0f3;margin-bottom:28px;padding-bottom:28px}.privacy-content section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-content h2{color:#1f2937;margin:0 0 13px;font-size:20px;font-weight:800}.privacy-content p{color:#596273;margin:0 0 13px;font-size:14px;line-height:1.8}.privacy-content p:last-child{margin-bottom:0}.privacy-content ul{margin:10px 0 16px;padding-left:22px}.privacy-content li{color:#596273;margin-bottom:8px;font-size:14px;line-height:1.7}.privacy-content li::marker{color:#2563eb}.privacy-back{text-align:center;margin-top:25px}.privacy-back a{color:#fff;background:#2563eb;border-radius:9px;padding:11px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.privacy-back a:hover{background:#1d4ed8;transform:translateY(-1px)}@media (width<=768px){.privacy-page{padding:45px 16px}.privacy-header{padding:32px 25px}.privacy-header h1{font-size:31px}.privacy-intro{font-size:14px}.privacy-content{padding:30px 25px}.privacy-content h2{font-size:18px}}@media (width<=480px){.privacy-page{padding:25px 12px}.privacy-header{border-radius:17px;padding:28px 18px}.privacy-header h1{font-size:27px}.privacy-updated{font-size:12px}.privacy-intro{margin-top:20px;font-size:13px;line-height:1.7}.privacy-content{border-radius:17px;margin-top:16px;padding:25px 18px}.privacy-content section{margin-bottom:23px;padding-bottom:23px}.privacy-content h2{font-size:17px;line-height:1.4}.privacy-content p,.privacy-content li{font-size:13px;line-height:1.7}.privacy-content ul{padding-left:20px}}
