@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#e8192c;--primary-dark:#c0121f;--primary-light:#ff4d5e;--bg:#f8f8f8;--card:#fff;--text:#1a1a1a;--text-muted:#666;--border:#e8e8e8;--success:#2ed573;--warning:#ffa502;--info:#4361ee;--purple:#7b2fbe;--shadow:0 2px 20px #00000014;--shadow-lg:0 8px 40px #0000001f;--radius:16px;--radius-sm:10px}body{background:#f8f8f8;background:var(--bg);color:#1a1a1a;color:var(--text);font-family:Inter,sans-serif}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 24px}.container-sm{max-width:800px}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-primary{background:#e8192c;background:var(--primary);color:#fff}.btn-primary:hover{background:#c0121f;background:var(--primary-dark);box-shadow:0 4px 20px #e8192c4d;transform:translateY(-1px)}.btn-secondary{background:#fff;border:2px solid #e8192c;border:2px solid var(--primary);color:#e8192c;color:var(--primary)}.btn-secondary:hover{background:#fff0f0}.btn-lg{border-radius:14px;font-size:17px;padding:16px 32px}.btn-sm{border-radius:8px;font-size:13px;padding:8px 16px}.card{background:#fff;background:var(--card);border-radius:16px;border-radius:var(--radius);box-shadow:0 2px 20px #00000014;box-shadow:var(--shadow);padding:24px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 12px}.badge-success{background:#2ed57320;color:#2ed573;color:var(--success)}.badge-warning{background:#ffa50220;color:#ffa502;color:var(--warning)}.badge-danger{background:#e8192c20;color:#e8192c;color:var(--primary)}.badge-info{background:#4361ee20;color:#4361ee;color:var(--info)}input,select,textarea{background:#fff;border:1.5px solid #e8e8e8;border:1.5px solid var(--border);border-radius:10px;border-radius:var(--radius-sm);font-family:inherit;font-size:15px;outline:none;padding:14px 16px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:#e8192c;border-color:var(--primary)}label{color:#555;display:block;font-size:13px;font-weight:700;margin-bottom:8px}.grid-2{grid-gap:20px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-8{gap:8px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-muted{color:#666;color:var(--text-muted)}.text-primary{color:#e8192c;color:var(--primary)}.text-success{color:#2ed573;color:var(--success)}.font-bold{font-weight:700}.w-full{width:100%}.section{padding:80px 0}.section-title{font-size:36px;font-weight:800;margin-bottom:12px}.section-sub{color:#666;color:var(--text-muted);font-size:18px;margin-bottom:48px}.spinner{animation:spin .8s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#e8192c;border-top:4px solid var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.toast{animation:slideIn .3s ease;border-radius:12px;font-weight:600;padding:14px 20px;position:fixed;right:20px;top:20px;z-index:9999}.toast-success{background:#2ed573;background:var(--success);color:#fff}.toast-error{background:#e8192c;background:var(--primary);color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{padding:48px 0}.section-title{font-size:28px}.container{padding:0 16px}.hide-mobile{display:none}.hide-desktop{display:none!important}}@media (min-width:769px){.hide-mobile{display:none!important}}@media (max-width:768px){.navbar-desktop-nav{display:none!important}.navbar-hamburger-btn{align-items:center;display:flex!important;justify-content:center}}@media (min-width:769px){.navbar-hamburger-btn{display:none!important}}#root,body,html{max-width:100vw;overflow-x:hidden;width:100%}*,img,svg{max-width:100%}img,svg{height:auto}@media (max-width:900px){.hero-container-grid{gap:32px!important;grid-template-columns:1fr!important}}@media (max-width:768px){.hero-section{min-height:auto!important;overflow:hidden!important;padding:48px 0 40px!important}.hero-bg-circle{display:none!important}.hero-section{height:75vh!important;min-height:400px!important}.delivery-form-grid,.services-grid{grid-template-columns:1fr!important}.category-grid,.stats-inner{grid-template-columns:repeat(2,1fr)!important}.stats-inner{justify-content:center}.how-grid{grid-template-columns:repeat(2,1fr)!important}.cta-btns{align-items:center;flex-direction:column!important}.card{border-radius:12px!important;padding:14px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.booking-steps{flex-direction:column!important}.profile-grid,.wallet-grid{grid-template-columns:1fr!important}.parcel-size-grid{grid-template-columns:repeat(2,1fr)!important}.modal-overlay>div{max-height:90vh;overflow-y:auto;width:95vw!important}h1{font-size:clamp(20px,6vw,32px)!important}h2{font-size:clamp(18px,5vw,28px)!important}.page-content{padding-bottom:80px}.mobile-menu{bottom:0;left:0;overflow-y:auto;position:fixed!important;right:0;top:0;z-index:9999}.hide-mobile-col{display:none!important}.main-content{padding:60px 12px 24px!important}}@media (max-width:480px){.category-grid,.parcel-size-grid{grid-template-columns:repeat(2,1fr)!important}.how-grid{grid-template-columns:1fr!important}section{padding:32px 0!important}.container{padding:0 12px!important}.hero-section{height:65vh!important}}@media (max-width:768px){footer .grid,footer [style*=grid]{gap:24px!important;grid-template-columns:1fr!important}.dashboard-stats{grid-template-columns:1fr 1fr!important}.dashboard-bookings{padding:0!important}.wallet-cards{grid-template-columns:1fr!important}.wallet-actions{flex-direction:column!important}.wallet-action-btn{width:100%!important}.profile-form{grid-template-columns:1fr!important}.profile-header{align-items:center!important;flex-direction:column!important;text-align:center}.how-steps,.stokvel-grid{grid-template-columns:1fr!important}.stokvel-card{padding:16px!important}.booking-card{flex-direction:column!important}.booking-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%!important}.booking-actions a,.booking-actions button{flex:1 1;min-width:100px;text-align:center}.delivery-size-grid{grid-template-columns:repeat(2,1fr)!important}.delivery-quote-banner{align-items:stretch!important;flex-direction:column!important}.delivery-quote-banner button{width:100%!important}.how-hero{padding:48px 16px!important}.how-hero h1{font-size:28px!important}.page-section{padding:32px 16px!important}.mobile-full{width:100%!important}.chat-layout{flex-direction:column!important}.chat-sidebar{max-height:200px;overflow-y:auto;width:100%!important}.chat-main{height:calc(100vh - 300px)!important}*{word-break:break-word}img{max-width:100%}}@media (max-width:480px){.dashboard-stats{grid-template-columns:1fr 1fr!important}.delivery-size-grid{grid-template-columns:repeat(2,1fr)!important}footer .grid{grid-template-columns:1fr!important}}@media (max-width:768px){.wallet-balance-grid{grid-template-columns:1fr!important}.wallet-actions{flex-wrap:wrap!important}.wallet-actions button{flex:1 1 130px!important}.wallet-modal{width:95vw!important}.transaction-item{flex-wrap:wrap!important;gap:8px!important}.transaction-amount{margin-left:auto}.profile-header{align-items:center!important;flex-direction:column!important;text-align:center!important}.profile-avatar{font-size:28px!important;height:80px!important;width:80px!important}.profile-menu-grid{grid-template-columns:repeat(2,1fr)!important}.profile-form-grid{grid-template-columns:1fr!important}.profile-stats,.quick-links{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:380px){.profile-menu-grid{grid-template-columns:1fr!important}.wallet-actions button{flex:1 1 100%!important}}
/*# sourceMappingURL=main.51e3aad6.css.map*/