.role-courier{--cream:#eaf7d7;--accent:#009b3a}.courier-state{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:12px;font-weight:800}.courier-state span{width:9px;height:9px;border-radius:50%;background:#9aa09b}.courier-hero{background:radial-gradient(circle at 20% 90%,rgba(0,155,58,.13),transparent 34%),linear-gradient(125deg,#f8fbdc,#e5f6ca 65%,#dcf4ea)}.route-map{position:relative;min-height:330px;border-radius:28px;overflow:hidden;background:#17213a;box-shadow:0 25px 60px rgba(10,20,44,.2)}.map-grid{position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,rgba(255,255,255,.08) 49%,rgba(255,255,255,.08) 51%,transparent 52%),linear-gradient(150deg,transparent 48%,rgba(255,255,255,.05) 49%,rgba(255,255,255,.05) 51%,transparent 52%);background-size:78px 78px}.pin{position:absolute;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#ffdf00;color:#0d1832;font-style:normal;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.24)}.pin::first-letter{transform:rotate(45deg)}.pickup{left:20%;top:22%}.dropoff{right:18%;top:44%;background:#24b8ed}.route-line{position:absolute;left:24%;top:36%;width:58%;height:90px;border:2px dashed rgba(255,255,255,.7);border-left:0;border-bottom-color:transparent;border-radius:50%;transform:rotate(8deg)}.route-card{position:absolute;left:22px;right:22px;bottom:20px;padding:18px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);display:grid;gap:4px}.route-card small{font:500 10px 'DM Mono',monospace;color:#6d7485}.route-card p{margin:0;color:#697087;font-size:12px}@media(max-width:760px){.role-courier main{padding-bottom:88px}.courier-hero{padding:30px 22px}.route-map{display:block;min-height:270px}.courier-state{margin-left:auto}.role-courier .avatar{display:none}.role-courier .hero h1{font-size:45px}.role-courier .primary{width:100%;min-height:54px}.role-courier .actions{width:100%}.role-courier .status-strip article{min-height:108px}}