html{background:#f4f7fb;min-width:320px;min-height:100%}body{color:#162033;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at 0 0,#0b5fff14,#0000 34rem),#f4f7fb;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}#root{min-height:100vh}a{color:#0848c7;text-underline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.1}h2{font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.2}::selection{background:#0b5fff2e}:root{--lr-bg:#f4f7fb;--lr-surface:#fff;--lr-surface-soft:#eef3f8;--lr-text:#162033;--lr-muted:#5d6b82;--lr-border:#d7e0ea;--lr-primary:#0b5fff;--lr-primary-dark:#0848c7;--lr-success:#087f5b;--lr-warning:#9a5b00;--lr-danger:#b42318;--lr-radius:18px;--lr-shadow:0 18px 50px #1f2a441a}*{box-sizing:border-box}.driver-app{gap:16px;width:min(100%,760px);margin:0 auto;padding:20px 16px 104px;display:grid}.card,.ride-card{background:var(--lr-surface);border:1px solid var(--lr-border);border-radius:var(--lr-radius);box-shadow:var(--lr-shadow);text-align:left;padding:20px}.card h1,.card h2,.card h3,.ride-card h3{color:var(--lr-text);margin-top:0}.card p,.ride-card p{color:var(--lr-muted);margin:8px 0}.app-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.app-header h1{margin-bottom:4px}.app-nav{z-index:40;border:1px solid var(--lr-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid;position:sticky;bottom:12px;box-shadow:0 12px 30px #1f2a4429}.app-nav button[aria-current=page]{background:var(--lr-primary);color:#fff}button,input,select,textarea{font:inherit}button{background:var(--lr-primary);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:48px;padding:12px 16px;font-weight:700;transition:transform .12s,background .12s,opacity .12s}button:hover:not(:disabled){background:var(--lr-primary-dark)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{background:var(--lr-surface-soft);color:var(--lr-text)}button.danger{background:var(--lr-danger)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0b5fff59}form{gap:14px;display:grid}label{color:var(--lr-text);gap:6px;font-weight:650;display:grid}input,select,textarea{border:1px solid var(--lr-border);width:100%;min-height:48px;color:var(--lr-text);background:#fff;border-radius:12px;padding:12px 14px}textarea{resize:vertical;min-height:112px}.address-field{position:relative}.address-suggestions{z-index:30;border:1px solid var(--lr-border);box-shadow:var(--lr-shadow);background:#fff;border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.address-suggestions button{border-bottom:1px solid var(--lr-border);width:100%;color:var(--lr-text);text-align:left;background:#fff;border-radius:0;font-weight:500;display:block}.address-suggestions button:last-child{border-bottom:0}.address-suggestions button:hover,.address-suggestions button[aria-selected=true]{background:var(--lr-surface-soft)}.ride-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ride-type-grid button{color:var(--lr-text);border:1px solid var(--lr-border);background:#fff}.ride-type-grid button[aria-pressed=true]{border-color:var(--lr-primary);color:var(--lr-primary-dark);background:#eaf1ff}.status-badge{background:var(--lr-surface-soft);min-height:32px;color:var(--lr-text);border-radius:999px;align-items:center;padding:6px 10px;font-size:.9rem;font-weight:750;display:inline-flex}.trip-summary{grid-template-columns:1fr 1fr;gap:12px;display:grid}.trip-summary>div{background:var(--lr-surface-soft);border-radius:14px;padding:14px}.trip-summary strong{color:var(--lr-text);display:block}.status-timeline{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.status-timeline li{color:var(--lr-muted);gap:10px;display:flex}.status-timeline li[data-complete=true]{color:var(--lr-success);font-weight:700}.message-region{z-index:60;background:var(--lr-text);color:#fff;width:min(100% - 32px,680px);box-shadow:var(--lr-shadow);border-radius:12px;padding:14px 16px;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.offline-banner{color:#664d03;background:#fff3cd;border-radius:12px;padding:10px 14px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.driver-app{padding:12px 12px 96px}.card,.ride-card{border-radius:16px;padding:16px}.app-header{flex-direction:column}.app-header button{width:100%}.trip-summary,.ride-type-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}