:root{--navy:#061a36;--blue:#0b78ff;--sky:#50b8ff;--white:#fff;--muted:#eef5ff;--dark:#020a14;--green:#32d583;--red:#e5484d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8fd;color:#082040}a{color:var(--blue);text-decoration:none}.topbar{background:linear-gradient(135deg,#020a14,#0a2b5b);color:#fff;padding:14px 20px;position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:900;font-size:24px;letter-spacing:.5px}.brand span{color:#2196ff}.nav a{color:#fff;margin-left:14px;font-weight:700}.btn{display:inline-block;background:linear-gradient(135deg,#0b78ff,#064eb0);color:white;padding:12px 18px;border-radius:12px;border:0;font-weight:800;cursor:pointer}.btn.alt{background:#fff;color:#082040}.btn.danger{background:var(--red)}.hero{background:linear-gradient(90deg,rgba(2,10,20,.90),rgba(7,54,112,.75)),url('../img/hero.jpg');background-size:cover;background-position:center;color:white;padding:70px 20px}.hero .wrap,.wrap{max-width:1180px;margin:auto}.hero h1{font-size:54px;margin:0 0 10px;line-height:1}.hero h1 span{color:#1e91ff}.hero p{font-size:20px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 10px 28px rgba(9,35,71,.10);border:1px solid #dbe9fb}.card.dark{background:linear-gradient(135deg,#061a36,#092e62);color:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form{background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 28px rgba(9,35,71,.10)}label{font-weight:800;display:block;margin-top:12px}input,select,textarea{width:100%;padding:12px;border:1px solid #bdd2ed;border-radius:10px;margin-top:5px;font-size:16px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #e6eef8;text-align:left}th{background:#082040;color:#fff}.notice{background:#eaf4ff;border-left:5px solid #0b78ff;padding:14px;border-radius:12px}.footer{background:#020a14;color:white;padding:35px 20px;margin-top:40px}.badge{display:inline-block;background:#eaf4ff;color:#0758be;border-radius:50px;padding:7px 12px;margin:4px;font-weight:800}.price{font-size:34px;font-weight:900}.mobile-menu{display:none}@media(max-width:800px){.hero h1{font-size:38px}.cards,.grid2{grid-template-columns:1fr}.nav{align-items:flex-start}.navlinks{display:flex;flex-wrap:wrap}.nav a{margin:8px 8px 0 0}.brand{font-size:20px}table{font-size:14px}.hero{padding:45px 16px}}

/* Delivery tracking / dispatch enhancements */
.icon-bubble{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b5fb3,#13a4d8);box-shadow:0 12px 28px rgba(11,95,179,.25);margin-right:.5rem;color:#fff}
.admin-tip-card{border-left:5px solid #13a4d8;background:linear-gradient(135deg,rgba(11,95,179,.12),rgba(19,164,216,.08))}
.responsive-table{width:100%;border-collapse:collapse}
.responsive-table th,.responsive-table td{padding:.85rem;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .65rem;font-weight:800;font-size:.78rem;background:#e8f2ff;color:#0b5fb3;text-transform:capitalize}
.status-in_transit,.status-picked_up{background:#dff7ff;color:#036986}.status-delivered{background:#dcfce7;color:#166534}.status-pending_payment{background:#fff7ed;color:#9a3412}.status-cancelled{background:#fee2e2;color:#991b1b}
.admin-delivery-panel summary{cursor:pointer;font-weight:800;color:#0b5fb3}.mini-card{padding:1rem}.compact-form{margin-top:1rem}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.btn.success{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.btn.ghost{background:transparent;border:1px solid rgba(11,95,179,.35);color:#0b5fb3}.tracking-live-box{display:grid;gap:.5rem;padding:1rem;border-radius:16px;background:rgba(11,95,179,.08);border:1px solid rgba(11,95,179,.18)}
.tracking-card{position:relative;overflow:hidden}.tracking-card:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(19,164,216,.18),transparent 70%)}
.tracking-map-card{padding:1rem;border-radius:16px;background:linear-gradient(135deg,#eaf6ff,#f6fbff);border:1px solid #cae9ff;margin-bottom:1rem;font-weight:800}.tracking-map-card a{color:#0b5fb3;text-decoration:none}.timeline{display:grid;gap:.75rem}.timeline-item{border-left:4px solid #13a4d8;padding:.75rem 1rem;background:rgba(255,255,255,.75);border-radius:0 14px 14px 0;box-shadow:0 8px 22px rgba(15,23,42,.06)}.timeline-item span{display:block;font-size:.82rem;opacity:.75}.timeline-item strong{text-transform:capitalize;color:#0b5fb3}.timeline-item p{margin:.25rem 0 0}.proof-card img{width:100%;max-height:360px;object-fit:cover;border-radius:18px;box-shadow:0 16px 34px rgba(15,23,42,.12)}
.settings-page small{display:block;margin:.25rem 0 .8rem;color:#64748b}.extra-stop-details{margin-top:1rem;padding:1rem;border-radius:18px;background:rgba(19,164,216,.08);border:1px solid rgba(19,164,216,.18)}
@media(max-width:760px){.grid3{grid-template-columns:1fr}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{margin-bottom:1rem;border:1px solid rgba(11,95,179,.15);border-radius:18px;overflow:hidden}.responsive-table th{display:none}.responsive-table td{border-bottom:1px solid rgba(11,95,179,.08)}.admin-delivery-panel .grid2{grid-template-columns:1fr}}

/* Coupon system */
.coupon-box,.live-total-card{margin-top:1rem;padding:1rem;border:1px solid rgba(14,116,144,.18);background:linear-gradient(135deg,rgba(14,116,144,.08),rgba(30,64,175,.06));border-radius:16px}
.coupon-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.coupon-row input{flex:1;min-width:220px}.coupon-note{color:#64748b;font-size:.9rem}.live-total-card strong{color:#0f3761}.live-total-card span{font-size:1.2rem;font-weight:900;color:#0b5fb3}.price-breakdown{background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;padding:1rem;margin:1rem 0}.price-breakdown p{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0}.price-breakdown .grand{border-top:1px solid #bfdbfe;margin-top:.75rem;padding-top:.75rem;font-size:1.15rem}.coupon-apply-form{margin:1.25rem 0;padding:1rem;border:1px dashed #0b5fb3;border-radius:16px;background:#f8fbff}.notice.success{background:#ecfdf5;border-color:#10b981;color:#065f46}.notice.error{background:#fef2f2;border-color:#ef4444;color:#7f1d1d}.admin-coupons-page .table-actions{white-space:nowrap}.btn.danger{background:#dc2626;color:#fff}.checkline{display:flex!important;gap:.5rem;align-items:center;margin-top:.75rem}.checkline input{width:auto!important}
@media(max-width:700px){.coupon-row{display:block}.coupon-row .btn{width:100%;margin-top:.65rem}.admin-coupons-page table{font-size:.85rem}.admin-coupons-page .table-actions .btn{display:block;margin:.25rem 0;width:100%}}

/* Fancy customer delivery details page */
.fancy-delivery-page{padding-top:1.5rem}.delivery-hero-card{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:center;margin:1.5rem 0 1.25rem;padding:2rem;border-radius:26px;color:#fff;background:linear-gradient(135deg,rgba(2,10,20,.96),rgba(7,50,104,.94)),radial-gradient(circle at 85% 10%,rgba(80,184,255,.35),transparent 30%);box-shadow:0 24px 70px rgba(3,26,64,.25);overflow:hidden;position:relative}.delivery-hero-card:after{content:"";position:absolute;right:-80px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(80,184,255,.25),transparent 70%);pointer-events:none}.delivery-hero-card h1{font-size:clamp(2.1rem,5vw,4rem);line-height:.95;margin:.35rem 0 .6rem;letter-spacing:-.04em}.delivery-hero-card p{max-width:720px;font-size:1.05rem;color:#d7eaff}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.45rem .8rem;font-weight:900;color:#bfe5ff}.delivery-actions-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.1rem}.delivery-hero-stat{position:relative;z-index:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:1.4rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.delivery-hero-stat span{display:block;color:#a9d8ff;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.delivery-hero-stat strong{display:block;font-size:1.65rem;margin:.35rem 0 .7rem}.delivery-progress-card{margin-bottom:1.25rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.section-head.compact{margin-bottom:.75rem}.section-head>div{display:flex;align-items:center;gap:.7rem}.section-head h2{margin:0;font-size:1.35rem}.section-head p{margin:0;color:#0b5fb3;font-weight:900}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#eaf6ff,#dff2ff);border:1px solid #c5e6ff;box-shadow:0 10px 22px rgba(11,95,179,.1)}.progress-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}.progress-step{position:relative;min-height:138px;padding:1rem;border-radius:18px;background:#f8fbff;border:1px solid #dbeafe;opacity:.72}.progress-step.is-done{background:linear-gradient(135deg,#eef8ff,#ffffff);opacity:1;border-color:#a8d9ff}.progress-step.is-current{box-shadow:0 15px 34px rgba(11,95,179,.15);outline:3px solid rgba(80,184,255,.22)}.progress-step span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#0b78ff,#064eb0);color:#fff;font-size:1.25rem;margin-bottom:.65rem}.progress-step strong{display:block;color:#082040}.progress-step small{display:block;margin-top:.35rem;color:#62748f;line-height:1.35}.premium-card{border-color:#cde5ff;box-shadow:0 18px 48px rgba(9,35,71,.11)}.delivery-main-grid{margin:1.25rem 0}.money-list{display:grid;gap:.4rem}.money-list p{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.7rem 0;border-bottom:1px solid #e5f0ff}.money-list p:last-child{border-bottom:0}.money-list .discount strong{color:#14805c}.money-list .total{font-size:1.15rem}.money-list .total strong{font-size:1.45rem;color:#0b5fb3}.muted-small{color:#64748b;font-size:.92rem}.fancy-map{display:flex;align-items:center;justify-content:center;min-height:130px;text-align:center;background:linear-gradient(135deg,#eaf6ff,#f7fcff);border-style:dashed}.route-card{margin:1.25rem 0}.route-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}.route-box{padding:1.1rem;border-radius:20px;background:#f8fbff;border:1px solid #dbeafe}.route-box span{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:#0b5fb3}.route-box strong{display:block;font-size:1.35rem;margin:.35rem 0;color:#082040}.route-box p{margin:0;color:#475569}.route-arrow{display:flex;align-items:center;justify-content:center;font-size:2rem;color:#0b78ff;font-weight:900}.detail-chips{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.detail-chips>div{background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dbeafe;border-radius:18px;padding:1rem}.detail-chips span{display:block;font-weight:900;color:#0b5fb3;margin-bottom:.35rem}.detail-chips p{margin:0;color:#334155}.proof-grid{margin:1.25rem 0}.empty-proof{display:flex;align-items:center;justify-content:center;text-align:center;min-height:220px;border:2px dashed #bfdbfe;border-radius:18px;background:#f8fbff;color:#64748b;font-weight:800}.fancy-timeline .timeline-item{border-left:0;border-top:1px solid #e5f0ff;border-radius:16px;background:linear-gradient(135deg,#ffffff,#f8fbff);position:relative;padding-left:3.4rem}.fancy-timeline .timeline-item:before{content:"🔔";position:absolute;left:1rem;top:1rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf6ff;border:1px solid #c5e6ff}@media(max-width:900px){.delivery-hero-card{grid-template-columns:1fr}.delivery-hero-stat{max-width:100%}.progress-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.delivery-hero-card{padding:1.35rem;border-radius:22px}.delivery-actions-row .btn{width:100%;text-align:center}.section-head{display:block}.section-head p{margin-top:.5rem}.progress-steps{grid-template-columns:1fr}.route-grid{grid-template-columns:1fr}.route-arrow{transform:rotate(90deg);padding:.25rem}.detail-chips{grid-template-columns:1fr}.fancy-delivery-page{padding-top:.5rem}}

/* Restored impressive homepage hero + icons */
.hero-pro{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,10,20,.94),rgba(6,35,78,.72),rgba(2,10,20,.25)),var(--hero-bg);background-size:cover;background-position:center right;color:#fff;padding:92px 20px 78px;overflow:hidden}.hero-pro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(80,184,255,.28),transparent 32%),linear-gradient(180deg,rgba(2,10,20,.08),rgba(2,10,20,.72));z-index:-1}.hero-pro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(0deg,#f4f8fd,transparent);z-index:-1}.hero-grid{display:grid;grid-template-columns:minmax(0,760px) 330px;gap:28px;align-items:center}.hero-copy{max-width:820px}.hero-copy .eyebrow{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.55rem .85rem;color:#cdefff;font-weight:900;box-shadow:0 14px 32px rgba(0,0,0,.18);margin-bottom:1rem}.hero-pro h1{font-size:clamp(2.8rem,7vw,5.7rem);line-height:.9;margin:0 0 1rem;letter-spacing:-.06em;text-shadow:0 8px 24px rgba(0,0,0,.32)}.hero-pro h1 span{color:#74caff}.hero-pro p{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:#e5f4ff;max-width:760px}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0}.btn-xl{font-size:1.05rem;padding:15px 24px;border-radius:16px;box-shadow:0 14px 34px rgba(11,120,255,.25)}.hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;max-width:720px;margin-top:1.2rem}.hero-trust div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:1rem;backdrop-filter:blur(8px)}.hero-trust b{display:block;font-size:1.05rem;color:#fff}.hero-trust small{display:block;color:#b7d9f5;margin-top:.25rem}.hero-side-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:1.5rem;box-shadow:0 26px 70px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.hero-side-card .side-icon{width:64px;height:64px;border-radius:22px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0b78ff,#50b8ff);font-size:2rem;margin-bottom:1rem}.hero-side-card strong{display:block;font-size:2.1rem;line-height:1;color:#fff}.hero-side-card span{display:block;color:#bfe5ff;font-weight:900;margin:.55rem 0}.hero-side-card p{font-size:.98rem;color:#e7f4ff}.home-page{margin-top:-32px;position:relative;z-index:2}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 32px}.feature-item{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid #dbeafe;border-radius:22px;padding:1.15rem;box-shadow:0 18px 44px rgba(9,35,71,.1)}.feature-icon{flex:0 0 48px;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eaf6ff,#dff2ff);border:1px solid #c5e6ff;font-size:1.35rem}.feature-item strong{display:block;color:#082040}.feature-item small{display:block;color:#64748b;line-height:1.45;margin-top:.25rem}.section-title{display:flex;gap:1rem;align-items:flex-start;margin:1rem 0 1.2rem}.section-title>span{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0b78ff,#50b8ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;box-shadow:0 14px 32px rgba(11,120,255,.18)}.section-title h2{margin:0;color:#082040;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.05}.section-title p{margin:.4rem 0 0;color:#64748b;max-width:780px}.section-title.centered{justify-content:center;text-align:center}.service-showcase,.how-it-works,.upgraded-seo{margin:34px 0;padding:30px;border-radius:30px;background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid #dbeafe;box-shadow:0 18px 48px rgba(9,35,71,.08)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-tile{padding:1.2rem;border-radius:22px;background:#fff;border:1px solid #dbeafe;box-shadow:0 12px 30px rgba(9,35,71,.07);transition:.2s ease}.service-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(9,35,71,.12)}.service-tile span{width:50px;height:50px;border-radius:18px;background:#eaf6ff;display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:.85rem}.service-tile h3{margin:.2rem 0;color:#082040}.service-tile p{color:#64748b;margin:.45rem 0 0;line-height:1.5}.home-highlight{margin:34px 0}.premium-pricing-card h2{font-size:4rem;margin:.1rem 0;color:#fff}.mini-title{text-transform:uppercase;letter-spacing:.14em;color:#9ed4ff;font-weight:900;font-size:.8rem}.price-pills{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0}.price-pills span,.town-cloud span{display:inline-flex;border-radius:999px;padding:.45rem .75rem;background:#eaf4ff;color:#0758be;font-weight:900;font-size:.86rem}.premium-pricing-card .price-pills span{background:rgba(255,255,255,.14);color:#d7ecff;border:1px solid rgba(255,255,255,.16)}.limits-card{position:relative;overflow:hidden}.limits-card:after{content:"📏";position:absolute;right:16px;top:12px;font-size:4rem;opacity:.09}.limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1rem 0}.limit-grid span{display:block;text-align:center;background:linear-gradient(135deg,#eaf6ff,#fff);border:1px solid #dbeafe;border-radius:18px;padding:1rem}.limit-grid b{display:block;color:#0b5fb3;font-size:1.1rem}.limit-grid small{display:block;color:#64748b;margin-top:.3rem}.small-note{font-size:.92rem;color:#64748b;background:#f8fbff;border-left:4px solid #0b78ff;padding:.85rem;border-radius:12px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps-grid>div{padding:1.25rem;border-radius:24px;background:#fff;border:1px solid #dbeafe;text-align:center}.steps-grid span{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#061a36,#0b78ff);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.35rem;font-weight:900;margin-bottom:.65rem}.steps-grid h3{margin:.35rem 0;color:#082040}.steps-grid p{color:#64748b;margin:0;line-height:1.5}.upgraded-seo h2{font-size:2rem;margin-top:0}.upgraded-seo p{font-size:1.05rem;line-height:1.7;color:#334155}.town-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-side-card{max-width:520px}.feature-strip,.service-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.limit-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero-pro{min-height:auto;padding:58px 16px 70px;background-position:center}.hero-pro h1{font-size:2.8rem}.hero-actions .btn{width:100%;text-align:center}.hero-trust,.feature-strip,.service-grid,.steps-grid{grid-template-columns:1fr}.feature-item{border-radius:18px}.service-showcase,.how-it-works,.upgraded-seo{padding:20px;border-radius:22px}.section-title{display:block;text-align:left}.section-title>span{margin-bottom:.8rem}.section-title.centered{text-align:left}.premium-pricing-card h2{font-size:3.2rem}}

/* HCE user account/profile/admin polish */
.auth-wrap{display:flex;justify-content:center;padding-top:3rem;padding-bottom:3rem}
.auth-card{width:min(620px,100%);text-align:left}
.auth-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#0f5fa8,#39b5ff);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem;box-shadow:0 14px 30px rgba(15,95,168,.28)}
.auth-links{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1rem;align-items:center;color:#6b7280}
.auth-links a{font-weight:800;color:#0f5fa8;text-decoration:none}
.hce-polished-card{background:rgba(255,255,255,.96);border:1px solid rgba(15,95,168,.16);border-radius:22px;padding:1.4rem;box-shadow:0 18px 42px rgba(11,42,74,.12);position:relative;overflow:hidden}
.hce-polished-card:before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0b2a4a,#0f5fa8,#39b5ff)}
.hce-fancy-form input,.hce-fancy-form select{border:1px solid #d7e7f7;border-radius:12px;padding:.85rem 1rem;background:#f8fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.hce-fancy-form input:focus,.hce-fancy-form select:focus{outline:2px solid rgba(57,181,255,.25);border-color:#39b5ff;background:#fff}
.fancy-page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.3rem 0 1.2rem;padding:1.2rem;border:1px solid rgba(15,95,168,.14);border-radius:22px;background:linear-gradient(135deg,rgba(11,42,74,.06),rgba(57,181,255,.08))}
.eyebrow{margin:0 0 .2rem;text-transform:uppercase;letter-spacing:.12em;color:#0f5fa8;font-size:.78rem;font-weight:900}.muted{color:#64748b}.small-text{font-size:.88rem}.success{background:#e8fff2;border:1px solid #94e7b9;color:#0f6b3d;padding:.85rem 1rem;border-radius:12px;font-weight:700}.notice{background:#fff4f4;border:1px solid #ffc7c7;color:#a02525;padding:.85rem 1rem;border-radius:12px;font-weight:700}
.profile-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:1.2rem;align-items:start}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.button-row,.dashboard-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.table-wrap{overflow-x:auto;border-radius:16px}.btn.mini{padding:.42rem .7rem;font-size:.84rem;border-radius:999px}.admin-edit-card{margin-bottom:1.5rem}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 1.4rem}.icon-card{background:#fff;border:1px solid rgba(15,95,168,.14);border-radius:18px;padding:1rem;box-shadow:0 10px 24px rgba(11,42,74,.08)}.icon-bubble{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4ff,#d8f2ff);font-size:1.45rem;margin-bottom:.7rem}.icon-card strong{display:block;color:#0b2a4a;font-size:1.1rem}.icon-card span{display:block;color:#64748b;font-size:.88rem;margin-top:.15rem}
@media(max-width:820px){.profile-grid,.grid3,.icon-grid{grid-template-columns:1fr}.fancy-page-head{align-items:flex-start;flex-direction:column}.dashboard-actions{width:100%}.dashboard-actions .btn{width:100%;text-align:center}.auth-wrap{padding-top:1rem}}

/* Real-time GPS delivery progress upgrade */
.gps-progress-wrap{margin-top:18px;padding:16px;border:1px solid rgba(59,130,246,.22);background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,64,175,.25));border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.12)}
.gps-progress-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#eaf2ff;margin-bottom:10px}
.gps-progress-meta strong{font-size:.98rem}
.gps-progress-meta span{font-weight:900;color:#7dd3fc;background:rgba(14,165,233,.14);border:1px solid rgba(125,211,252,.25);padding:5px 10px;border-radius:999px}
.gps-progress-bar{height:14px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}
.gps-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#38bdf8,#22c55e);box-shadow:0 0 22px rgba(56,189,248,.45);transition:width .55s ease}
.progress-step{position:relative;overflow:visible}
.progress-step .step-check{position:absolute;top:-10px;right:-8px;width:28px;height:28px;border-radius:50%;display:none;align-items:center;justify-content:center;background:#22c55e;color:#fff;font-weight:900;box-shadow:0 10px 22px rgba(34,197,94,.35);border:2px solid #fff;z-index:2}
.progress-step.is-done{border-color:rgba(34,197,94,.45)!important;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(14,165,233,.10))!important}
.progress-step.is-done strong{color:#bbf7d0!important}
.progress-step.is-current{box-shadow:0 0 0 3px rgba(56,189,248,.16),0 18px 36px rgba(14,165,233,.16)}
.live-map-card iframe{transition:opacity .25s ease;border:0;width:100%;min-height:320px;border-radius:16px}
.fancy-timeline .timeline-item:first-child{border-left-color:#38bdf8;background:rgba(14,165,233,.08)}
.admin-proof-previews img,.proof-card img{max-width:100%;height:auto;border-radius:14px;border:1px solid rgba(148,163,184,.25);box-shadow:0 16px 36px rgba(15,23,42,.18)}
.gps-live-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important}
@media(max-width:720px){.gps-progress-meta{align-items:flex-start;flex-direction:column}.progress-step .step-check{top:-7px;right:-5px;width:24px;height:24px}.live-map-card iframe{min-height:260px}}