@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif!important}body,html{margin:0;padding:0}button{font-family:Inter,sans-serif}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.signup-page{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.signup-container{display:flex;flex-direction:row;height:100%;width:100%}.signup-image{flex:1 1;height:100%}.signup-image-bg{height:100vh;object-fit:cover;width:100%}.signup-header{margin-bottom:1.5rem;max-width:460px;text-align:center}.signup-title{color:#111;font-family:Poppins,Helvetica;font-size:2rem;font-weight:600;line-height:1.3;margin-bottom:1rem}.signup-subtitle{color:#666;font-family:Poppins,Helvetica;font-size:1rem;margin-bottom:2rem}.signup-container .input-wrapper{margin-bottom:1rem;max-width:460px;width:100%}.signup-btn{background:#2674e9;border:none;border-radius:40px;cursor:pointer;display:block;height:56px;margin:1.5rem auto;max-width:460px;width:100%}.signup-btn-text{color:#fff;font-family:Poppins,Helvetica;font-size:18px}.signin-text,.terms{color:#666;font-family:Poppins,Helvetica;font-size:14px;margin:.5rem auto;max-width:460px;text-align:center}.signin-link{color:#2674e9;font-weight:600}@media (max-width:768px){.signup-container{flex-direction:column}.signup-image{height:40vh}.form-section{flex:none;height:60vh;padding:1rem}.signup-title{font-size:1.5rem;line-height:1.2}.signup-subtitle{font-size:.9rem}.input-field{font-size:14px;padding:12px}.signup-btn{height:48px}}.signin-page{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.signin-container{display:flex;flex-direction:row;height:100%;width:100%}.signin-image{flex:1 1;height:100%}.signin-image-bg{height:100%;object-fit:cover;width:100%}.form-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:2rem}.signin-header{margin-bottom:1.5rem;max-width:460px;text-align:center}.signin-title{color:#111;font-family:Poppins,Helvetica;font-size:2rem;font-weight:600;margin-bottom:.5rem}.signin-subtitle{color:#666;font-family:Poppins,Helvetica;font-size:1rem}.signin-page .input-wrapper{margin:1rem 0;max-width:460px;width:100%}.input-field{border:1px solid #333;border-radius:40px;color:#333;font-family:Aleo,Helvetica;font-size:16px;padding:14px;text-align:center;width:100%}.get-otp{color:#2674e9;cursor:pointer;font-family:Inter,Helvetica;font-size:12px;margin-top:.5rem;text-align:right}.signin-btn{background:#2674e9;border:none;border-radius:40px;cursor:pointer;display:block;height:56px;margin:1.5rem auto;max-width:460px;width:100%}.signin-btn-text{color:#fff;font-size:18px}.signin-btn-text,.terms{font-family:Poppins,Helvetica}.terms{font-size:14px;margin:.5rem auto;max-width:460px;text-align:center}.underline{color:#111;text-decoration:underline}.create-text{font-family:Poppins,Helvetica;font-size:14px;margin-top:.5rem;text-align:center}.create-link{color:#2674e9;font-weight:600}@media (max-width:768px){.signin-container{flex-direction:column}.signin-image{height:40vh}.form-section{flex:none;height:60vh;padding:1rem}.signin-title{font-size:1.5rem}.signin-subtitle{font-size:.9rem}.input-field{font-size:14px;padding:12px}.signin-btn{height:48px}}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff2;border-bottom:1px solid #dbeafe;left:0;position:absolute;right:0;z-index:20}.header-container{margin:0 auto;max-width:1200px;padding:0 24px}.header-content{padding:16px 0}.logo-section{align-items:center;display:flex;gap:8px}.logo-text{color:#374151;font-size:14px;font-weight:500}.navigation{align-items:center;display:none;gap:32px}@media (min-width:768px){.navigation{display:flex}}.nav-link{color:#2563eb;transition:color .2s ease}.nav-link:hover{color:#1d4ed8}.user-icons-container{gap:12px}.user-icon,.user-icons-container{align-items:center;display:flex;position:relative}.user-icon{background-color:#dbeafe;height:36px;justify-content:center;transition:background .2s ease;width:36px}.user-icon:hover{background-color:#bfdbfe}.user-icon-svg{color:#2563eb;cursor:pointer;height:18px;transition:color .2s ease;width:18px}.user-icon-svg:hover{color:#1d4ed8}.menu-icon{align-items:center;display:flex;justify-content:center;position:relative}.header-menu{animation:fadeIn .2s ease-in-out;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;padding:6px 0;position:absolute;right:0;top:45px;z-index:999}.header-menu a{color:#333;display:block;font-size:14px;padding:10px 14px;text-decoration:none;white-space:nowrap}.header-menu a:hover{background-color:#f2f2f2;color:#1976d2}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.user-icons-container{gap:10px}.user-icon{height:32px;width:32px}.user-icon-svg{height:16px;width:16px}}.landing-page{background-image:url(/static/media/signupTruckImage.6a4705f582716f9b769d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;position:relative;width:100%}.hero-background,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:#00000080}.main-content-landingpage{align-items:center;background-color:none;display:flex;height:100vh;justify-content:flex-end;padding-right:32px;position:relative;z-index:10}@media (min-width:1024px){.main-content-landingpage{padding-right:64px}}.booking-card{background-color:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;height:470px;max-width:448px;overflow:hidden;width:100%}.tab-headers{border-bottom:1px solid #e5e7eb;display:flex}.tab-button{background:none;border:none;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px 24px;transition:all .2s ease}.tab-button:hover{color:#374151}.tab-active{background-color:#2563eb0d;border-bottom:2px solid #2563eb;color:#2563eb!important}.tab-content{gap:24px;padding:24px}.location-inputs,.tab-content{display:flex;flex-direction:column}.location-inputs{gap:16px}.input-group{position:relative}.input-icon{left:12px;position:absolute;top:50%;transform:translateY(-50%)}.icon{color:#2563eb;height:16px;width:16px}.location-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;height:48px;padding-left:40px;padding-right:12px;transition:all .2s ease}.location-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.location-input::placeholder{color:#9ca3af}.date-selection{display:flex;flex-direction:column;gap:12px}.date-header{gap:8px}.date-header,.date-indicator{align-items:center;display:flex}.date-indicator{background-color:#dbeafe;border-radius:4px;height:16px;justify-content:center;width:16px}.date-dot{background-color:#2563eb;border-radius:50%;height:8px;width:8px}.date-label{color:#6b7280;font-size:14px}.date-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.date-button{border:none;border-radius:8px;color:#374151;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.date-button:hover{background-color:#f3f4f6}.date-selected{background-color:#2563eb!important;box-shadow:0 4px 6px -1px #0000001a;color:#fff}.date-day{font-size:18px;font-weight:600;line-height:1}.date-month{font-size:12px;margin-top:2px;opacity:.75}.action-button{border-radius:8px;height:48px;transition:background-color .2s ease}.action-button:hover{background-color:#1d4ed8}.extra-truck{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;padding:12px}.extra-truck-checkbox{border:2px solid #ef4444;border-radius:2px;height:16px;width:16px}.extra-truck-text{color:#b91c1c;font-size:14px;font-weight:500}.app-download{border-top:1px solid #e5e7eb;padding-top:16px}.app-download-text{color:#6b7280;font-size:14px;margin-bottom:16px;text-align:center}.app-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.app-button{align-items:center;background-color:#f9fafb;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px;transition:background-color .2s ease}.app-button:hover{background-color:#f3f4f6}.app-icon{border-radius:4px;height:24px;width:24px}.google-play{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.app-store{background:linear-gradient(90deg,#3b82f6,#2563eb)}.app-info{text-align:left}.app-subtitle{color:#6b7280;font-size:12px;line-height:1}.app-title{color:#374151;font-size:14px;font-weight:500;margin-top:2px}.date-nav{gap:8px;justify-content:space-between}.date-nav,.nav-btn{align-items:center;display:flex}.nav-btn{background:none;border:none;cursor:pointer;justify-content:center;padding:4px}.nav-btn:disabled{cursor:not-allowed;opacity:.4}.month-year-select{display:flex;gap:10px;margin:10px 0}.month-year-select select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 10px}.action-row{justify-content:space-between;margin-top:15px}.action-row,.checkbox-group{align-items:center;display:flex}.checkbox-group{gap:8px}.action-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px}.action-button:hover{background-color:#1e40af}.select-truck-page{background:#f8f9fa;font-family:Inter,sans-serif;min-height:100vh}.navbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;justify-content:space-between;padding:14px 40px}.logo{height:40px}.navbar-links{display:flex;flex-wrap:wrap;gap:20px}.navbar-links a{color:#007bff;font-weight:500;text-decoration:none}.navbar-links a:hover{text-decoration:underline}.user-icon{color:#007bff}.filter-search{gap:15px}.filter-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-weight:500}.truck-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.truck-table td,.truck-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px;text-align:left}.truck-table th{background:#f9fafb;color:#374151;font-weight:600}.action-cell{position:relative}.menu-icon{color:#6b7280;cursor:pointer}.action-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 8px #0000000d;display:flex;flex-direction:column;padding:6px 0;position:absolute;right:10px;top:30px;z-index:10}.action-menu button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 14px;text-align:left}.action-menu button:hover{background:#f3f4f6}@media (max-width:1024px){.navbar{padding:12px 20px}.truck-table td,.truck-table th{font-size:13px;padding:10px}}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;gap:10px}.navbar-links{justify-content:flex-start}.content{padding:20px}.filter-search{align-items:stretch;flex-direction:column;gap:10px}.search-input{width:100%}.pagination{justify-content:center}}@media (max-width:600px){.truck-table{display:block;overflow-x:auto;white-space:nowrap}.truck-table td,.truck-table th{font-size:12px;padding:8px}.page-title{font-size:16px}}*{box-sizing:border-box}.add-package-container{background-color:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.header{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{height:70px;max-width:1400px;padding:0 1rem}.logo-img{object-fit:contain}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:101}.hamburger{display:flex;flex-direction:column;height:18px;position:relative;width:24px}.hamburger span{background-color:#4762ff;display:block;height:2px;margin-bottom:4px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger span:last-child{margin-bottom:0}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-link{padding:.5rem 0;transition:all .2s ease}.nav-link:after{background-color:#4762ff;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link:hover:after{width:100%}.user-icon{transition:background-color .2s ease}.user-icon:hover{background-color:#f1f5f9}.main-content{margin:0 auto;max-width:1400px;padding:.5rem}.content-wrapper{grid-gap:4rem;align-items:start;gap:4rem;grid-template-columns:1fr 1fr}.form-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;padding:2.5rem}.page-title{color:#1a202c;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.package-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:#374151;font-size:14px;font-weight:600;margin-bottom:.25rem}.form-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:16px;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input:focus{border-color:#4762ff;box-shadow:0 0 0 3px #4762ff1a;outline:none;transform:translateY(-1px)}.form-input::placeholder{color:#9ca3af}.phone-input-group{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden;transition:all .2s ease}.phone-input-group:focus-within{border-color:#4762ff;box-shadow:0 0 0 3px #4762ff1a;transform:translateY(-1px)}.country-code{background-color:#f9fafb;border-right:2px solid #f3f4f6;color:#374151;font-weight:600;padding:.875rem .75rem;white-space:nowrap}.phone-input{border:none;border-radius:0;flex:1 1;min-width:0}.phone-input:focus{box-shadow:none;transform:none}.info-note{align-items:flex-start;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;margin-top:1rem;padding:1.25rem}.info-note span{color:#6b7280;font-size:14px;line-height:1.5}.submit-btn{background:linear-gradient(135deg,#4762ff,#3651e6);border:none;border-radius:12px;box-shadow:0 4px 12px #4762ff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease}.submit-btn:hover{box-shadow:0 6px 20px #4762ff66;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.illustration-section{align-items:center;display:flex;justify-content:center;padding:2rem}.illustration{height:auto;max-width:450px;width:100%}@media (min-width:1200px){.header-content{padding:0 2rem}.main-content{padding:3rem 2rem}.content-wrapper{gap:5rem}}@media (max-width:1024px){.content-wrapper{gap:3rem}.form-section{padding:2rem}.page-title{font-size:2rem}}@media (max-width:768px){.mobile-menu-btn{display:block}.nav-menu{background-color:#fff;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-menu.mobile-open{opacity:1;transform:translateY(0);visibility:visible}.nav-link{font-size:18px;padding:.75rem 0;text-align:center;width:100%}.content-wrapper{gap:2rem;grid-template-columns:1fr}.illustration-section{order:-1;padding:1rem}.form-grid{gap:1.25rem;grid-template-columns:1fr}.main-content{padding:1.5rem 1rem}.form-section{padding:1.5rem}.page-title{font-size:1.75rem;margin-bottom:1.5rem}}@media (max-width:480px){.header-content{height:60px;padding:0 1rem}.logo-img{height:32px}.nav-menu{top:60px}.main-content{padding:1rem .75rem}.form-section{border-radius:12px;padding:1.25rem}.page-title{font-size:1.5rem;margin-bottom:1.25rem}.form-input{font-size:16px;padding:.75rem}.country-code{font-size:14px;padding:.75rem .5rem}.form-grid{gap:1rem}.submit-btn{font-size:15px;padding:.875rem 1.5rem}.info-note{gap:.5rem;padding:1rem}.info-note span{font-size:13px}}@media (max-width:360px){.header-content{padding:0 .75rem}.main-content{padding:.75rem .5rem}.form-section{padding:1rem}.page-title{font-size:1.375rem}.form-input{padding:.625rem}.country-code{padding:.625rem .5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.form-input,.phone-input-group{border-width:1px}}@media (max-height:500px) and (orientation:landscape){.main-content{padding:1rem}.content-wrapper{gap:2rem;grid-template-columns:1fr 1fr}.illustration-section{order:0}.page-title{font-size:1.5rem;margin-bottom:1rem}.form-section{padding:1.25rem}}@media print{.header,.illustration-section,.submit-btn{display:none}.form-section{border:1px solid #ccc;box-shadow:none}.main-content{padding:0}.content-wrapper{grid-template-columns:1fr}}.form-input:focus,.mobile-menu-btn:focus,.nav-link:focus,.submit-btn:focus{outline:2px solid #4762ff;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.checkout-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,sans-serif;min-height:100vh}.checkout-header{background:#fff;border:2px solid #4762ff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:16px}.checkout-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:40px 24px}.checkout-content{display:flex;flex-direction:column;gap:32px}.checkout-title{color:#333;font-size:32px;font-weight:700;margin:0}.route-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.route-info{gap:24px;justify-content:space-between}.route-label{color:#666;font-size:14px;margin:0 0 16px}.route-cities{align-items:center;display:flex;gap:40px}.city-info{text-align:left}.city-name{color:#333;font-size:20px;font-weight:600;margin:0 0 4px;text-transform:capitalize}.city-date{color:#666;font-size:14px;margin:0}.truck-image{flex-shrink:0}.truck-image img{height:auto;width:120px}.payment-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.payment-title{color:#333;font-size:24px;font-weight:600;margin:0 0 24px}.payment-breakdown{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.payment-item{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.payment-item:not(:last-child){border-bottom:1px solid #f0f0f0}.payment-total{border-top:2px solid #4762ff;font-size:18px;font-weight:600;margin-top:8px;padding-top:16px}.payment-label{color:#666;font-size:16px}.payment-value{color:#333;font-size:16px;font-weight:500}.payment-total .payment-label,.payment-total .payment-value{color:#333;font-weight:600}.swipe-to-pay-btn{align-items:center;background:linear-gradient(135deg,#4762ff,#3651e6);border:none;border-radius:12px;box-shadow:0 4px 15px #4762ff4d;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.swipe-to-pay-btn:hover{box-shadow:0 6px 20px #4762ff66;transform:translateY(-2px)}.swipe-to-pay-btn:active{transform:translateY(0)}.swipe-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.swipe-text{color:#fff;font-size:18px;font-weight:600}.checkout-illustration{align-items:center;display:flex;justify-content:center;position:relative}.illustration-bg{height:400px}.clouds{top:20%}@media (max-width:1024px){.checkout-main{gap:32px;grid-template-columns:1fr;padding:24px 16px}.checkout-illustration{order:-1}.illustration-bg{height:300px}.delivery-truck img{width:120px}}@media (max-width:768px){.header-content{padding:12px 16px}.nav-menu{display:none}.checkout-title{font-size:28px}.route-info{flex-direction:column;gap:16px;text-align:center}.route-cities{gap:24px}.city-name{font-size:18px}.truck-image img{width:100px}.payment-title{font-size:20px}.payment-item{align-items:flex-start;flex-direction:column;gap:4px}.payment-total{align-items:center;flex-direction:row}.illustration-bg{height:250px}.delivery-truck img{width:100px}}@media (max-width:480px){.checkout-container{margin:0}.checkout-header{border-radius:4px;margin:8px}.header-content{padding:8px 12px}.logo-img{height:32px}.checkout-main{gap:24px;padding:16px 8px}.checkout-title{font-size:24px}.payment-section,.route-section{border-radius:12px;padding:16px}.route-cities{flex-direction:column;gap:16px}.payment-breakdown{gap:12px}.payment-item{padding:8px 0}.swipe-to-pay-btn{border-radius:8px;padding:14px 20px}.swipe-text{font-size:16px}.illustration-bg{height:200px}.delivery-truck img{width:80px}.building-1{height:32px;width:16px}.building-2{height:48px;width:12px}.building-3{height:28px;width:20px}.building-4{height:40px;width:14px}.cloud-1{height:16px;width:48px}.cloud-2{height:12px;width:32px}}@keyframes pulse{0%{box-shadow:0 4px 15px #4762ff4d}50%{box-shadow:0 4px 25px #4762ff80}to{box-shadow:0 4px 15px #4762ff4d}}.swipe-to-pay-btn{animation:pulse 2s infinite}.swipe-to-pay-btn.loading{opacity:.8;pointer-events:none}.swipe-to-pay-btn.loading .swipe-text:after{animation:dots 1.5s infinite;content:"..."}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.boarding-points-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.boarding-header{background:#fff;border:2px solid #4762ff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:16px}.header-content{padding:16px 24px}.nav-menu{gap:32px}.nav-link{color:#4762ff;font-size:16px;transition:color .3s ease}.nav-link:hover{color:#3651e6}.user-icon{border-radius:50%;padding:8px;transition:background-color .3s ease}.user-icon:hover{background-color:#f0f2ff}.boarding-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:calc(100vh - 120px);padding:40px 24px}.boarding-content{display:flex;flex-direction:column;gap:32px;justify-content:center}.boarding-title{color:#333;font-size:32px;font-weight:700;margin:0;text-align:center}.location-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;gap:24px;padding:32px}.input-group,.location-form{display:flex;flex-direction:column}.input-group{gap:8px}.input-label{color:#333;font-size:16px;font-weight:500;margin-bottom:4px}.input-wrapper{position:relative}.location-input{background:#fff;border:2px solid #e1e5e9;border-radius:12px;box-sizing:border-box;color:#333;font-size:16px;height:56px;transition:all .3s ease;width:100%}.location-input:focus{border-color:#4762ff;box-shadow:0 0 0 3px #4762ff1a;outline:none}.location-input::placeholder{color:#999}.location-icon{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .3s ease}.location-icon:hover{background-color:#f0f2ff}.suggestions-dropdown{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 20px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.suggestion-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background-color .2s ease}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:not(:last-child){border-bottom:1px solid #f0f0f0}.swap-container{margin:-8px 0}.swap-button,.swap-container{display:flex;justify-content:center}.swap-button{align-items:center;background:#fff;border:2px solid #4762ff;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:48px;transition:all .3s ease;width:48px}.swap-button:hover{background:#4762ff;transform:rotate(180deg)}.swap-button:hover svg path{fill:#fff}.route-display{background:#f8f9ff;border:1px solid #e1e8ff;border-radius:8px;margin:8px 0;padding:16px}.route-info{align-items:center;display:flex;justify-content:center}.route-text{color:#4762ff;font-size:16px;font-weight:500;text-align:center}.next-button{background:#ccc;border:none;border-radius:12px;color:#fff;cursor:not-allowed;font-size:18px;font-weight:600;height:56px;margin-top:16px;transition:all .3s ease;width:100%}.next-button.active{background:linear-gradient(135deg,#4762ff,#3651e6);box-shadow:0 4px 15px #4762ff4d;cursor:pointer}.next-button.active:hover{box-shadow:0 6px 20px #4762ff66;transform:translateY(-2px)}.next-button.active:active{transform:translateY(0)}.boarding-illustration,.illustration-bg{align-items:center;display:flex;justify-content:center;position:relative}.illustration-bg{background:linear-gradient(135deg,#6fa8dc,#4285f4);border-radius:50%;height:500px;overflow:hidden;width:100%}.city-skyline{align-items:flex-end;bottom:20%;display:flex;gap:8px;justify-content:center;left:10%;position:absolute;right:10%}.building{background:#fff3;border-radius:4px 4px 0 0;position:relative}.building-1{height:40px;width:20px}.building-2{height:60px;width:16px}.building-3{height:35px;width:24px}.building-4{height:50px;width:18px}.building-5{height:45px;width:22px}.building:after{background:#ffffff80;border-radius:50%;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}.delivery-truck{animation:float 3s ease-in-out infinite;bottom:25%;position:absolute;right:15%;z-index:2}.delivery-truck img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));height:auto;width:150px}.clouds{left:0;right:0;top:15%}.cloud,.clouds{position:absolute}.cloud{animation:drift 8s ease-in-out infinite;background:#ffffff4d;border-radius:50px}.cloud-1{animation-delay:0s;height:20px;left:20%;top:0;width:60px}.cloud-2{animation-delay:2s;height:15px;right:25%;top:30px;width:40px}.cloud-3{animation-delay:4s;height:18px;left:60%;top:60px;width:50px}.route-line{background:#fff6;border-radius:1px;bottom:30%;height:2px;left:20%;position:absolute;right:20%}.route-line:before{left:0}.route-line:after,.route-line:before{background:#fff9;border-radius:50%;content:"";height:10px;position:absolute;top:-4px;width:10px}.route-line:after{right:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes drift{0%,to{transform:translateX(0)}50%{transform:translateX(20px)}}@media (max-width:1024px){.boarding-main{gap:32px;grid-template-columns:1fr;padding:24px 16px}.boarding-illustration{order:-1}.illustration-bg{height:400px}.delivery-truck img{width:120px}}@media (max-width:768px){.header-content{padding:12px 16px}.nav-menu{display:none}.boarding-title{font-size:28px}.location-form{padding:24px}.location-input{font-size:15px;height:52px}.next-button{font-size:16px;height:52px}.illustration-bg{height:350px}.delivery-truck img{width:100px}.building-1{height:32px;width:16px}.building-2{height:48px;width:12px}.building-3{height:28px;width:20px}.building-4{height:40px;width:14px}.building-5{height:36px;width:18px}}@media (max-width:480px){.boarding-points-container{margin:0}.boarding-header{border-radius:4px;margin:8px}.header-content{padding:8px 12px}.logo-img{height:32px}.boarding-main{gap:24px;padding:16px 8px}.boarding-title{font-size:24px}.location-form{border-radius:12px;padding:20px}.input-label{font-size:14px}.location-input{font-size:14px;height:48px;padding:12px 40px 12px 12px}.location-icon{right:12px}.swap-button{height:40px;width:40px}.next-button{font-size:15px;height:48px}.route-text{font-size:14px}.illustration-bg{height:280px}.delivery-truck img{width:80px}.building-1{height:24px;width:12px}.building-2{height:36px;width:10px}.building-3{height:20px;width:16px}.building-4{height:30px;width:12px}.building-5{height:28px;width:14px}.cloud-1{height:14px;width:40px}.cloud-2{height:10px;width:30px}.cloud-3{height:12px;width:35px}.suggestions-dropdown{max-height:150px}.suggestion-item{font-size:13px;padding:10px 12px}}.location-input:focus+.location-icon,.suggestion-item:focus{background-color:#f0f2ff}.suggestion-item:focus{outline:2px solid #4762ff;outline-offset:-2px}.suggestions-dropdown.loading{align-items:center;display:flex;justify-content:center;padding:20px}.suggestions-dropdown.loading:after{color:#666;content:"Loading...";font-size:14px}.suggestions-dropdown.empty{align-items:center;display:flex;justify-content:center;padding:20px}.suggestions-dropdown.empty:after{color:#666;content:"No cities found";font-size:14px}*{transition:all .2s ease}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-details{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:20px;width:100%}.profile-details__container{width:100%}.profile-details__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.profile-details__avatar-section{align-items:center;display:flex;gap:16px}.profile-details__avatar{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;height:64px;justify-content:center;overflow:hidden;width:64px}.profile-details__avatar-image{height:100%;object-fit:cover;width:100%}.profile-details__user-info{display:flex;flex-direction:column;gap:4px}.profile-details__name{color:#111827;font-size:20px;font-weight:600;line-height:1.2;margin:0}.profile-details__email{color:#6b7280;font-size:14px;line-height:1.4;margin:0}.profile-details__edit-btn{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:80px;padding:8px 24px;transition:all .2s ease}.profile-details__edit-btn:hover{background:#3367d6;transform:translateY(-1px)}.profile-details__edit-btn--save{background:#34d399}.profile-details__edit-btn--save:hover{background:#10b981}.profile-details__form{display:flex;flex-direction:column;gap:24px}.profile-details__row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.profile-details__field{display:flex;flex-direction:column;gap:8px}.profile-details__field--full{grid-column:1/-1;max-width:50%}.profile-details__label{color:#374151;font-size:14px;font-weight:500;margin:0}.profile-details__input,.profile-details__select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .2s ease}.profile-details__input:disabled,.profile-details__select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.profile-details__input::placeholder{color:#9ca3af}.profile-details__select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.profile-details__select:disabled{cursor:not-allowed}.profile-details__email-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.profile-details__section-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.profile-details__email-item{align-items:center;display:flex;gap:12px;padding:12px 0}.profile-details__email-icon{align-items:center;background:#eff6ff;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.profile-details__email-info{display:flex;flex-direction:column;gap:2px}.profile-details__email-address{color:#111827;font-size:14px;font-weight:500;margin:0}.profile-details__email-date{color:#6b7280;font-size:12px;margin:0}@media (max-width:768px){.profile-details{border-radius:8px;margin:16px;padding:16px}.profile-details__header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.profile-details__avatar-section{width:100%}.profile-details__edit-btn{align-self:flex-end;width:auto}.profile-details__row{gap:16px;grid-template-columns:1fr}.profile-details__field--full{max-width:100%}.profile-details__form{gap:20px}.profile-details__avatar{height:56px;width:56px}.profile-details__name{font-size:18px}.profile-details__email{font-size:13px}}@media (max-width:480px){.profile-details{margin:12px;padding:12px}.profile-details__header{margin-bottom:20px;padding-bottom:16px}.profile-details__avatar-section{gap:12px}.profile-details__avatar{height:48px;width:48px}.profile-details__name{font-size:16px}.profile-details__email{font-size:12px}.profile-details__input,.profile-details__select{font-size:13px;padding:10px 12px}.profile-details__edit-btn{font-size:13px;padding:6px 16px}.profile-details__form{gap:16px}.profile-details__email-section{margin-top:24px;padding-top:16px}.profile-details__section-title{font-size:15px}.profile-details__email-icon{height:36px;width:36px}.profile-details__email-address{font-size:13px}.profile-details__email-date{font-size:11px}}@media (max-width:320px){.profile-details{margin:8px;padding:8px}.profile-details__header{gap:12px}.profile-details__avatar-section{gap:8px}.profile-details__avatar{height:40px;width:40px}.profile-details__name{font-size:15px}.profile-details__input,.profile-details__select{font-size:12px;padding:8px 10px}.profile-details__edit-btn{font-size:12px;min-width:60px;padding:5px 12px}}.profile-details__edit-btn:focus{outline:2px solid #4285f4;outline-offset:2px}.profile-details__input:focus,.profile-details__select:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f41a;outline:none}.profile-details__edit-btn,.profile-details__input,.profile-details__select{transition:all .2s ease-in-out}.profile-details__input:not(:disabled):hover,.profile-details__select:not(:disabled):hover{border-color:#9ca3af}.profile-details--loading{opacity:.7;pointer-events:none}.profile-details--loading .profile-details__edit-btn{background:#9ca3af;cursor:not-allowed}.transaction-history-page{background:#f8f9fa;font-family:Inter,sans-serif;min-height:100vh}.content{padding:30px 40px}.page-title{align-items:center;border-left:4px solid #007bff;font-size:18px;font-weight:600;gap:10px;padding-left:10px}.filter-search,.page-title{display:flex;margin-bottom:20px}.filter-search{flex-wrap:wrap;justify-content:flex-end}.search-input{border:1px solid #e5e7eb;border-radius:6px;max-width:100%;padding:6px 12px;width:250px}.transaction-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:12px 16px;text-align:left}.transaction-table th{background:#f9fafb;color:#374151;font-weight:600}.no-data{color:#6b7280;padding:20px;text-align:center}.status-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 10px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.paid{background:#fef3c7;color:green}.status-badge.failed{background:#fee2e2;color:#991b1b}.pagination{gap:6px;justify-content:flex-end;margin-top:15px}.pagination button{border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px}@media (max-width:768px){.content{padding:20px}.search-input{width:100%}.pagination{justify-content:center}}@media (max-width:600px){.transaction-table{display:block;overflow-x:auto;white-space:nowrap}.transaction-table td,.transaction-table th{font-size:12px;padding:8px}.page-title{font-size:16px}}.track-package-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.track-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.logo-img{height:40px;width:auto}.nav-menu{align-items:center;display:flex;gap:2rem}.nav-link{color:#333;font-family:Inter;font-size:1rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.nav-link.active,.nav-link:hover{color:#4f46e5}.nav-link.active:after{background:#4f46e5;border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.user-icon{color:#666;cursor:pointer;transition:color .3s ease}.user-icon:hover{color:#4f46e5}.hero-section{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;overflow:hidden;padding:1rem 0;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.hero-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:2rem}.search-container{display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative}.search-icon{color:#9ca3af;flex-shrink:0}.search-input{background:#0000;border:none;color:#333;flex:1 1;font-size:1rem;outline:none}.search-input::placeholder{color:#9ca3af}.search-button{align-self:flex-start;background:#1f2937;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.search-button:hover{background:#111827;transform:translateY(-1px)}.hero-right{align-items:center;display:flex;justify-content:center}.hero-illustration{max-width:400px;position:relative;width:100%}.truck-image{filter:drop-shadow(0 20px 40px rgba(0,0,0,.2));height:auto;width:100%}.main-content{background:#f8fafc;min-height:60vh;padding:3rem 0}.content-wrapper{grid-gap:3rem;display:grid;gap:3rem;margin:0 auto;max-width:1200px;padding:0 1rem}.recent-shipments{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:#1f2937;font-size:1.25rem;margin:0}.view-all-btn{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.875rem;font-weight:500;transition:color .3s ease}.view-all-btn:hover{color:#3730a3}.shipments-list{display:flex;flex-direction:column;gap:.5rem}.shipment-item{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.shipment-item:hover{background:#f8fafc}.shipment-item.selected{background:#eff6ff;border-color:#4f46e5}.shipment-icon{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.shipment-details{flex:1 1}.shipment-number{color:#1f2937;font-size:.875rem;font-weight:600}.shipment-date{color:#6b7280;font-size:.75rem;margin-top:.25rem}.shipment-arrow{color:#d1d5db;transition:color .3s ease}.shipment-item:hover .shipment-arrow{color:#4f46e5}.tracking-details{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.tracking-card{display:flex;flex-direction:column;gap:2rem}.tracking-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tracking-number{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.status-badge{border-radius:20px;color:green;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.route-info{grid-gap:2rem;background:#f8fafc;border-radius:12px;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:1.5rem}.route-point{display:flex;flex-direction:column;gap:.5rem}.route-label{color:#6b7280;font-size:.875rem;font-weight:500}.route-value{color:#1f2937;font-weight:600}.progress-section{padding:2rem 0}.progress-tracker{justify-content:space-between;margin:0 auto;max-width:500px}.progress-dot,.progress-step,.progress-tracker{align-items:center;display:flex;position:relative}.progress-dot{background:#e5e7eb;border:3px solid #e5e7eb;border-radius:50%;height:40px;justify-content:center;transition:all .3s ease;width:40px;z-index:2}.progress-dot.completed{background:#4f46e5;border-color:#4f46e5}.checkmark{color:#fff;font-size:.875rem;font-weight:700}.progress-line{background:#e5e7eb;height:3px;position:relative;transition:all .3s ease;width:80px;z-index:1}.progress-line.completed{background:#4f46e5}.tracking-map{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.map-image{height:300px;object-fit:cover;width:100%}.no-selection{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 2rem;text-align:center}.illustration-placeholder{height:200px;margin-bottom:2rem;opacity:.6;width:200px}.placeholder-image{height:100%;object-fit:contain;width:100%}.no-selection-text{color:#6b7280;font-size:1.125rem;margin:0}@media (max-width:1024px){.content-wrapper{gap:2rem;grid-template-columns:1fr}.recent-shipments{order:2}.tracking-details{order:1}}@media (max-width:768px){.header-content{padding:0 1rem}.nav-menu{display:none}.hero-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem;text-align:center}.hero-title{font-size:2.5rem}.search-container{margin:0 auto;max-width:400px}.content-wrapper{padding:0 1rem}.recent-shipments,.tracking-details{padding:1.5rem}.route-info{gap:1rem;grid-template-columns:1fr}.progress-tracker{flex-direction:column;gap:1rem}.progress-line{height:40px;transform:rotate(90deg);width:3px}.tracking-header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:480px){.hero-section{padding:2rem 0}.hero-title{font-size:2rem}.search-input-wrapper{padding:1rem}.search-button{padding:1rem 1.5rem;width:100%}.shipment-item{padding:.75rem}.tracking-number{font-size:1.25rem}.progress-dot{height:32px;width:32px}.map-image{height:200px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tracking-card{animation:fadeInUp .5s ease-out}.shipment-item{animation:fadeInUp .3s ease-out}.shipment-item:first-child{animation-delay:.1s}.shipment-item:nth-child(2){animation-delay:.2s}.shipment-item:nth-child(3){animation-delay:.3s}.shipment-item:nth-child(4){animation-delay:.4s}.shipment-item:nth-child(5){animation-delay:.5s}.shipment-item:nth-child(6){animation-delay:.6s}.search-button:active{transform:translateY(0)}.shipment-item:active{transform:scale(.98)}.search-input:focus{outline:none}.search-input-wrapper:focus-within{border-color:#4f46e54d;box-shadow:0 0 0 3px #4f46e51a}.loading{opacity:.6;pointer-events:none}.loading:after{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-payment-container{margin:16px auto;max-width:1200px!important}.amount-summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:16px}.amount-value{font-size:2rem;font-weight:700}.payment-mode-box{margin-bottom:24px}.choose-method{color:#333;font-weight:600;margin-bottom:16px}.payment-card{background-color:#fff}.payment-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-card.active{background-color:#f8f9ff;border:2px solid #2196f3}.payment-card-header{align-items:flex-start;gap:8px}.method-text{flex-grow:1}.wallet-icon{color:#4caf50}.razorpay-icon{color:#2196f3}.cod-icon{color:#ff9800}.razorpay-options{gap:8px;margin-top:8px}.secure-payment-card{background-color:#f5f5f5;margin-top:16px}.secure-payment-header{align-items:center;display:flex;margin-bottom:12px}.secure-icon{color:#4caf50;margin-right:8px}.payment-actions{margin-top:24px}.payment-card{border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;height:100%;transition:all .3s ease}.payment-card:hover{border-color:#1976d2;box-shadow:0 4px 12px #1976d226}.payment-card.active{background:#f0f7ff;border-color:#1976d2}.payment-card-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.payment-icon{align-items:center;display:flex;font-size:28px;justify-content:center}.method-text{flex:1 1}.razorpay-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.add-payment-container{transition:all .3s ease}.payment-card.active{transform:translateY(-3px)}.payment-card:hover{transform:translateY(-4px);transition:.3s ease}.amount-summary-content{align-items:center;display:flex;justify-content:space-between}@media (max-width:600px){.amount-summary-content{align-items:flex-start;flex-direction:column;gap:8px}}.wallet-container{background:#f8fafc;min-height:100vh;padding:2rem}.wallet-balance-card{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000000d;margin-bottom:2rem}.wallet-card-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.wallet-info{display:flex;flex-direction:column}.wallet-title{color:#374151;font-weight:600}.wallet-amount{color:#111827;font-size:2rem;font-weight:700}.add-money-button{background-color:#007bff!important;border-radius:12px;color:#fff!important;font-weight:500;padding:.6rem 1.8rem;text-transform:none}.transactions-section{margin-top:1rem}.section-title{color:#374151;font-weight:600;margin-bottom:1rem}.transaction-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;transition:transform .2s ease}.transaction-card:hover{transform:translateY(-2px)}.transaction-card-content{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.transaction-info{flex:1 1}.transaction-title{color:#111827;font-weight:500}.transaction-date{color:#6b7280;font-size:.85rem}.transaction-amount.credit{color:#10b981;font-weight:600}.transaction-amount.debit{color:#ef4444;font-weight:600}.transaction-arrow{color:#9ca3af}.no-transactions{color:#6b7280;margin-top:2rem;text-align:center}@media (max-width:992px){.wallet-container{padding:1.5rem}.wallet-amount{font-size:1.6rem}.add-money-button{padding:.5rem 1.2rem}}@media (max-width:768px){.wallet-container{padding:1rem}.wallet-card-content{align-items:flex-start;flex-direction:column}.add-money-button{width:100%}.transaction-card-content{align-items:flex-start;flex-direction:column}.transaction-amount{align-self:flex-end}.transaction-arrow{display:none}}@media (max-width:480px){.wallet-amount{font-size:1.4rem}.section-title{font-size:1rem}.transaction-title{font-size:.95rem}.transaction-date{font-size:.75rem}}body,html{overflow-x:hidden;width:100%}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:end;margin-top:20px}.pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.pagination button.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination .dots{color:#9ca3af;font-weight:500;padding:0 4px}.footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;color:#334155;font-family:Inter,sans-serif;padding:30px 20px 10px}.footer-container{margin:0 auto;max-width:1200px}.footer-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:20px}.footer-about{flex:1 1 50%;min-width:280px}.footer-contact{flex:1 1 40%;min-width:280px}.footer-title{color:#2563eb;font-size:18px;font-weight:600;margin-bottom:8px}.footer-meta{color:#475569;font-size:14px;margin-top:6px}.footer-contact h4{color:#2563eb;font-size:16px;font-weight:600;margin-bottom:10px}.footer-contact p{font-size:14px;line-height:1.6;margin-bottom:6px}.footer-contact a{color:#2563eb;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #e5e7eb;color:#64748b;font-size:13px;padding-top:12px;text-align:center}@media (max-width:768px){.footer-content{flex-direction:column;gap:20px}.footer-about,.footer-contact{flex:1 1 100%}.footer-title{font-size:16px}.footer-bottom{font-size:12px}}
/*# sourceMappingURL=main.de4c4b71.css.map*/