html{background:#f3f5f7}body{min-width:320px;min-height:100vh}*{box-sizing:border-box}body{color:#18212b;background:#f3f5f7;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app{width:100%;max-width:520px;min-height:100vh;margin:auto;padding:24px 18px 40px}.header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.header h1{margin:3px 0 0;font-size:24px}.header-small{letter-spacing:1.5px;color:#68737e;font-size:11px;font-weight:800}.online{align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.online span{background:#19a15f;border-radius:50%;width:9px;height:9px}.card{background:#fff;border-radius:18px;margin-bottom:18px;padding:22px;box-shadow:0 4px 18px #0000000f}.center{text-align:center;margin-top:15vh}.logo{color:#fff;background:#17202a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:auto;font-size:24px;font-weight:900;display:flex}.subtitle,.description{color:#6c7782;line-height:1.5}.description{margin-bottom:22px;font-size:14px}label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}input{background:#fff;border:1px solid #d7dde3;border-radius:12px;outline:none;width:100%;margin-bottom:12px;padding:15px}input:focus{border-color:#52606d}button{color:#fff;cursor:pointer;background:#17202a;border:0;border-radius:12px;width:100%;padding:15px;font-weight:750}button:disabled{opacity:.55;cursor:default}.vehicle-card{text-align:center}.vehicle-icon{margin-bottom:10px;font-size:42px}.vehicle-info span{letter-spacing:1.4px;color:#68737e;font-size:10px;font-weight:800}.vehicle-info h2{margin:6px 0}.vehicle-info p{color:#68737e;margin:5px 0}.authorize{margin-top:20px}.authorized{color:#137a48;background:#eaf8f0;border-radius:12px;margin-top:20px;padding:14px;font-weight:800}.alert{border-radius:12px;margin:14px 0;padding:14px;font-size:14px}.success{color:#137a48;background:#eaf8f0}.error{color:#a52727;background:#fdecec}.info{color:#3b5368;background:#edf3f8}footer{text-align:center;color:#8a949e;margin-top:30px;font-size:11px}.identification-card{text-align:center}.identification-card h2{margin-top:0}.bluetooth-symbol{justify-content:center;margin:28px 0 18px;display:flex}.bluetooth-icon{color:#2878d0;background:#edf5ff;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;font-size:50px;font-weight:700;display:flex}.bluetooth-description{max-width:330px;margin:0 auto 22px}.bluetooth-button{background:#1769c2}.bluetooth-support{color:#7b8792;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:600;display:flex}.support-dot{background:#aeb6bd;border-radius:50%;width:8px;height:8px}.support-dot.available{background:#19a15f}.test-area{border-top:1px solid #edf0f2;margin-top:28px;padding-top:20px}.test-area>span{color:#8b949d;letter-spacing:1.4px;margin-bottom:10px;font-size:10px;font-weight:800;display:block}.test-button{color:#34495e;background:#edf3f8}.manual-mode{text-align:left;margin-top:16px}.manual-mode summary{cursor:pointer;color:#68737e;text-align:center;font-size:12px;font-weight:700}.manual-mode label{margin-top:18px}.driving-status{text-align:left;border-top:1px solid #edf0f2;margin-top:22px;padding-top:20px}.driving-status-title{color:#8b949d;letter-spacing:1.4px;text-align:center;margin-bottom:16px;font-size:10px;font-weight:800}.waiting-driving{color:#3b5368;background:#edf3f8;border-radius:12px;justify-content:center;align-items:center;gap:9px;margin-bottom:18px;padding:14px;font-size:14px;font-weight:700;display:flex}.status-circle{background:#6f879b;border-radius:50%;width:9px;height:9px}.telemetry-row{border-bottom:1px solid #edf0f2;justify-content:space-between;align-items:center;padding:13px 2px;font-size:14px;display:flex}.telemetry-row span{color:#68737e}.telemetry-row strong{color:#18212b}.driving-indicator{border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:14px;font-size:13px;font-weight:800;display:flex}.driving-indicator span{border-radius:50%;width:9px;height:9px}.driving-indicator.waiting{color:#3b5368;background:#edf3f8}.driving-indicator.waiting span{background:#6f879b}.driving-indicator.driving{color:#137a48;background:#eaf8f0}.driving-indicator.driving span{background:#19a15f}.refresh-status{color:#34495e;background:#edf3f8;margin-top:18px;font-size:12px}