.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#a50e2af2,#d22e4af2);border-bottom:2px solid #f5a623;position:sticky;top:0;box-shadow:0 4px 20px #a50e2a4d}.nav-inner{align-items:center;gap:1.5rem;padding-top:1rem;padding-bottom:1rem;display:flex}.nav-logo{align-items:center;display:flex}.navbar-logo{object-fit:contain;width:150px;height:auto}.nav-links{flex:1;align-items:center;gap:1.5rem;margin-left:1rem;display:flex}.nav-link{color:#ffffffd9;align-items:center;gap:.3rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.nav-link:hover,.nav-link.active{color:#f5a623;text-shadow:0 0 8px #f5a62366}.nav-auth{align-items:center;gap:1rem;margin-left:auto;display:flex}.nav-notif-btn{color:var(--text-secondary);margin-right:.5rem;position:relative}.notif-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.nav-user{align-items:center;gap:.8rem;display:flex}.user-avatar{color:#f5a623;background:#f5a62333;border:2px solid #f5a623;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 0 12px #f5a6234d}.user-name{color:#fff;font-size:.9rem;font-weight:600}.nav-toggle{color:#fff;background:0 0;border:none;margin-left:auto;font-size:1.5rem;display:none}.nav-drawer{background:linear-gradient(135deg,#a50e2af2,#d22e4af2);border-top:2px solid #f5a623;flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}@media (width<=768px){.nav-links,.nav-auth{display:none}.nav-toggle{display:flex}}.footer{background:var(--brand-surface);border-top:1px solid var(--brand-border);margin-top:4rem;padding:4rem 0 2rem}.footer-inner{flex-direction:column;gap:2.5rem;display:flex}.footer-top{grid-template-columns:1.2fr 2fr;gap:3rem;display:grid}.footer-brand{max-width:320px}.footer-logo{width:140px;height:auto;margin-bottom:.9rem}.footer-tagline{color:var(--text-muted);font-size:.88rem;line-height:1.6}.footer-cols{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.footer-col{flex-direction:column;gap:.65rem;display:flex}.footer-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-accent);margin-bottom:.3rem;font-size:.78rem;font-weight:800}.footer-col a{color:var(--text-secondary);align-items:center;gap:.4rem;width:fit-content;font-size:.88rem;text-decoration:none;transition:color .15s;display:inline-flex}.footer-col a:hover{color:var(--brand-accent)}.footer-stores{border-top:1px solid var(--brand-border);flex-wrap:wrap;align-items:center;gap:1.25rem;padding-top:2rem;display:flex}.footer-stores-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.footer-store-badges{flex-wrap:wrap;gap:.75rem;display:flex}.store-badge{border-radius:var(--radius-sm);border:1px solid var(--brand-border);cursor:default;background:#ffffff08;flex-direction:column;justify-content:center;padding:.55rem 1.1rem;display:flex}.store-badge-eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem}.store-badge-name{color:var(--text-secondary);font-size:.92rem;font-weight:800}.store-badge-soon{opacity:.7}.footer-bottom{text-align:center;border-top:1px solid var(--brand-border);padding-top:1.5rem}.footer-bottom p{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.footer{margin-top:3rem;padding:3rem 0 1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-brand{max-width:100%}.footer-cols{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (width<=480px){.footer-cols{grid-template-columns:1fr;gap:1.5rem}.footer-stores{flex-direction:column;align-items:flex-start;gap:.85rem}}.home{overflow:hidden}.hero{z-index:2;background-color:#0000;background-image:linear-gradient(#000c 0%,#000000a6 50%,#000000d9 100%),url(/hero-background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;margin-bottom:-3rem;padding:8rem 0 10rem;display:flex;position:relative}.hero-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(#f5a62340 0%,#0000 70%);border-radius:50%;width:800px;height:600px;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.hero-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;padding:0 1.5rem;position:relative}.hero-badge{border:2px solid var(--brand-accent);color:var(--brand-accent);text-transform:uppercase;letter-spacing:.5px;background:#f5a62326;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.6rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.hero-title{color:#fff;letter-spacing:-1px;text-shadow:0 4px 20px #000000e6;margin-bottom:1.25rem;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.15}.gradient-text{-webkit-text-fill-color:transparent;text-shadow:none;filter:none;background:linear-gradient(135deg,#f5a623,orange,#ff8c42) 0 0/200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradMove}.hero-sub{color:#ffffffeb;text-shadow:0 2px 10px #000c;max-width:550px;margin:0 auto 2.5rem;font-size:1.15rem;font-weight:500;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-bottom:3rem;display:flex}.section{padding:8rem 0 5rem}.section-features{margin-top:-2rem;padding-top:12rem}.section-how{padding-top:6rem;padding-bottom:6rem}.section-title{text-align:center;color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:900;position:relative}.section-sub{text-align:center;color:var(--text-secondary);max-width:560px;margin:0 auto 3rem;font-size:1rem}.section-features .section-title,.section-how .section-title,.section-faq .section-title{margin-bottom:4rem}.feature-card{text-align:center;border:2px solid #0000;margin-bottom:1.5rem;padding:2.25rem 1.75rem;transition:all .3s}.feature-card:hover{border-color:var(--brand-accent);transform:translateY(-8px);box-shadow:0 12px 40px #8b053c4d,0 0 20px #f5a62333;background:#f5a6230d!important}.feature-icon{border:2px solid var(--brand-accent);width:64px;height:64px;color:var(--brand-accent);background:linear-gradient(135deg,#f5a62333,#ffa50026);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex;box-shadow:0 0 16px #f5a62333}.feature-card h3{color:#fff;margin-bottom:.75rem;font-size:1.15rem;font-weight:800}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;display:grid}.phone-mockup{flex-direction:column;align-items:center;display:flex}.phone-frame{aspect-ratio:9/19.5;background:var(--brand-surface);width:200px;box-shadow:var(--shadow-card);border:6px solid #f5a62340;border-radius:28px;transition:transform .3s,border-color .3s;overflow:hidden}.phone-frame:hover{border-color:var(--brand-accent);transform:translateY(-6px)}.phone-screenshot{object-fit:cover;width:100%;height:100%;display:block}.phone-placeholder{background:linear-gradient(160deg, var(--brand-dark), var(--brand-surface));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;padding:1.5rem;display:flex}.phone-placeholder-logo{opacity:.8;width:56px;height:auto}.phone-placeholder span{color:var(--text-muted);font-size:.8rem;font-weight:600}.phone-label{color:var(--text-secondary);margin-top:1rem;font-size:.9rem;font-weight:700}.steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-top:3rem;display:grid}.step-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#8b053c1a,#f5a6230d);border:2px solid #f5a6234d;padding:2.25rem 1.75rem;transition:all .3s;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(90deg, var(--brand-primary), var(--brand-accent));height:3px;position:absolute;top:0;left:0;right:0}.step-card:hover{border-color:var(--brand-accent);transform:translateY(-4px);box-shadow:0 8px 32px #8b053c33,0 0 16px #f5a62326}.step-num{color:#f5a6234d;margin-bottom:1rem;font-size:2.8rem;font-weight:900;line-height:1}.step-card h3{color:#fff;margin-bottom:.75rem;font-size:1.15rem;font-weight:800}.step-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.business-card{background:linear-gradient(135deg,#8b053c26,#f5a6230d);border:2px solid #f5a62340;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:3.5rem;display:grid}.business-title{text-align:left;margin-bottom:1rem}.business-sub{color:var(--text-secondary);margin-bottom:1.75rem;line-height:1.6}.business-perks{flex-direction:column;gap:1.5rem;display:flex}.business-perk{align-items:flex-start;gap:1rem;display:flex}.business-perk-icon{border:2px solid var(--brand-accent);width:44px;height:44px;color:var(--brand-accent);background:#f5a6231f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.business-perk h3{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:800}.business-perk p{color:var(--text-secondary);font-size:.85rem;line-height:1.55}.faq-list{flex-direction:column;gap:1rem;max-width:760px;margin:0 auto;display:flex}.faq-item{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--brand-accent)}.faq-question{cursor:pointer;color:#fff;text-align:left;width:100%;font-size:1rem;font-weight:700;font-family:var(--font);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.faq-chevron{color:var(--brand-accent);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{color:var(--text-secondary);padding:0 1.5rem 1.25rem;font-size:.92rem;line-height:1.65}.faq-answer a{color:var(--brand-accent);font-weight:700}.cta-section{margin-top:4rem;padding:6rem 0 8rem}.cta-card{text-align:center;background:linear-gradient(135deg, var(--brand-primary) 0%, #8b053ccc 50%, #f5a62326 100%);border:2px solid var(--brand-accent);border-radius:var(--radius-xl);max-width:900px;margin:0 auto;padding:4rem 3rem;box-shadow:0 12px 40px #8b053c66,0 0 30px #f5a62326}.cta-card h2{color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:900}.cta-card p{color:#ffffffe6;margin-bottom:2rem;font-size:1.05rem;font-weight:500}@media (width<=1200px){.hero-content{max-width:700px}.hero-sub{max-width:500px}.steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media (width<=1024px){.hero-content{max-width:650px}.hero-title{font-size:clamp(2.2rem,5.5vw,3.5rem)}.section-title{font-size:1.75rem}.step-num{font-size:2.4rem}.cta-card{padding:3.5rem 2.5rem}.section{padding:4.5rem 0}.business-card{grid-template-columns:1fr;gap:2.5rem}.business-title,.business-sub{text-align:center}.business-card .btn{margin:0 auto;display:inline-flex}.business-copy{text-align:center}}@media (width<=768px){.hero{min-height:85vh;margin-bottom:-1rem;padding:6rem 0}.hero-content{max-width:600px;padding:0 1rem}.hero-badge{padding:.4rem 1rem;font-size:.8rem}.hero-sub{max-width:480px;font-size:1rem}.section{padding:5rem 0}.section-features{padding-top:8rem}.section-how{padding-top:4rem}.section-title{margin-bottom:2.5rem;font-size:1.6rem}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-top:2rem}.step-card{padding:2rem 1.5rem}.step-num{font-size:2.2rem}.feature-card{margin-bottom:1.25rem;padding:1.75rem 1.25rem}.feature-icon{width:56px;height:56px;margin:0 auto 1rem}.cta-card{padding:3rem 2rem}.cta-card h2{font-size:1.75rem}.cta-section{margin-top:3rem}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.75rem}.phone-frame{width:160px}.business-card{padding:2.5rem}}@media (width<=640px){.hero{min-height:75vh;margin-bottom:-.5rem;padding:5rem 0}.hero-content{max-width:100%;padding:0 1rem}.hero-title{font-size:clamp(1.8rem,5vw,2.8rem)}.hero-badge{padding:.35rem .85rem;font-size:.75rem}.hero-sub{font-size:.95rem}.hero-actions{gap:.75rem}.section{padding:4rem 0}.section-features{padding-top:6rem}.section-how{padding-top:3rem}.section-title{margin-bottom:2rem;font-size:1.4rem}.steps{grid-template-columns:1fr;gap:2rem;margin-top:1.5rem}.step-card{padding:1.75rem 1.25rem}.step-num{font-size:2rem}.feature-card{margin-bottom:1rem;padding:1.5rem 1rem}.cta-card{padding:2.5rem 1.5rem}.cta-card h2{font-size:1.5rem}.cta-card p{font-size:.95rem}.cta-section{margin-top:2.5rem}.showcase-grid{grid-template-columns:repeat(2,1fr)}.business-card{padding:2rem}.faq-question{padding:1rem 1.15rem;font-size:.92rem}.faq-answer{padding:0 1.15rem 1rem}}@media (width<=480px){.hero{padding:4rem 0}.hero-title{margin-bottom:1rem}.hero-sub{margin:0 auto 1.5rem;font-size:.9rem}.section{padding:3.5rem 0}.section-features{padding-top:5rem}.section-how{padding-top:2.5rem}.section-title{margin-bottom:1.75rem;font-size:1.25rem}.section-sub{margin-bottom:2rem}.steps{gap:1.5rem;margin-top:1rem}.step-card{padding:1.5rem 1rem}.step-num{font-size:1.8rem}.step-card h3{font-size:1rem}.step-card p{font-size:.85rem}.feature-icon{width:48px;height:48px}.feature-card{margin-bottom:.75rem;padding:1.25rem 1rem}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.cta-card{padding:2rem 1rem}.cta-card h2{margin-bottom:.75rem;font-size:1.25rem}.cta-card p{margin-bottom:1.5rem;font-size:.9rem}.cta-section{margin-top:2rem}.showcase-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.phone-frame{width:130px}.business-card{padding:1.5rem}}.auth-page{background:linear-gradient(#a50e2a14 0%,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.auth-glow{pointer-events:none;filter:blur(40px);background:radial-gradient(#f5a62340 0%,#0000 70%);border-radius:50%;width:600px;height:500px;position:fixed;top:20%;left:50%;transform:translate(-50%)}.auth-card{width:100%;max-width:420px}.auth-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.auth-logo-img{object-fit:contain;width:150px;height:auto}.auth-card h1{letter-spacing:-.5px;margin-bottom:.4rem;font-size:1.8rem;font-weight:900}.auth-sub{color:var(--text-secondary);margin-bottom:1.8rem;font-size:.95rem;font-weight:500}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.auth-switch a{color:#f5a623;font-weight:700}.auth-switch a:hover{text-decoration:underline}.link-btn{color:#f5a623;font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.link-btn:hover{text-decoration:underline}.w-full{justify-content:center;width:100%;margin-top:.5rem}.input-icon-wrap{position:relative}.input-icon{color:#f5a623;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-field.padded{padding-left:2.5rem}.role-toggle{border-radius:var(--radius-md);background:#f5a62314;border:2px solid #f5a62333;gap:.5rem;margin-bottom:1.5rem;padding:.35rem;display:flex}.role-toggle button{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem;font-size:.9rem;font-weight:700;transition:all .3s;display:flex}.role-toggle button.active{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;box-shadow:0 4px 16px #a50e2a66}.rider-photo-upload{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.rider-photo-preview{width:72px;height:72px;color:var(--text-secondary);background:#f5a6231f;border:2px solid #f5a62359;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.rider-photo-preview img{object-fit:cover;width:100%;height:100%}.po-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}.po-form{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:1.5rem}.po-step-toggle{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:#ffffff0a;gap:.4rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.po-step-toggle button{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.po-step-toggle button.active{background:var(--brand-primary);color:#fff}.po-map-wrap{position:relative}.po-map{height:580px!important}.map-step-hint{z-index:10;border:1px solid var(--brand-border);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0f0a1ee6;border-radius:100px;padding:.4rem 1.2rem;font-size:.82rem;font-weight:600;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.po-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:1rem 0 .5rem;font-size:.75rem;font-weight:700}.input-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.package-sizes{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.size-card{border-radius:var(--radius-md);border:1px solid var(--brand-border);text-align:left;cursor:pointer;background:#ffffff08;padding:.75rem;transition:all .2s}.size-card b{color:var(--text-primary);font-size:.85rem;display:block}.size-card span{color:var(--text-muted);font-size:.7rem}.size-card.selected{border-color:var(--brand-primary);background:#7c3aed26}.estimate-box{border-radius:var(--radius-md);background:#7c3aed1a;border:1px solid #7c3aed40;margin-bottom:1rem;padding:1rem;font-size:.88rem}.estimate-row{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.estimate-row+.estimate-row{border-top:1px solid #7c3aed26;margin-top:.4rem;padding-top:.4rem}.price{color:var(--brand-accent);font-size:1.1rem}.address-search-group{position:relative}.address-input-row{align-items:center;gap:.4rem;display:flex}.address-input-row .input-field{flex:1}.address-spinner{color:var(--text-muted);pointer-events:none;flex-shrink:0}.gps-btn{border:1px solid var(--brand-border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.gps-btn:hover:not(:disabled){border-color:var(--brand-accent);color:var(--brand-accent);background:#f89a3814}.gps-btn:disabled{opacity:.5;cursor:not-allowed}.address-suggestions{z-index:200;border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#1e0d0d;max-height:260px;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 32px #000000d9}.address-suggestions li{cursor:pointer;color:var(--text-secondary);border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:.6rem;padding:.7rem 1rem;font-size:.84rem;transition:background .15s;display:flex}.address-suggestions li:last-child{border-bottom:none}.address-suggestions li:hover{color:var(--text-primary);background:#7c3aed1a}.address-suggestions li>svg{color:var(--text-muted);flex-shrink:0;margin-top:.2rem}.suggestion-main{color:var(--text-primary);font-size:.84rem;font-weight:600;display:block}.suggestion-sub{color:var(--text-muted);margin-top:.1rem;font-size:.74rem;display:block}.map-step-hint{align-items:center;gap:.5rem;display:flex}.hint-step-num{background:var(--brand-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.68rem;font-weight:800;display:inline-flex}.hint-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.hint-dot--pickup{background:#7c3aed;box-shadow:0 0 6px #7c3aedcc}.hint-dot--dropoff{background:#f59e0b;box-shadow:0 0 6px #f59e0bcc}.po-step-toggle button.done{color:var(--success)}.po-step-toggle button.done.active{color:#fff}.tab-check{color:var(--success);margin-left:.2rem;font-size:.75rem}.po-step-toggle button.active .tab-check{color:#ffffffd9}.location-confirmed{border-radius:var(--radius-sm);background:#7c3aed0f;border:1px solid #7c3aed33;border-left:3px solid #7c3aed;align-items:flex-start;gap:.6rem;margin-top:.4rem;padding:.55rem .75rem;font-size:.82rem;display:flex}.location-confirmed.dropoff-confirmed{background:#f59e0b0f;border-color:#f59e0b33 #f59e0b33 #f59e0b33 #f59e0b}.confirmed-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.15rem;font-size:.68rem;font-weight:700;display:block}.confirmed-address{color:var(--text-primary);font-weight:500;line-height:1.4;display:block}.confirmed-icon{flex-shrink:0;margin-top:.15rem}.confirmed-icon--pickup{color:#7c3aed}.confirmed-icon--dropoff{color:#f59e0b}.pkg-photo-upload{border:1.5px dashed var(--brand-border);border-radius:var(--radius-md);height:90px;color:var(--text-muted);cursor:pointer;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.78rem;transition:all .2s;display:flex}.pkg-photo-upload:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#7c3aed0d}.pkg-photo-preview{display:inline-block;position:relative}.pkg-photo-preview img{object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--brand-border);width:100%;max-height:180px;display:block}.pkg-photo-remove{color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.pkg-photo-remove:hover{background:#ef4444cc}@media (width<=900px){.po-layout{grid-template-columns:1fr}.po-map{height:350px!important}}.track-layout{grid-template-columns:400px 1fr;align-items:start;gap:2.5rem;max-width:1600px;margin:0 auto;padding:2rem;display:grid}.track-sidebar{flex-direction:column;gap:2rem;display:flex}.track-sidebar>.card{padding:1.5rem}.track-sidebar h3{margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.mb-1{margin-bottom:0}.track-map-wrap{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.track-map{height:600px!important}.page-header h1{margin-bottom:.75rem}.page-header p{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.finding-rider{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.status-pill{white-space:nowrap;background:#7c3aed33;border-radius:100px;margin-left:.75rem;padding:.3rem .75rem;font-size:.75rem}.distance-remaining{color:var(--brand-accent);margin-top:.75rem;font-size:.9rem;font-weight:600}.star-rating{gap:.25rem;margin:.75rem 0;display:flex}.star-rating button{cursor:pointer;background:0 0;border:none;padding:0}.plate{color:var(--text-muted);font-size:.75rem;display:block}.detail-row.sub{padding-left:1.25rem;font-size:.8rem}.detail-row.sub a{color:var(--brand-accent)}.track-loading{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.status-steps-vertical{flex-direction:column;gap:0;display:flex}.vstep{color:var(--text-muted);align-items:flex-start;gap:1rem;padding-bottom:1.25rem;font-size:.9rem;display:flex;position:relative}.vstep:not(:last-child):before{content:"";background:var(--brand-border);width:2px;height:calc(100% - 8px);position:absolute;top:28px;left:14px}.vstep.done:before,.vstep.active:before{background:var(--success)}.vstep-dot{z-index:1;background:var(--brand-dark);border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;display:flex}.vstep.done{color:var(--success)}.vstep.done .vstep-dot{background:var(--success);border-color:var(--success);color:#fff}.vstep.active{color:var(--brand-primary)}.vstep.active .vstep-dot{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.vstep-label{padding-top:.4rem;font-weight:600}.cancelled-badge{color:var(--danger);border-radius:var(--radius-md);text-align:center;background:#ef444426;border:1px solid #ef444440;padding:1rem 1.5rem;font-weight:600}.detail-row{border-bottom:1px solid var(--brand-border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 0;font-size:.9rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row b{color:var(--text-primary);text-align:right;margin-left:auto}.price-row{color:var(--text-primary)}.price-row b{color:var(--brand-accent);font-size:1.15rem;font-weight:700}.rider-card h3{margin-bottom:1rem}.rider-info{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.rider-avatar{background:var(--brand-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:2.5rem;display:flex;overflow:hidden}.rider-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.rider-info div{flex-direction:column;gap:.25rem;display:flex}.rider-info span{color:var(--text-secondary);font-size:.8rem}.rider-contact-btns{gap:.5rem;margin-top:1rem;display:flex}.rider-contact-btns .btn{flex:1;justify-content:center}.call-btn,.sms-btn{justify-content:center}.delivery-proof{margin:1rem 0}.proof-label{color:#10b981;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.proof-photo{object-fit:cover;cursor:zoom-in;border:1px solid #10b98140;border-radius:10px;width:100%;max-height:220px;transition:opacity .2s;display:block}.proof-photo:hover{opacity:.9}.pkg-photo-track{margin:.5rem 0 .25rem;padding-left:1.5rem}.pkg-photo-track a{display:block}.pkg-photo-track img{object-fit:cover;border:1px solid var(--brand-border);border-radius:8px;width:100%;max-height:160px;transition:opacity .2s}.pkg-photo-track img:hover{opacity:.85}.delivered-overlay{z-index:10;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#10b981e6;border-radius:100px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-weight:700;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.rider-marker{filter:drop-shadow(0 2px 8px #0009);font-size:1.8rem}.pickup-marker,.drop-marker{filter:drop-shadow(0 2px 6px #0009);border-radius:6px;padding:.15rem;font-size:1.6rem;line-height:1}.pickup-marker{color:#7c3aed;background:#7c3aed14}.drop-marker{color:#f59e0b;background:#f59e0b0f}.route-arrow{color:#fff;text-shadow:0 1px 2px #000000b3;font-size:1.1rem}@media (width<=1200px){.track-layout{grid-template-columns:350px 1fr;gap:2rem}.track-map{height:550px!important}.page-header{margin-bottom:2rem}}@media (width<=1024px){.track-layout{grid-template-columns:320px 1fr;gap:1.75rem}.track-map{height:500px!important}.page-header{margin-bottom:1.75rem}}@media (width<=900px){.track-layout{grid-template-columns:1fr;gap:2.25rem}.track-map{height:400px!important}.track-sidebar{order:2}.track-map-wrap{order:1}.page-header{margin-bottom:1.5rem}}@media (width<=768px){.track-layout{gap:2rem;padding:1.25rem}.track-map{height:350px!important}.track-sidebar{gap:1.5rem}.rider-avatar{width:56px;height:56px}.page-header{text-align:center;margin-bottom:1.75rem}.page-header p{justify-content:center}.track-sidebar>.card{padding:1.25rem}}@media (width<=640px){.track-layout{gap:1.75rem;padding:1rem}.track-map{height:300px!important}.track-sidebar{gap:1.25rem}.rider-avatar{width:52px;height:52px}.finding-rider{flex-direction:column;align-items:flex-start}.status-pill{margin-top:.5rem;margin-left:0}.detail-row{gap:.5rem;font-size:.85rem}.price-row b{font-size:1.05rem}.page-header h1{margin-bottom:.5rem;font-size:1.5rem}.track-sidebar>.card{padding:1.125rem}.track-sidebar h3{margin-bottom:1rem;font-size:1rem}}@media (width<=480px){.track-layout{gap:1.5rem;padding:.75rem}.track-map{height:250px!important}.track-sidebar{gap:1rem}.rider-avatar{width:48px;height:48px}.detail-row{padding:.5rem 0;font-size:.8rem}.page-header h1{margin-bottom:.5rem;font-size:1.25rem}.vstep{gap:.75rem;padding-bottom:1rem}.vstep-dot{width:24px;height:24px;font-size:.7rem}.track-sidebar>.card{padding:1rem}.track-sidebar h3{margin-bottom:.875rem;font-size:.95rem}.status-pill{padding:.25rem .5rem;font-size:.7rem}.page-header{margin-bottom:1.5rem}}.orders-loading{justify-content:center;padding:4rem;display:flex}.orders-empty{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.orders-empty h3{font-size:1.2rem}.orders-empty p{color:var(--text-secondary)}.orders-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.orders-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-chip{border:1px solid var(--brand-border);color:var(--text-secondary);background:0 0;border-radius:100px;padding:.4rem 1rem;font-size:.82rem;font-weight:600}.filter-chip.active{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.order-card-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.order-expanded{border-top:1px solid var(--brand-border);margin-top:.5rem;padding:.75rem 1rem 1rem}.order-expanded p{color:var(--text-secondary);margin:.25rem 0;font-size:.85rem}.orders-list{flex-direction:column;gap:.75rem;display:flex}.order-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.order-card:hover{border-color:#7c3aed66;transform:translateY(-2px);box-shadow:0 8px 32px #7c3aed26}.order-card-left{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.order-icon{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed33;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.order-details{min-width:0}.order-id{color:var(--text-muted);margin-bottom:.15rem;font-family:monospace;font-size:.75rem}.order-desc{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.95rem;font-weight:600;overflow:hidden}.order-route{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;font-size:.78rem;display:flex;overflow:hidden}.arrow{color:var(--brand-primary)}.order-meta{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.2rem;font-size:.75rem;display:flex}.dot{font-size:.5rem}.order-card-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.order-package-detail{background:#7c3aed0d;border:1px solid #7c3aed26;border-radius:8px;align-items:flex-start;gap:.75rem;margin:.4rem 0;padding:.6rem;display:flex}.order-package-photo img{object-fit:cover;border:1px solid #ffffff1a;border-radius:6px;width:60px;height:60px;display:block}.order-card{flex-direction:column;align-items:stretch}.business-alert{border-radius:var(--radius-md);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.25rem 1.5rem;animation:.4s both fadeIn;display:flex;box-shadow:0 4px 20px #00000040}.alert-pending{background:#f5a6231a;border:2px solid #f5a6234d}.alert-review{background:#3b82f61a;border:2px solid #3b82f64d}.alert-rejected{background:#ef44441a;border:2px solid #ef44444d}.alert-icon{color:var(--brand-accent);flex-shrink:0;margin-top:.2rem}.alert-content{flex:1}.alert-content h3{margin-bottom:.25rem;font-size:1.1rem;font-weight:800}.alert-content p{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.alert-btn{margin-top:.85rem}.rejection-reason{border-radius:var(--radius-sm);background:#ef444426;margin-top:.4rem;padding:.5rem .75rem;color:#ffa3a3!important;font-size:.88rem!important}.dashboard-header{border-bottom:2px solid var(--brand-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-title{align-items:center;gap:1rem;display:flex}.header-icon{color:var(--brand-accent)}.dashboard-header h1{letter-spacing:-.5px;font-size:2rem;font-weight:900}.business-type-label{color:var(--text-muted);letter-spacing:.5px;align-items:center;font-size:.82rem;font-weight:700;display:flex}.stats-grid{margin-bottom:2rem}.stat-card{align-items:center;gap:1rem;display:flex;padding:1.25rem 1.5rem!important}.stat-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-wrap.bg-primary{color:var(--brand-secondary);background:#a50e2a26}.stat-icon-wrap.bg-accent{color:var(--brand-accent);background:#f5a62326}.stat-icon-wrap.bg-success{color:var(--success);background:#10b98126}.stat-icon-wrap.bg-info{color:var(--info);background:#3b82f626}.stat-data{flex-direction:column;display:flex}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:600}.stat-value{color:#fff;font-size:1.6rem;font-weight:900}.flex-col-card{flex-direction:column;height:100%;display:flex}.flex-col-card h2,.pricing-info-card h2,.recent-orders-card h2{color:#fff;letter-spacing:-.3px;margin-bottom:1.2rem;font-size:1.3rem;font-weight:800}.quick-actions-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.action-btn{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff08;border:2px solid #f5a6231f;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex}.action-btn:hover{border-color:var(--brand-accent);color:#fff;background:#f5a62314;transform:translateY(-2px);box-shadow:0 4px 12px #f5a6231a}.action-icon{color:var(--brand-accent)}.action-btn span{font-size:.85rem;font-weight:700}.pricing-info-card{flex-direction:column;height:100%;display:flex}.pricing-details{flex-direction:column;flex:1;gap:1rem;display:flex}.rate-badge{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;border-radius:100px;align-self:flex-start;padding:.4rem 1rem;font-size:.8rem;font-weight:800;box-shadow:0 4px 10px #a50e2a4d}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.price-item{border-radius:var(--radius-md);background:#ffffff05;border:1.5px solid #ffffff0d;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;display:flex}.price-label{color:var(--text-muted);text-align:center;font-size:.75rem;font-weight:600}.price-value{color:var(--brand-accent);font-size:1.05rem;font-weight:800}.pricing-footnote{color:var(--text-muted);margin-top:auto;font-size:.82rem;line-height:1.4}.no-pricing{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);border:1.5px dashed #ffffff1a;flex:1;justify-content:center;align-items:center;padding:1.5rem;font-size:.9rem;display:flex}.card-header-flex{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.card-header-flex h2{margin-bottom:0!important}.view-all-link{color:var(--brand-accent);align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.view-all-link:hover{text-decoration:underline}.table-responsive{border-radius:var(--radius-md);background:#ffffff03;width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.orders-table th{color:var(--text-muted);background:#ffffff08;border-bottom:2px solid #ffffff0d;padding:1rem;font-weight:700}.orders-table td{border-bottom:1px solid #ffffff0a;padding:1rem}.orders-table tr:hover td{background:#ffffff05}.date-col{white-space:nowrap;font-weight:500}.address-col{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.price-col{color:#fff;font-weight:700}.savings-badge{color:#34d399;white-space:nowrap;background:#10b98126;border-radius:6px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.empty-orders-view{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.empty-icon{color:var(--brand-accent);margin-bottom:.5rem}.back-nav{margin-bottom:1rem}.back-link{color:var(--brand-accent);align-items:center;gap:.35rem;font-size:.9rem;font-weight:700;display:inline-flex}.back-link:hover{text-decoration:underline}.documents-layout{grid-template-columns:280px 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=820px){.documents-layout{grid-template-columns:1fr}}.info-box{height:fit-content;background:linear-gradient(185deg,#3b82f60d,#0000)!important;border-color:#3b82f640!important}.info-box-title{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.info-box-title h3{color:#fff;font-size:1.05rem;font-weight:800}.info-icon{color:var(--info)}.info-list{flex-direction:column;gap:.8rem;padding-left:0;list-style-type:none;display:flex}.info-list li{color:var(--text-secondary);padding-left:1.2rem;font-size:.85rem;line-height:1.45;position:relative}.info-list li:before{content:"•";color:var(--info);font-size:1.1rem;font-weight:900;position:absolute;top:-.1rem;left:.2rem}.document-slots{flex-direction:column;gap:1rem;display:flex}.doc-slot-card{justify-content:space-between;align-items:center;transition:all .3s;display:flex;padding:1.25rem 1.5rem!important}.doc-slot-card.approved{border-color:#10b9814d}.doc-slot-card.pending{border-color:#f5a6234d}.doc-slot-card.rejected{border-color:#ef44444d}.doc-slot-info{flex-direction:column;flex:1;gap:.4rem;display:flex}.doc-slot-title-wrap{align-items:flex-start;gap:.75rem;display:flex}.doc-icon{color:var(--brand-accent);flex-shrink:0;margin-top:.1rem}.doc-slot-info h3{color:#fff;font-size:1.05rem;font-weight:800}.doc-desc{color:var(--text-muted);margin-top:.15rem;font-size:.82rem;line-height:1.4}.doc-file-details{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.1rem;padding-left:2.25rem;font-size:.8rem;display:flex}.file-name{white-space:nowrap;text-overflow:ellipsis;max-width:250px;color:var(--text-secondary);font-weight:600;overflow:hidden}.doc-rejection-note{border-radius:var(--radius-sm);color:#ffa3a3;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:.4rem;margin-top:.5rem;margin-left:2.25rem;padding:.4rem .75rem;font-size:.82rem;display:flex}.doc-slot-action{flex-shrink:0;margin-left:1.5rem}.doc-status-loading{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.upload-label{cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.doc-status{border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.88rem;font-weight:700;display:flex}.doc-status.approved{color:#34d399;background:#10b9811a}.doc-status.pending{color:#f5a623;background:#f5a6231a}.doc-status.rejected{color:#ef4444;background:#ef44441a}.doc-status-reupload-wrap{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.card-header-with-badge{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.card-header-with-badge h2{margin-bottom:0!important}.readonly-group{margin-bottom:1.25rem}.readonly-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}.readonly-value{border-radius:var(--radius-md);color:var(--text-secondary);background:#ffffff05;border:1.5px solid #ffffff0a;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.95rem;font-weight:600;display:flex}.readonly-value svg{color:var(--brand-accent)}.filters-card{padding:1.25rem 1.5rem!important}.filters-row{align-items:flex-end;gap:1.5rem;display:flex}.filter-group{flex-direction:column;gap:.4rem;display:flex}.filter-group label{color:var(--text-muted);text-transform:uppercase;font-size:.82rem;font-weight:700}.filter-group .input-field{min-width:220px;padding:.65rem 1rem}.pp-page{background:var(--brand-dark);min-height:100vh}.pp-hero{background:linear-gradient(160deg, #1a0510 0%, var(--brand-dark) 60%);border-bottom:1px solid var(--brand-border);padding:2.5rem 0 3rem}.pp-back{color:var(--text-muted);align-items:center;gap:.4rem;margin-bottom:2rem;font-size:.85rem;font-weight:600;transition:color .2s;display:inline-flex}.pp-back:hover{color:var(--brand-accent)}.pp-hero-inner{align-items:center;gap:1.25rem;margin-bottom:1.5rem;display:flex}.pp-hero-icon{background:linear-gradient(135deg, var(--brand-primary), #c4085f);color:#fff;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 8px 32px #8a053b80}.pp-hero h1{color:#fff;letter-spacing:-1px;font-size:2.4rem;font-weight:900;line-height:1.1}.pp-hero p{color:var(--text-muted);margin-top:.3rem;font-size:.95rem}.pp-intro{color:var(--text-secondary);max-width:780px;font-size:1.05rem;line-height:1.75}.pp-content{flex-direction:column;gap:2rem;padding-top:3rem;padding-bottom:5rem;display:flex}.pp-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);animation:.4s both fadeIn;overflow:hidden}.pp-section-header{border-bottom:1px solid var(--brand-border);background:#ffffff06;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex}.pp-icon-wrap{width:38px;height:38px;color:var(--brand-accent);background:#8a053b40;border:1px solid #8a053b66;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-section-header h2{color:#fff;letter-spacing:-.2px;font-size:1.1rem;font-weight:800}.pp-section-body{color:var(--text-secondary);flex-direction:column;gap:1rem;padding:1.75rem;font-size:.97rem;line-height:1.75;display:flex}.pp-section-body p{color:var(--text-secondary)}.pp-section-body ul{flex-direction:column;gap:.5rem;padding-left:1.5rem;display:flex}.pp-section-body li{color:var(--text-secondary)}.pp-section-body strong{color:#fff}.pp-section-body em{color:var(--brand-accent);font-style:normal}.pp-section-body a{color:var(--brand-accent);text-underline-offset:2px;text-decoration:underline;transition:color .2s}.pp-section-body a:hover{color:#ffb830}.pp-note{border-left:3px solid var(--brand-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#f89a3814;padding:.75rem 1rem;font-size:.9rem;color:var(--text-muted)!important}.pp-data-table{border:1px solid var(--brand-border);border-radius:var(--radius-md);overflow:hidden}.pp-data-head{border-bottom:1px solid var(--brand-border);text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:#ffffff0a;grid-template-columns:1fr 1fr;gap:1rem;padding:.75rem 1rem;font-size:.8rem;font-weight:700;display:grid}.pp-data-row{border-bottom:1px solid #ffffff0a;grid-template-columns:1fr 1fr;gap:1rem;padding:.9rem 1rem;transition:background .15s;display:grid}.pp-data-row:last-child{border-bottom:none}.pp-data-row:hover{background:#ffffff05}.pp-data-label{color:#e0e0e0;font-size:.9rem;font-weight:600}.pp-data-purpose{color:var(--text-muted);font-size:.9rem}.pp-third-party-list{flex-direction:column;gap:.75rem;display:flex}.pp-third-party{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:.3rem;padding:1rem 1.25rem;display:flex}.pp-third-party strong{font-size:.95rem;color:var(--brand-accent)!important}.pp-third-party span{color:var(--text-muted);font-size:.9rem;line-height:1.6}.pp-delete-box{border-radius:var(--radius-md);background:#ef444412;border:1px solid #ef444440;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.pp-delete-icon{width:40px;height:40px;color:var(--danger);background:#ef444426;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pp-delete-box strong{margin-bottom:.4rem;font-size:1rem;display:block;color:#fff!important}.pp-delete-box p{font-size:.9rem;line-height:1.6;color:var(--text-muted)!important}.pp-contact-card{border:1px solid var(--brand-border);border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.pp-contact-row{color:var(--text-muted);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.pp-contact-row svg{color:var(--brand-accent);flex-shrink:0}.pp-footer{border-top:1px solid var(--brand-border);background:#160309;padding:2rem 0}.pp-footer .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pp-footer p{color:var(--text-muted);font-size:.85rem}.pp-footer a{color:var(--brand-accent);font-size:.85rem;font-weight:600}.pp-footer a:hover{color:#ffb830}@media (width<=640px){.pp-hero h1{font-size:1.8rem}.pp-hero-icon{border-radius:14px;width:52px;height:52px}.pp-data-head,.pp-data-row{grid-template-columns:1fr;gap:.25rem}.pp-data-head span:last-child{display:none}.pp-section-header{padding:1rem 1.25rem}.pp-section-body{padding:1.25rem}.pp-footer .container{flex-direction:column;align-items:flex-start}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-primary:#8b053c;--brand-secondary:#8b053c;--brand-accent:#f5a623;--brand-dark:#241212;--brand-surface:#2b1515;--brand-border:#f5a6231f;--text-primary:#fff;--text-secondary:#e8e8e8;--text-muted:#b8b8b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-glow:0 0 40px #8b053c59;--shadow-card:0 4px 24px #0009;--font:"Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--brand-dark);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font)}input,textarea,select{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--brand-dark)}::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:3px}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);white-space:nowrap;letter-spacing:.3px;border:none;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));color:#fff;box-shadow:0 6px 24px #a50e2a66}.btn-primary:hover{background:linear-gradient(135deg,#8b0a1f,#d62e4a);transform:translateY(-2px);box-shadow:0 10px 32px #a50e2a99}.btn-accent{background:linear-gradient(135deg, var(--brand-accent), orange);color:#a50e2a;font-weight:700;box-shadow:0 6px 20px #f5a6234d}.btn-accent:hover{background:linear-gradient(135deg,#ff9500,#ffb82e);transform:translateY(-2px);box-shadow:0 10px 28px #f5a62380}.btn-outline{color:var(--text-primary);background:0 0;border:2px solid #f5a623}.btn-outline:hover{background:#f5a6231a;border-color:#f5a623;box-shadow:0 0 16px #f5a62333}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-sm{padding:.5rem 1.2rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--brand-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:2px solid #f5a62326;padding:1.5rem;transition:all .3s}.card:hover{border-color:#f5a6234d;box-shadow:0 8px 32px #a50e2a26}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.2rem;display:flex}.input-group label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.input-field{border-radius:var(--radius-md);color:var(--text-primary);background:#ffffff0a;border:2px solid #f5a62333;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}.input-field:focus{background:#f5a62314;border-color:#f5a623;outline:none;box-shadow:0 0 16px #f5a62333}.input-field::placeholder{color:var(--text-muted);font-weight:400}.badge{letter-spacing:.2px;border-radius:100px;align-items:center;gap:.3rem;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-pending{color:#f5a623;background:#f5a62333}.badge-assigned{color:#ff6b9d;background:#a50e2a26}.badge-accepted{color:#10b981;background:#10b98126}.badge-picked_up,.badge-in_transit{color:#f5a623;background:#f5a62333}.badge-arrived{color:#10b981;background:#10b98126}.badge-delivered{color:#34d399;background:#10b98133}.badge-cancelled{color:#ef4444;background:#ef444426}.page{min-height:100vh;padding:2rem 0}.page-header{margin-bottom:2rem}.page-header h1{color:#fff;letter-spacing:-1px;font-size:2.2rem;font-weight:900}.page-header p{color:var(--text-secondary);margin-top:.6rem;font-size:1rem;font-weight:500}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.map-container{border-radius:var(--radius-lg);border:2px solid #f5a62333;width:100%;height:400px;overflow:hidden;box-shadow:0 8px 32px #a50e2a26}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradMove{0%,to{background-position:0%}50%{background-position:100%}}.fade-in{animation:.4s both fadeIn}.loading{animation:1s linear infinite spin}.pulsing{animation:2s ease-in-out infinite pulse}.status-steps{flex-wrap:nowrap;align-items:center;gap:0;display:flex;overflow-x:auto}.status-step{color:var(--text-muted);flex:1;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.status-step.active{color:#f5a623}.status-step.done{color:var(--success)}.step-dot{border:2.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.status-step.done .step-dot{background:var(--success);border-color:var(--success);color:#fff}.status-step.active .step-dot{color:#a50e2a;background:#f5a623;border-color:#f5a623}.step-line{background:var(--brand-border);flex:1;height:2px;margin:0 .3rem}.step-line.done{background:var(--success)}