:root{font:17px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10182b;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}main{max-width:520px;margin:auto;padding:24px 20px max(24px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}header strong{font-size:24px;color:#008d43}h1{font-size:28px}form,label{display:grid;gap:12px}label{font-size:15px}input{font:inherit;padding:16px;border:1px solid #dce2e8;border-radius:14px;width:100%;background:white}button{font:inherit;min-height:48px;border:0;border-radius:14px;padding:12px 18px;background:#e8edf0;color:#10182b;cursor:pointer}button.primary{background:#01b855;color:white;font-weight:600}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #82d8a9;outline-offset:3px}form{margin-bottom:24px}#login{background:white;padding:24px;border-radius:24px}.wallet{padding:24px;border-radius:24px;background:#093f2a;color:white;display:grid;gap:8px;margin-bottom:24px}.wallet strong{font-size:38px}.ride{background:white;border:1px solid #e4e9ec;border-radius:20px;padding:20px;margin:16px 0}.ride h2{margin:0;font-size:23px}.metrics{display:flex;justify-content:space-between;gap:12px;margin:18px 0;font-variant-numeric:tabular-nums}.actions{display:flex;gap:10px}.actions button{flex:1}.end{color:#b62d19;background:#fff0ed}.status{color:#526273;margin:12px 0;line-height:1.5}#error{color:#ab241d;line-height:1.5}#message{color:#12613b}#connection{font-size:14px;color:#526273}#refresh{width:100%}[hidden]{display:none!important}
