@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--ink:#1b1f27;--muted:#6b7280;--paper:#fff;--bg:#f1f2f5;--accent:#ff9f1c;--accent-dark:#e08600;--success:#2bb673;--success-bg:#e8f8f0;--danger:#e5484d;--danger-bg:#fdedee;--border:#e4e5e9;--radius-lg:20px;--radius-md:14px;--radius-sm:10px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}h1,h2,h3{margin:0 0 4px;font-family:Space Grotesk,sans-serif}p{color:var(--ink);margin:0 0 12px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:16px;display:flex}.topbar-phone{color:var(--muted);font-size:13px;font-weight:600}.link-button{color:var(--accent-dark);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.phone-shell{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.phone-frame{background:var(--paper);border:8px solid var(--ink);border-radius:44px;flex-direction:column;width:390px;min-height:780px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 60px -20px #1b1f2759}.phone-statusbar{color:var(--ink);justify-content:space-between;align-items:center;padding:14px 24px 6px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:flex}.phone-notch{background:var(--ink);border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{flex:1;padding:12px 24px 28px;overflow-y:auto}.screen-title{margin-bottom:2px;font-size:22px;font-weight:700}.screen-subtitle{color:var(--muted);margin-bottom:20px;font-size:14px}.input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--paper);width:100%;color:var(--ink);margin-bottom:12px;padding:13px 16px;font-family:inherit;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:#a1a5ad}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-bottom:10px;padding:14px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:transform 80ms,opacity .15s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--ink)}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--ink);color:var(--paper)}.btn-secondary:hover{opacity:.85}.btn-outline{color:var(--ink);border:1.5px solid var(--border);background:0 0}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-inline{width:auto;margin-bottom:0;margin-left:8px;padding:8px 14px;font-size:13px}.segmented{background:var(--bg);border-radius:var(--radius-md);margin-bottom:20px;padding:4px;display:flex}.segmented-option{text-align:center;border-radius:var(--radius-sm);color:var(--muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-family:inherit;font-size:14px;font-weight:600}.segmented-option.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #00000014}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.card-row{justify-content:space-between;align-items:center;display:flex}.pill{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.pill-online,.pill-completed,.pill-accepted{background:var(--success-bg);color:var(--success)}.pill-offline,.pill-cancelled{background:var(--danger-bg);color:var(--danger)}.pill-pending{color:var(--accent-dark);background:#fff4e5}.pill-in_progress{color:var(--accent-dark);background:#fff4ef}.ride-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.ride-item:last-child{border-bottom:none}.ride-route{font-size:14px;font-weight:600}.ride-meta{color:var(--muted);margin-top:2px;font-size:13px}.error-banner{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 14px;font-size:13px}.text-muted{color:var(--muted);font-size:14px}.spacer{height:16px}