body[data-role="cliente"],body[data-role="conductor"]{background:radial-gradient(circle at 85% 8%,rgba(0,167,181,.07),transparent 25%),var(--bg)}body[data-role="cliente"] .dashboard-hero{min-height:330px;padding:44px;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(90deg,rgba(7,18,23,.94),rgba(7,18,23,.66) 52%,rgba(7,18,23,.08)),url('/assets/dashboard-client-premium-v1.webp');background-size:cover;background-position:center;border-radius:36px;box-shadow:0 25px 60px rgba(0,28,42,.22)}body[data-role="cliente"] .dashboard-hero:after{display:none}.dashboard-hero .eyebrow{color:#67e8df}.dashboard-hero h1{letter-spacing:-.045em}.dashboard-hero .dashboard-actions .button{min-width:190px}.driver-command-hero{min-height:330px;background-image:linear-gradient(90deg,rgba(8,15,18,.96),rgba(8,15,18,.67) 55%,rgba(8,15,18,.08)),url('/assets/dashboard-driver-premium-v1.webp');background-position:center;background-size:cover}.metric{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--brand) 12%,var(--line));background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 70%,var(--surface)));box-shadow:0 13px 34px rgba(0,44,85,.07);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.metric:after{content:"";position:absolute;width:90px;height:90px;right:-45px;bottom:-48px;border-radius:50%;background:var(--brand-soft)}.metric:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:0 20px 42px rgba(0,44,85,.12)}.metric>*{position:relative;z-index:1}.panel{border-color:color-mix(in srgb,var(--brand) 12%,var(--line));box-shadow:0 12px 34px rgba(0,44,85,.055)}body[data-role="cliente"] .view>.view-heading,body[data-role="conductor"] .view>.view-heading{position:relative;overflow:hidden;min-height:185px;padding:30px 32px;align-items:center;border-radius:30px;color:#fff;box-shadow:0 18px 45px rgba(0,33,50,.18);background-size:cover;background-position:center}body[data-role="cliente"] .view>.view-heading{background-image:linear-gradient(90deg,rgba(7,18,23,.94),rgba(7,18,23,.55)),url('/assets/dashboard-client-premium-v1.webp')}body[data-role="conductor"] .view>.view-heading{background-image:linear-gradient(90deg,rgba(8,15,18,.95),rgba(8,15,18,.54)),url('/assets/dashboard-driver-premium-v1.webp')}body[data-role] .view>.view-heading .eyebrow{color:#62e7df}body[data-role] .view>.view-heading p{color:rgba(255,255,255,.72)}body[data-role] .view>.view-heading .button{background:rgba(255,255,255,.94);color:#07314a;box-shadow:0 9px 24px rgba(0,0,0,.14)}.filter-row,.admin-toolbar,.row-actions{padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(0,44,85,.05)}.filter-row .button,.admin-toolbar .button{border-radius:13px}.trip-row,.history-card,.request-card,.notification-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:.22s transform,.22s box-shadow,.22s border-color}.trip-row:hover,.history-card:hover,.request-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:0 16px 34px rgba(0,44,85,.1)}.management-grid>.panel,.availability-panel{background:linear-gradient(145deg,var(--surface),var(--surface-2))}.field input,.field select,.field textarea{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input:focus,.field select:focus,.field textarea:focus{background:var(--surface);box-shadow:0 0 0 4px var(--brand-soft)}@media(max-width:768px){body[data-role="cliente"] .dashboard-hero,.driver-command-hero{min-height:300px;padding:28px 23px;border-radius:28px;background-position:62% center}body[data-role="cliente"] .dashboard-hero{background-image:linear-gradient(90deg,rgba(7,18,23,.95),rgba(7,18,23,.55)),url('/assets/dashboard-client-premium-v1.webp')}body[data-role="cliente"] .view>.view-heading,body[data-role="conductor"] .view>.view-heading{min-height:165px;padding:24px 22px;border-radius:25px;align-items:flex-start}.metric:hover,.trip-row:hover,.history-card:hover,.request-card:hover{transform:none}.dashboard-hero .dashboard-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){.metric,.trip-row,.history-card,.request-card{transition:none}}