body[data-role="conductor"]{background:radial-gradient(circle at 10% 3%,rgba(0,167,181,.1),transparent 25rem),radial-gradient(circle at 95% 35%,rgba(0,44,85,.07),transparent 28rem),var(--bg)}body[data-role="conductor"] .app-header{background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--brand) 10%,var(--line));box-shadow:0 8px 28px rgba(0,44,85,.05);backdrop-filter:blur(18px) saturate(1.25)}body[data-role="conductor"] .view{animation:driverViewIn .45s cubic-bezier(.2,.75,.3,1) both}body[data-role="conductor"] .driver-command-hero{isolation:isolate;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 72px rgba(0,31,48,.3)}body[data-role="conductor"] .driver-command-hero:before{content:"";position:absolute;z-index:-1;inset:-60% -30%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.12) 49%,transparent 60%);transform:translateX(-45%);animation:driverHeroSheen 8s ease-in-out infinite}body[data-role="conductor"] .driver-command-copy h1{text-shadow:0 4px 25px rgba(0,0,0,.26)}body[data-role="conductor"] .driver-profile-button{min-height:53px;border-radius:16px;box-shadow:0 14px 30px rgba(0,0,0,.17);transition:transform .2s ease,box-shadow .2s ease}body[data-role="conductor"] .driver-profile-button:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,0,0,.23)}body[data-role="conductor"] .driver-metric{border-radius:27px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-soft) 30%,var(--surface)));animation:driverCardIn .48s cubic-bezier(.2,.75,.3,1) both}body[data-role="conductor"] .driver-metric:nth-child(2){animation-delay:.06s}body[data-role="conductor"] .driver-metric:nth-child(3){animation-delay:.12s}body[data-role="conductor"] .driver-metric:nth-child(4){animation-delay:.18s}body[data-role="conductor"] .driver-metric:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent 44%);pointer-events:none}body[data-role="conductor"] .driver-metric-icon{box-shadow:0 8px 18px rgba(0,44,85,.09);transition:transform .25s ease}body[data-role="conductor"] .driver-metric:hover .driver-metric-icon{transform:rotate(-7deg) scale(1.08)}body[data-role="conductor"] .driver-panel,body[data-role="conductor"] .panel{border-radius:28px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 68%,var(--surface)));box-shadow:0 17px 44px rgba(0,44,85,.075)}body[data-role="conductor"] .live-ring{position:relative;box-shadow:0 0 0 7px color-mix(in srgb,var(--brand) 6%,transparent)}body[data-role="conductor"] .live-ring:after{content:"";position:absolute;inset:-5px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);border-radius:18px;animation:driverLivePulse 2.4s ease-out infinite}body[data-role="conductor"] .driver-request-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--brand-soft) 85%,transparent),transparent 48%),var(--bg)}body[data-role="conductor"] .driver-request-visual:before{content:"";position:absolute;width:150px;height:150px;left:50%;top:36%;border:1px solid color-mix(in srgb,var(--brand) 15%,transparent);border-radius:50%;transform:translate(-50%,-50%);animation:driverRadar 3s ease-out infinite}body[data-role="conductor"] .driver-request-visual>*{position:relative}body[data-role="conductor"] .driver-quick-card,body[data-role="conductor"] .professional-row,body[data-role="conductor"] .wallet-row,body[data-role="conductor"] .trip-row,body[data-role="conductor"] .request-card{border-color:color-mix(in srgb,var(--brand) 12%,var(--line));background:linear-gradient(140deg,var(--surface),var(--surface-2));box-shadow:0 10px 28px rgba(0,44,85,.055);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}body[data-role="conductor"] .professional-row:hover,body[data-role="conductor"] .wallet-row:hover,body[data-role="conductor"] .trip-row:hover,body[data-role="conductor"] .request-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:0 17px 36px rgba(0,44,85,.11)}body[data-role="conductor"] .wallet-balance,body[data-role="conductor"] .wallet-debt{position:relative;overflow:hidden;isolation:isolate}body[data-role="conductor"] .wallet-balance:after,body[data-role="conductor"] .wallet-debt:after{content:"";position:absolute;z-index:-1;width:150px;height:150px;right:-65px;bottom:-75px;border:28px solid rgba(255,255,255,.08);border-radius:50%}body[data-role="conductor"] .driver-finance-summary article{position:relative;overflow:hidden;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--brand-soft) 25%,var(--surface)));transition:transform .22s ease,box-shadow .22s ease}body[data-role="conductor"] .driver-finance-summary article:hover{transform:translateY(-4px);box-shadow:0 19px 42px rgba(0,44,85,.12)}body[data-role="conductor"] .activity-tabs,body[data-role="conductor"] .trip-filters{padding:7px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 8px 22px rgba(0,44,85,.05);backdrop-filter:blur(12px)}body[data-role="conductor"] .onboarding-card .field input,body[data-role="conductor"] .onboarding-card .field select{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}body[data-role="conductor"] .onboarding-card .field input:focus,body[data-role="conductor"] .onboarding-card .field select:focus{transform:translateY(-1px);box-shadow:0 0 0 4px var(--brand-soft),0 10px 24px rgba(0,44,85,.08)}body[data-role="conductor"] .app-footer-nav{background:color-mix(in srgb,var(--surface) 91%,transparent);box-shadow:0 -10px 30px rgba(0,44,85,.09);backdrop-filter:blur(18px) saturate(1.25)}body[data-role="conductor"] .app-footer-nav a,body[data-role="conductor"] .app-footer-nav button{transition:color .2s ease,transform .2s ease}body[data-role="conductor"] .app-footer-nav .active{transform:translateY(-2px)}@keyframes driverViewIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes driverCardIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes driverHeroSheen{0%,65%{transform:translateX(-50%)}85%,100%{transform:translateX(45%)}}@keyframes driverLivePulse{70%,100%{transform:scale(1.2);opacity:0}}@keyframes driverRadar{0%{transform:translate(-50%,-50%) scale(.35);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@media(max-width:768px){body[data-role="conductor"] .driver-command-hero{min-height:265px;padding:25px 18px;border-radius:29px}body[data-role="conductor"] .driver-command-copy h1{font-size:37px}body[data-role="conductor"] .driver-metrics{gap:9px;padding:0 7px}body[data-role="conductor"] .driver-metric{min-height:145px;padding:15px;border-radius:22px}body[data-role="conductor"] .driver-metric strong{font-size:29px}body[data-role="conductor"] .driver-panel,body[data-role="conductor"] .panel{padding:19px;border-radius:23px}body[data-role="conductor"] .wallet-metrics{gap:10px}body[data-role="conductor"] .wallet-balance,body[data-role="conductor"] .wallet-debt{padding:21px;border-radius:23px}body[data-role="conductor"] .request-card{border-radius:21px}body[data-role="conductor"] .professional-row:hover,body[data-role="conductor"] .wallet-row:hover,body[data-role="conductor"] .trip-row:hover,body[data-role="conductor"] .request-card:hover,body[data-role="conductor"] .driver-finance-summary article:hover{transform:none}}@media(prefers-reduced-motion:reduce){body[data-role="conductor"] .view,body[data-role="conductor"] .driver-metric,body[data-role="conductor"] .driver-command-hero:before,body[data-role="conductor"] .live-ring:after,body[data-role="conductor"] .driver-request-visual:before{animation:none!important}body[data-role="conductor"] *{scroll-behavior:auto}}
