*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111827;background:#f3f4f6;font-family:system-ui,-apple-system,sans-serif}.rides-page{color:#172033;max-width:1440px;margin:0 auto}.rides-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.rides-eyebrow{letter-spacing:.12em;margin-bottom:5px;font-weight:800;color:#2563eb!important;font-size:11px!important}.rides-header h1{letter-spacing:-.025em;font-size:29px;line-height:1.15}.rides-header p{color:#687386;margin-top:6px;font-size:14px}.rides-refresh{color:#344054;cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:9px;align-items:center;gap:7px;padding:9px 14px;font-weight:700;display:flex;box-shadow:0 1px 2px #1018280d}.rides-refresh:disabled{opacity:.65;cursor:wait}.rides-spin{animation:.8s linear infinite rides-spin;display:inline-block}@keyframes rides-spin{to{transform:rotate(360deg)}}.rides-summary{grid-template-columns:repeat(6,minmax(120px,1fr));gap:11px;margin-bottom:18px;display:grid}.rides-summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:12px;min-height:91px;padding:15px 17px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.rides-summary-card:before{content:"";background:var(--tone);opacity:.75;width:4px;position:absolute;inset:0 auto 0 0}.rides-summary-card:hover{border-color:#cdd5df;transform:translateY(-1px);box-shadow:0 5px 16px #1018280d}.rides-summary-card.is-active{border-color:var(--tone);box-shadow:0 0 0 2px color-mix(in srgb, var(--tone) 13%, transparent)}.rides-summary-card span{color:#667085;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.rides-summary-card strong{color:#1d2939;letter-spacing:-.03em;font-size:27px;display:block}.tone-slate{--tone:#64748b}.tone-amber{--tone:#e9a008}.tone-blue{--tone:#2563eb}.tone-green{--tone:#16a36a}.tone-red{--tone:#e5484d}.tone-violet{--tone:#7c3aed}.rides-filters{background:#fff;border:1px solid #e5e9f0;border-radius:12px;grid-template-columns:minmax(190px,1.25fr) repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:13px;margin-bottom:18px;padding:17px 18px;display:grid}.rides-filter-heading{align-self:center;align-items:center;gap:10px;display:flex}.rides-filter-icon{color:#2563eb;background:#eff6ff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.rides-filter-heading strong,.rides-filter-heading small{display:block}.rides-filter-heading strong{font-size:14px}.rides-filter-heading small{color:#98a2b3;margin-top:2px;font-size:11px}.rides-filters label{color:#475467;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.rides-filters select,.rides-filters input{color:#344054;width:100%;height:38px;font:inherit;background:#fff;border:1px solid #d8dee8;border-radius:8px;outline:none;padding:0 10px;font-size:13px;font-weight:500}.rides-filters select:focus,.rides-filters input:focus{border-color:#4c8bf5;box-shadow:0 0 0 3px #2563eb16}.rides-clear{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:0;height:38px;font-size:12px;font-weight:700}.rides-list-card{background:#fff;border:1px solid #e5e9f0;border-radius:13px;overflow:hidden;box-shadow:0 3px 12px #10182808}.rides-list-title{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:70px;padding:15px 20px;display:flex}.rides-list-title h2{font-size:16px}.rides-list-title p{color:#8a94a6;margin-top:3px;font-size:12px}.rides-loading-label{color:#2563eb;font-size:12px;font-weight:700}.rides-table-wrap{overflow-x:auto}.rides-table{border-collapse:collapse;width:100%;min-width:1040px}.rides-table th{color:#7d8799;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;padding:11px 14px;font-size:10px}.rides-table td{vertical-align:middle;border-top:1px solid #edf0f4;padding:14px;font-size:13px}.rides-table tbody>tr:not(.rides-detail-row):hover,.rides-table tr.is-expanded{background:#fafcff}.rides-status{background:var(--status-bg);color:var(--status);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-flex}.rides-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-requested{--status:#b66a00;--status-bg:#fff5dc}.status-accepted{--status:#225ed8;--status-bg:#eaf1ff}.status-started{--status:#087f5b;--status-bg:#e4f8f0}.status-completed{--status:#3c6d5a;--status-bg:#e8f5ef}.status-cancelled{--status:#c43237;--status-bg:#ffebec}.rides-type{color:#475467;white-space:nowrap;font-size:11px;font-weight:750;display:block}.rides-type.is-scheduled{color:#6d3bd1}.rides-id{color:#a0a8b6;margin-top:5px;font-size:10px;display:block}.rides-route-cell{max-width:270px}.rides-route-cell div{align-items:center;gap:8px;min-width:0;display:flex}.rides-route-cell div+div{margin-top:7px}.rides-route-cell span{text-overflow:ellipsis;white-space:nowrap;color:#475467;font-size:12px;overflow:hidden}.rides-route-cell i{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.origin-dot{background:#2563eb}.destination-dot{background:#e5484d}.rides-person{align-items:center;gap:8px;min-width:155px;display:flex}.rides-person+.rides-person{margin-top:8px}.rides-person>span{color:#2563eb;background:#eaf1ff;border-radius:50%;flex:0 0 25px;place-items:center;height:25px;font-size:9px;font-weight:850;display:grid}.rides-person.secondary>span{color:#7448cf;background:#f0ecff}.rides-person strong,.rides-person small{text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:block;overflow:hidden}.rides-person strong{color:#344054;font-size:11px}.rides-person small{color:#98a2b3;margin-top:1px;font-size:9px}.rides-date,.rides-fare{color:#344054;white-space:nowrap;font-size:12px;display:block}.rides-table td>small{color:#98a2b3;white-space:nowrap;margin-top:4px;font-size:10px;display:block}.rides-fare{font-size:13px}.rides-detail-button{color:#667085;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:8px;place-items:center;width:29px;height:29px;font-size:20px;display:grid}.rides-detail-button:hover{color:#2563eb;border-color:#8cb4f7}.rides-detail-row td{border-top:0;padding:0}.rides-detail{background:#f8fafc;border-top:1px dashed #d9e0e8;border-bottom:1px solid #e7ebf0;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px 20px;padding:17px 22px 20px 64px;display:grid}.rides-detail div small,.rides-detail div strong{display:block}.rides-detail div small{color:#8b95a7;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.rides-detail div strong{color:#344054;margin-top:4px;font-size:11px}.rides-detail .is-wide{grid-column:span 2}.rides-detail-actions{grid-column:-2/-1;justify-content:flex-end;align-items:end;display:flex}.rides-cancel-button{color:#bc252b;cursor:pointer;background:#fff;border:1px solid #efb5b8;border-radius:8px;padding:8px 12px;font-size:11px;font-weight:750}.rides-cancel-button:hover{background:#fff4f4;border-color:#dc4248}.rides-message{color:#98a2b3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:285px;padding:30px;display:flex}.rides-message strong{color:#475467}.rides-message span{font-size:13px}.rides-empty-icon{color:#7e8a9d;background:#f0f4f8;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:5px;display:grid;font-size:25px!important}.rides-message button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;margin-top:7px;padding:8px 13px}.rides-message.is-error strong{color:#b4232a}.rides-pagination{color:#667085;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:13px 18px;font-size:11px;display:flex}.rides-pagination div{gap:7px;display:flex}.rides-pagination button{color:#475467;cursor:pointer;background:#fff;border:1px solid #dfe4eb;border-radius:7px;padding:7px 11px}.rides-pagination button:disabled{opacity:.45;cursor:default}.rides-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10182899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rides-dialog{background:#fff;border-radius:14px;width:min(100%,500px);box-shadow:0 24px 60px #10182840}.rides-dialog form{padding:22px}.rides-dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.rides-dialog-header p{color:#c43237;letter-spacing:.1em;font-size:10px;font-weight:850}.rides-dialog-header h2{margin-top:4px;font-size:21px}.rides-dialog-header>button{color:#667085;cursor:pointer;background:0 0;border:0;font-size:26px;line-height:1}.rides-dialog-copy{color:#667085;margin:17px 0;font-size:13px;line-height:1.55}.rides-dialog-copy strong{color:#344054}.rides-dialog label{color:#344054;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.rides-dialog textarea{box-sizing:border-box;resize:vertical;color:#1d2939;width:100%;font:inherit;border:1px solid #d8dee8;border-radius:9px;outline:none;padding:10px 11px;font-size:13px;line-height:1.45}.rides-dialog textarea:focus{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d14}.rides-dialog-meta{color:#98a2b3;justify-content:flex-end;margin-top:4px;font-size:10px;display:flex}.rides-dialog-error{color:#b4232a;margin-top:10px;font-size:12px}.rides-dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.rides-dialog-actions button{color:#475467;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:750}.rides-dialog-actions button.is-danger{color:#fff;background:#cf343a;border-color:#cf343a}.rides-dialog-actions button:disabled{opacity:.5;cursor:default}@media (width<=1180px){.rides-summary,.rides-filters{grid-template-columns:repeat(3,1fr)}.rides-filter-heading{grid-column:1/-1}}@media (width<=760px){.rides-page{min-width:0}.rides-header{flex-direction:column}.rides-summary{grid-template-columns:repeat(2,1fr)}.rides-filters{grid-template-columns:1fr}.rides-filter-heading{grid-column:auto}.rides-clear{justify-self:start}.rides-detail{grid-template-columns:repeat(2,1fr);padding-left:20px}}.zones-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}@media (width<=760px){.zones-layout{grid-template-columns:minmax(0,1fr);height:auto!important}.zones-layout>:first-child{min-height:500px}}