*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{margin:0}#app{width:100%;min-height:100svh}*{box-sizing:border-box}:root{--footer-height:32px}html,body,#app{height:100%;overflow:hidden}body{overscroll-behavior:none}.footer{height:var(--footer-height);z-index:1000;color:#888;background:#181818;border-top:1px solid #333;justify-content:space-between;align-items:center;padding:0 15px;font-size:.8rem;display:flex;position:fixed;bottom:0;left:0;right:0}.footer a{color:#888;text-decoration:none}.footer a:hover{color:#fff}body{color:#fff;background:#181818;margin:0;font-family:Arial,sans-serif}.container{max-width:600px;height:calc(100dvh - var(--footer-height));box-sizing:border-box;flex-direction:column;margin:auto;padding:20px 20px 10px;display:flex}.card{background:#2b2b2b;border-radius:12px;margin-bottom:16px;padding:12px}.login-card{margin-top:80px}input,select{box-sizing:border-box;border:none;border-radius:8px;width:100%;margin-top:8px;padding:14px;font-size:1rem}.login-button{width:100%;margin-top:12px;padding:14px;font-size:1rem}.error{color:#ff8080;margin-top:10px}.status-card{color:#fff;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:120px;max-height:300px;margin-bottom:12px;padding:12px;display:flex}.status-label{opacity:.9;font-size:1rem}.status-number{margin:12px 0;font-size:clamp(3rem,10vw,5rem);font-weight:700;line-height:1}.status-time{font-size:1rem}.button-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.status-button{color:#fff;cursor:pointer;border:none;border-radius:12px;height:clamp(65px,10vh,90px);font-size:2rem;font-weight:700}.status-button:disabled{opacity:.6;cursor:wait}h1{color:#fff;text-align:center;margin-bottom:20px;font-size:2rem;font-weight:700}.error-banner{color:#fff;text-align:center;background:#c62828;border-radius:10px;margin-bottom:15px;padding:12px;font-weight:700}.toast{text-align:center;color:#fff;z-index:1000;box-sizing:border-box;border-radius:12px;padding:14px;font-weight:700;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 4px 12px #0006}.success-toast{background:#2e7d32}.error-toast{background:#c62828}.toast-enter-active,.toast-leave-active{transition:opacity .3s,transform .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(20px)}.demo-banner{color:#fff;text-align:center;background:#f57c00;border-radius:8px;margin-bottom:10px;padding:6px 10px;font-size:.85rem;font-weight:700}.vehicle-card{align-items:center;gap:12px;display:flex}.vehicle-card label{white-space:nowrap}.vehicle-card select{flex:1;margin-top:0}