#riderList .live-rider-card { cursor: pointer; }
#riderList .live-rider-card:hover { transform: translateY(-2px); box-shadow: 0 12px 24px #1438481f; }
.live-rider-invite-dialog { width: min(620px, 94vw); max-height: 90vh; padding: 0 !important; border: 0 !important; border-radius: 20px !important; overflow: auto; }
.live-rider-invite-dialog::backdrop { background: #08202c99; backdrop-filter: blur(3px); }
.live-rider-invite-dialog section { padding: 24px; background: #fff; }
.live-rider-invite-dialog header { display: flex; justify-content: space-between; gap: 16px; }
.live-rider-invite-dialog header small { color: #14815a; font-weight: 900; letter-spacing: .08em; }
.live-rider-invite-dialog h2 { margin: 5px 0 0; color: #153b49; }
.live-invite-status { margin: 7px 0 0 !important; color: #819099; font-size: 13px; font-weight: 800; }
.live-invite-status.is-online { color: #118653; }
.live-rider-profile{margin-top:20px;padding:16px;border:1px solid #d8e5e5;border-radius:14px;background:#f8fbfb}.live-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.live-rider-profile label{display:grid;gap:5px;color:#587079;font-size:10px;font-weight:900;letter-spacing:.05em}.live-rider-profile input,.live-rider-profile select{width:100%;min-height:42px;box-sizing:border-box;padding:0 11px;border:1px solid #cddcde;border-radius:9px;background:#fff;color:#173b48;font:inherit}.live-rider-profile>button{width:100%;min-height:43px;margin-top:11px;border:0;border-radius:10px;color:#fff;background:#123f50;font-weight:900;cursor:pointer}
.live-rider-invite-dialog header button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: #edf3f1; font-size: 22px; }
.live-invite-code { display: grid; gap: 6px; margin: 22px 0 12px; padding: 18px; border: 1px solid #b9dacb; border-radius: 14px; background: #eff9f4; }
.live-invite-code span { color: #5d756b; font-size: 11px; font-weight: 900; }
.live-invite-code strong { color: #0d7048; font-size: 25px; letter-spacing: .06em; }
.live-invite-code small { color: #667c72; font-size: 11px; }
.live-rider-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 22px; }
.live-rider-facts > div { display: grid; gap: 4px; min-width: 0; padding: 13px 14px; border: 1px solid #dfe9e6; border-radius: 12px; background: #f8fbfa; }
.live-rider-facts > div.is-cash { grid-column: 1/-1; border-color: #f0d69c; background: #fff9ec; }
.live-rider-facts span { color: #74868b; font-size: 10px; font-weight: 900; letter-spacing: .07em; }
.live-rider-facts strong { overflow: hidden; color: #173b48; font-size: 15px; text-overflow: ellipsis; }
.live-cash-update { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 14px; margin-top: 12px; padding: 16px; border: 1px solid #efd38d; border-radius: 14px; background: linear-gradient(135deg,#fffaf0,#fff); }
.live-cash-update label { display: grid; gap: 4px; }
.live-cash-update label span { color: #825b0b; font-size: 10px; font-weight: 950; letter-spacing: .07em; }
.live-cash-update label small { color: #7d735e; font-size: 12px; }
.live-cash-update > div { display: flex; align-items: center; gap: 7px; }
.live-cash-update > div > span { color: #9b6b08; font-weight: 950; }
.live-cash-update input { width: 100px; min-height: 42px; box-sizing: border-box; border: 1px solid #d8c17f; border-radius: 10px; background: #fff; color: #213b43; font-size: 16px; font-weight: 900; text-align: right; }
.live-cash-update button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 10px; background: #c9850d; color: #fff; font-weight: 900; cursor: pointer; }
.live-invite-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 20px; }
.live-invite-actions button,.live-invite-actions a { display: grid; min-height: 48px; place-items: center; border: 0; border-radius: 11px; font-weight: 900; text-decoration: none; }
.live-invite-actions button { background: #edf3f5; color: #294b59; }
.live-invite-actions a { background: #18a75f; color: #fff; }
.live-invite-actions .live-account-button { background: #123f50; color: #fff; }
#ridersGrid .rider-card { order: 1; }
#ridersGrid .rider-card.is-present-today { order: 0; border-color: #9dd2b8; box-shadow: 0 10px 25px #147f4c12; }
@media(max-width:560px){.live-rider-invite-dialog section{padding:19px}.live-profile-fields{grid-template-columns:1fr}.live-rider-facts{grid-template-columns:1fr}.live-rider-facts>div.is-cash{grid-column:auto}.live-cash-update{grid-template-columns:1fr}.live-cash-update>div{display:grid;grid-template-columns:auto 1fr auto}.live-cash-update input{width:100%}.live-invite-actions{grid-template-columns:1fr}}