:root{--tz-orange:#fc8019;--tz-gold:#ffb347;--tz-ink:#201712}body{background:radial-gradient(circle at 10% 0,#fff1df 0,transparent 36%),linear-gradient(180deg,#fffaf5,#f7f4f1);background-attachment:fixed}.app-shell{animation:tzEnter .55s ease both}.topbar{backdrop-filter:blur(18px);background:linear-gradient(135deg,rgba(252,128,25,.96),rgba(229,83,17,.94));box-shadow:0 12px 35px rgba(139,58,10,.23)}.brand-icon,.summary-icon,.hero-rider{animation:tzFloat 3.4s ease-in-out infinite}.dashboard-hero,.status-card,.summary-grid article,.task-card,.login-card{border:1px solid rgba(252,128,25,.13);box-shadow:0 18px 50px rgba(65,34,15,.10);transition:transform .25s ease,box-shadow .25s ease}.dashboard-hero:hover,.summary-grid article:hover,.task-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(65,34,15,.16)}.action-button{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--tz-orange),#f4511e);box-shadow:0 10px 24px rgba(252,128,25,.28)}.action-button:after{content:"";position:absolute;inset:-100% -35%;background:linear-gradient(110deg,transparent 40%,#ffffff75 50%,transparent 60%);animation:tzShine 3.2s linear infinite}.toast.tz-pop{animation:tzAlertPop .45s cubic-bezier(.2,.9,.25,1.3)}#tzInstallButton{position:fixed;z-index:9998;right:14px;bottom:86px;border:0;border-radius:999px;padding:12px 16px;background:#201712;color:#fff;font-weight:850;box-shadow:0 14px 38px #20171242}@keyframes tzEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes tzFloat{50%{transform:translateY(-5px)}}@keyframes tzShine{to{transform:translateX(220%)}}@keyframes tzAlertPop{0%{transform:scale(.78);opacity:0}100%{transform:scale(1);opacity:1}}@media(max-width:600px){.dashboard-hero{border-radius:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid article{min-height:110px}.driver-actions{gap:5px}.icon-button{width:42px;height:42px}#tzInstallButton{left:12px;right:12px;bottom:78px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.live-trip-metrics{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.live-trip-metrics b{padding:4px 7px;border-radius:999px;background:#fff2e6;color:#9a4706;font-size:.7rem}.live-map-restore em{color:#e85d04;font-style:normal}.live-customer-map.is-minimized{animation:tripBubble 1.8s ease-in-out infinite}@keyframes tripBubble{50%{transform:translateY(-4px);box-shadow:0 20px 45px rgba(252,128,25,.35)}}.assignment-recommend.assigned-now{border-color:#b8e5ca;background:#edf9f2;color:#176d3c}
.order-live-map-button{width:100%;margin-top:9px;padding:9px 11px;border:0;border-radius:10px;background:#1677ff;color:#fff;font-weight:850;cursor:pointer}
.live-customer-map.is-minimized{inset:auto 14px 92px auto!important;width:132px!important;height:132px!important;border-radius:50%!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#fff0e3)!important;border:4px solid #fc8019!important}.live-customer-map.is-minimized .live-map-restore{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;place-items:center!important;padding:12px 8px!important;text-align:center!important;border-radius:50%!important}.live-customer-map.is-minimized .live-map-restore span{grid-row:auto!important;font-size:27px!important}.live-customer-map.is-minimized .live-map-restore strong{font-size:.72rem!important}.live-customer-map.is-minimized .live-map-restore small{font-size:.62rem!important;line-height:1.2!important}.live-customer-map.is-maximized{inset:0!important;border-radius:0!important}