:root{--bg: #f2f3f5;--card: #ffffff;--text: #11181c;--muted: #6b7280;--row-bg: #f4f5f7;--blue: #2d7ff9;--green: #16a34a;--red: #ef4444;--shadow: 0 -6px 24px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{position:relative;height:100%;width:100%;overflow:hidden}.map{position:absolute;top:0;right:0;bottom:0;left:0;background:#e5e7eb}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);text-align:center;padding:24px}.overlay__title{font-size:24px;font-weight:800;color:var(--blue)}.overlay__text{color:var(--muted);max-width:320px}.spinner{width:36px;height:36px;border:4px solid #d1d5db;border-top-color:var(--blue);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel{position:absolute;left:0;right:0;bottom:0;z-index:5;pointer-events:none}.card{pointer-events:auto;background:var(--card);border-radius:22px 22px 0 0;box-shadow:var(--shadow);padding:10px 18px 22px;max-height:78vh;overflow-y:auto}.card__handle{width:44px;height:5px;background:#d1d5db;border-radius:3px;margin:4px auto 12px}.status{display:flex;align-items:center;gap:10px}.status__dot{width:8px;height:8px;border-radius:50%;background:var(--text)}.status__text{font-size:20px;font-weight:700}.status__live{margin-left:auto;font-size:12px;padding:3px 9px;border-radius:999px}.status__live.is-on{color:var(--green);background:#dcfce7}.status__live.is-off{color:var(--muted);background:#eef0f2}.trip{margin-top:12px}.trip__stats{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.trip__eta{font-weight:700;color:var(--text)}.trip__dist{color:var(--muted)}.trip__bar{margin-top:8px;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.trip__fill{height:100%;border-radius:999px;background:var(--blue);transition:width .4s ease}.divider{height:1px;background:#eceef0;margin:14px 0}.driver{display:flex;align-items:center;gap:12px}.avatar{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#e5e7eb}.avatar--fallback{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:var(--muted)}.driver__info{flex:1;min-width:0}.driver__name{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.driver__rating{color:var(--muted);font-size:14px;margin-top:2px}.star{color:#f5b50a}.driver__actions{display:flex;gap:8px}.iconbtn{width:44px;height:44px;border:none;border-radius:12px;background:var(--row-bg);font-size:18px;cursor:default;opacity:.55}.vehicle{display:flex;align-items:center;gap:12px;margin-top:14px}.plate{font-weight:700;font-size:16px;letter-spacing:.5px;padding:8px 12px;border:1.5px solid #d8dbe0;border-radius:10px;white-space:nowrap}.vehicle__meta{color:var(--muted);font-size:14px}.rows{margin-top:16px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:12px;background:var(--row-bg);border-radius:14px;padding:12px 14px}.row__icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.row__icon--pickup,.row__icon--dropoff{background:var(--blue)}.row__icon--pay{background:var(--green)}.row__body{min-width:0}.row__label{font-size:12px;color:var(--muted)}.row__value{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.row__value--strong{font-weight:700}.footnote{margin-top:16px;text-align:center;color:var(--muted);font-size:14px}@media (min-width: 768px){.panel{top:0;left:auto;right:0;bottom:0;width:420px;display:flex;align-items:stretch;padding:20px}.card{border-radius:18px;max-height:none;width:100%;align-self:center;box-shadow:0 10px 40px #0000002e}.card__handle{display:none}}.appbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--card);box-shadow:0 4px 16px #0000001a}.appbar__brand{display:flex;align-items:center;gap:10px}.appbar__logo{width:36px;height:36px;border-radius:9px;flex-shrink:0}.appbar__text{display:flex;flex-direction:column;line-height:1.2}.appbar__title{font-weight:800;color:var(--blue);font-size:15px}.appbar__sub{font-size:12px;color:var(--muted)}.appbar__links{display:flex;gap:8px}.store{text-decoration:none;font-size:12px;font-weight:600;color:#fff;background:var(--text);padding:8px 12px;border-radius:10px;white-space:nowrap}.store:active{opacity:.85}