@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";
:root{--bg-primary:#f3f5f7;--bg-card:#fff;--bg-card-solid:#fff;--bg-glass:#fff;--border-glass:#e3e6ea;--border-active:#00a9ce;--evo-cyan:#00a9ce;--evo-cyan-glow:#00a9ce29;--evo-navy:#1c1c1c;--amber-gold:#c47d00;--amber-glow:#c47d001f;--red-danger:#d32f2f;--green-success:#2e7d32;--text-main:#1c1c1c;--text-sub:#5e686e;--text-muted:#8a9399;--font-family:Roboto, "Helvetica Neue", Arial, sans-serif;--shadow:0 1px 4px #0000001f, 0 4px 16px #0000000f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);width:100%;height:100%;color:var(--text-main);font-family:var(--font-family);overflow:hidden}button,input,select{font-family:inherit}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.header-bar{z-index:1000;border-bottom:1px solid var(--border-glass);background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.header-left,.header-right{align-items:center;gap:12px;display:flex}.hamburger-btn{color:#222;cursor:pointer;background:0 0;border:0;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hamburger-btn:hover{background:#f2f4f6}.evo-mark{width:auto;height:28px;display:block}.city-toggle{align-items:center;display:flex}.city-btn,.city-btn.active{color:#222;cursor:pointer;background:0 0;border:0;max-width:220px;padding:6px 4px;font-size:14px;font-weight:500}.icon-nav-btn,.login-btn-header{color:#00a9ce;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:8px 10px;font-size:15px;font-weight:500;display:flex}.profile-btn,.header-avatar-initials{color:#fff;background:#00a9ce;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.nav-drawer-overlay{z-index:2000;background:#00000059;position:absolute;inset:0}.nav-drawer-content{color:#1c1c1c;width:min(320px,88vw);height:100%;box-shadow:var(--shadow);background:#fff;flex-direction:column;display:flex}.nav-drawer-header{border-bottom:1px solid var(--border-glass);padding:16px 16px 8px}.nav-drawer-close{cursor:pointer;color:#222;background:0 0;border:0;width:36px;height:36px}.drawer-user-info,.drawer-guest-info{align-items:center;gap:12px;padding:8px 0 12px;display:flex}.drawer-avatar{color:#fff;background:#00a9ce;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.drawer-avatar.guest{color:#546e7a;background:#eceff1}.drawer-user-details h3{font-size:16px;font-weight:500}.drawer-user-details p{color:var(--text-sub);margin-top:2px;font-size:13px}.login-action-btn,.primary-btn,.reserve-primary-btn,.claim-bounty-btn{color:#fff;cursor:pointer;background:#00a9ce;border:0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;display:inline-flex}.login-action-btn{margin-top:8px;padding:8px 12px;font-size:13px}.primary-btn.small,.secondary-btn.small{padding:8px 12px;font-size:13px}.secondary-btn,.locate-btn{color:#00a9ce;cursor:pointer;background:#fff;border:1px solid #00a9ce;border-radius:4px;padding:10px 14px;font-weight:500}.bcaa-pill-tag{color:#006b84;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:inline-flex}.drawer-city-row{padding:12px 16px}.drawer-section-label{color:var(--text-sub);margin-bottom:6px;font-size:12px;display:block}.drawer-city-btn,.drawer-city-btn.active{border:1px solid var(--border-glass);background:#fff;border-radius:4px;width:100%;padding:8px 10px;font-size:14px}.drawer-menu-list{flex:1;padding:4px 0;overflow:auto}.drawer-menu-item{text-align:left;color:#222;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;width:100%;padding:14px 18px;font-size:15px;display:flex}.drawer-menu-item:hover,.drawer-menu-item.active{background:#f4f7f8}.drawer-menu-item.danger{color:var(--red-danger)}.menu-icon{color:#607d8b}.menu-icon.cyan{color:#00a9ce}.menu-icon.amber{color:#c47d00}.menu-icon.red{color:var(--red-danger)}.menu-badge-tag{color:#006b84;border:1px solid #00a9ce;border-radius:2px;margin-left:auto;padding:1px 6px;font-size:11px}.drawer-divider{background:var(--border-glass);height:1px;margin:8px 16px}.drawer-footer{padding:12px 16px 20px}.app-version-tag{color:var(--text-muted);font-size:12px}.filter-bar-container{z-index:900;flex-direction:column;gap:8px;width:min(380px,100% - 24px);display:flex;position:absolute;top:68px;left:12px}.search-box{box-shadow:var(--shadow);background:#fff;border-radius:4px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search-icon{color:#78909c}.search-input{color:#222;background:0 0;border:0;outline:none;flex:1;font-size:15px}.clear-btn{cursor:pointer;color:#666;background:0 0;border:0;font-size:18px}.filter-controls{flex-wrap:wrap;gap:6px;display:flex}.filter-chip,.filter-chip-btn{box-shadow:var(--shadow);color:#333;cursor:pointer;background:#fff;border:0;border-radius:4px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.filter-chip select,.filter-chip select option{color:#222;background:#fff;border:0;font-size:13px}.filter-chip-btn.active,.filter-chip-btn.amber.active{color:#007a96;background:#e5f6fb}.vehicle-drawer{z-index:1100;box-shadow:var(--shadow);background:#fff;border-radius:8px;max-height:min(52vh,520px);padding:8px 16px 16px;position:absolute;bottom:12px;left:12px;right:12px;overflow:auto}.drawer-handle-bar{justify-content:center;padding:6px 0 2px;display:flex}.drawer-handle-pill{background:#d0d5d8;border-radius:2px;width:36px;height:4px}.drawer-close-btn,.modal-close{color:#333;cursor:pointer;background:#f2f4f6;border:0;border-radius:16px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:10px;right:10px}.drawer-content{position:relative}.drawer-header{justify-content:space-between;align-items:flex-start;gap:12px;padding-right:36px;display:flex}.badge-model{color:var(--text-sub);margin-bottom:2px;font-size:12px;display:inline-block}.vehicle-title{font-size:20px;font-weight:500}.vehicle-address{color:var(--text-sub);margin-top:2px;font-size:13px}.plate-tag-official{text-align:center;background:#fff;border:2px solid #1c1c1c;border-radius:4px;min-width:118px;padding:4px 8px 6px}.plate-top{letter-spacing:.4px;color:#333;font-size:8px;display:block}.plate-num{letter-spacing:1px;font-size:16px;font-weight:700;display:block}.vehicle-preview-container{justify-content:center;padding:8px 0;display:flex;position:relative}.vehicle-img{object-fit:contain;width:180px;height:auto}.discount-tag{color:#8a5a00;background:#fff4e5;padding:2px 6px;font-size:12px;position:absolute;top:8px;left:0}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-card{background:#f7f8f9;border-radius:4px;padding:8px}.metric-header{color:var(--text-sub);align-items:center;gap:4px;font-size:11px;display:flex}.metric-icon{color:#607d8b}.metric-value{margin-top:4px;font-size:16px;font-weight:500}.metric-sub{color:var(--text-muted);font-size:11px}.fuel-bar-track{background:#e0e0e0;border-radius:2px;height:4px;margin-top:6px}.fuel-bar-fill{border-radius:2px;height:100%}.pricing-box{margin-top:12px}.pricing-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.price-main{font-size:22px;font-weight:500}.price-unit,.rate-options,.pricing-note{color:var(--text-sub);font-size:13px}.bcaa-savings-tag{color:#006b84;margin-left:8px;font-size:12px}.streetcrowd-bounty-box{background:#fff9ee;border:1px solid #f0e2c0;border-radius:4px;margin-top:12px;padding:10px}.bounty-header{align-items:center;gap:8px;display:flex}.bounty-title{font-weight:500}.bounty-reward{margin-left:auto;font-weight:500}.bounty-desc{color:#5c5346;margin:6px 0;font-size:13px}.amber-icon,.gold-icon{color:#c47d00}.green-icon{color:var(--green-success)}.cyan-icon{color:#00a9ce}.remote-controls-bar{gap:8px;margin-top:12px;display:flex}.remote-btn{border:1px solid var(--border-glass);color:#666;background:#fff;border-radius:4px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-size:11px;display:flex}.remote-btn:disabled{opacity:.55}.reserve-primary-btn{width:100%;margin-top:12px}.reserve-primary-btn:disabled{cursor:default;background:#b0bec5}.modal-overlay,.inner-modal-overlay,.trip-hud-overlay{z-index:3000;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal-card,.trip-hud-card{color:#1c1c1c;width:min(480px,100%);max-height:min(86vh,760px);box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:20px;position:relative;overflow:auto}.modal-card.wide{width:min(760px,100%)}.modal-header{align-items:flex-start;gap:12px;margin-bottom:16px;padding-right:28px;display:flex}.icon-badge,.icon-badge.cyan,.icon-badge.amber{color:#007a96;background:#e5f6fb;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.modal-title,.trip-vehicle-name{font-size:18px;font-weight:500}.modal-sub,.trip-location{color:var(--text-sub);margin-top:2px;font-size:13px}.sc-stats-grid,.hud-stats-grid,.key-config-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sc-stat-card,.hud-stat-box,.result-box,.metric-card{background:#f7f8f9;border-radius:4px;padding:10px}.sc-stat-header,.result-header{color:var(--text-sub);align-items:center;gap:6px;font-size:12px;display:flex}.sc-stat-value,.stat-value{margin-top:4px;font-size:20px;font-weight:500}.sc-stat-sub,.stat-label,.stat-sub{color:var(--text-sub);font-size:12px}.rulebook-banner{border:1px solid var(--border-glass);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.sc-tasks-list{flex-direction:column;gap:8px;display:flex}.sc-task-item{border:1px solid var(--border-glass);cursor:pointer;border-radius:4px;justify-content:space-between;gap:12px;padding:10px;display:flex}.sc-task-left,.sc-task-right{flex-direction:column;gap:2px;display:flex}.sc-task-right{align-items:flex-end}.task-badge{letter-spacing:.3px;color:#007a96;font-size:11px}.sc-car-name{font-size:14px}.sc-car-loc,.sc-dest{color:var(--text-sub);font-size:12px}.sc-reward-val{font-weight:500}.rulebook-content h4{margin:10px 0 4px;font-size:14px}.rulebook-content p{color:var(--text-sub);font-size:13px}.login-form,.key-actions-row{flex-direction:column;gap:10px;display:flex}.login-form input,.login-form select,input,textarea{border:1px solid #d5dadf;border-radius:4px;padding:10px 12px;font-size:14px}.login-error-banner,.test-result-banner{color:#b71c1c;background:#ffebee;border-radius:4px;padding:8px 10px;font-size:13px}.login-link,.login-link.cyan{color:#00a9ce}.auth-footer-note{color:var(--text-sub);font-size:12px}.code-block,.token-block,.curl-block{color:#222;white-space:pre-wrap;background:#f4f6f8;border-radius:4px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow:auto}.copy-btn{color:#00a9ce;cursor:pointer;background:0 0;border:0;font-size:12px}.key-actions-row{flex-flow:wrap;margin-top:12px}.generated-key-results,.result-label{color:var(--text-sub);font-size:12px}.trip-hud-header{justify-content:space-between;align-items:center;display:flex}.pulse-badge{align-items:center;gap:6px;font-size:13px;display:flex}.pulse-dot{background:#00a9ce;border-radius:4px;width:8px;height:8px}.plate-pill{border:1px solid #222;border-radius:2px;padding:2px 6px;font-size:13px;font-weight:700}.hud-controls-grid{gap:8px;margin-top:12px;display:flex}.parking-verify-box{color:var(--text-sub);align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.custom-leaflet-marker{background:0 0!important;border:none!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#1c1c1c!important;box-shadow:var(--shadow)!important;background:#fff!important;border-radius:4px!important}.spinner{border:3px solid #e0e0e0;border-top-color:#00a9ce;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.slide-up{animation:.25s slideUp}.slide-right{animation:.25s slideRight}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes slideRight{0%{transform:translate(-16px)}to{transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.metrics-grid,.sc-stats-grid,.hud-stats-grid,.key-config-grid{grid-template-columns:1fr}.vehicle-drawer{border-radius:12px 12px 0 0;bottom:0;left:0;right:0}}