
/* NineConnect Web v49 — dashboard refresh matching the approved app language */
.dashboard-v49{padding-bottom:30px}
.dash-welcome-v49{position:relative;min-height:215px;overflow:hidden;padding:0!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-color:rgba(23,201,255,.28)!important}
.dash-welcome-image-v49{position:absolute;inset:0 0 0 47%;background:url('assets/road-night.jpg') center/cover no-repeat;opacity:.95}
.dash-welcome-v49:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#041326 0%,rgba(4,19,38,.95) 42%,rgba(4,19,38,.42) 70%,rgba(2,10,22,.10) 100%);pointer-events:none}
.dash-welcome-copy-v49{position:relative;z-index:3;padding:30px 34px;max-width:720px}.dash-welcome-copy-v49 h2{font-size:clamp(1.75rem,3vw,2.65rem);margin:6px 0 6px}.dash-welcome-copy-v49 p{color:#9bb1c6;margin:0;font-size:1rem}.dash-status-v49{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}.dash-status-v49 span{padding:7px 10px;border:1px solid rgba(35,186,255,.19);border-radius:999px;background:rgba(2,14,28,.55);color:#8eabc2;font-size:.72rem}.dash-status-v49 i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25e69e;box-shadow:0 0 11px #25e69e;margin-right:6px}
.dash-weather-v49{position:relative;z-index:4;align-self:start;margin:24px 26px 0 0;display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid rgba(40,173,255,.18);border-radius:16px;background:rgba(2,14,28,.70);backdrop-filter:blur(14px)}.dash-weather-icon{font-size:1.5rem;color:#20d5ff}.dash-weather-v49 b,.dash-weather-v49 small{display:block}.dash-weather-v49 small{color:#7f9cb4;font-size:.67rem;margin-top:2px}
.dash-section-head-v49{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:25px 4px 12px}.dash-section-head-v49 h2{margin:4px 0 0;font-size:1.45rem}.dash-section-head-v49>span{color:#7190a9;font-size:.75rem;padding-bottom:4px}
.dash-vehicles-v49{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dash-vehicle-v49{position:relative;min-height:315px;border:1px solid rgba(24,194,255,.36);border-radius:25px;overflow:hidden;background:#031327;box-shadow:0 18px 50px rgba(0,0,0,.30);cursor:pointer;transition:.2s}.dash-vehicle-v49.ebike-v49{border-color:rgba(40,229,158,.34)}.dash-vehicle-v49:hover{transform:translateY(-2px);box-shadow:0 25px 65px rgba(0,0,0,.36),0 0 32px rgba(0,155,255,.08)}
.dash-vehicle-image-v49{position:absolute;inset:0 0 0 42%;background-size:cover;background-position:center;transition:transform .35s}.scooter-image-v49{background-image:url('assets/scooter-card.jpg')}.ebike-image-v49{background-image:url('assets/ebike-card.jpg')}.dash-vehicle-v49:hover .dash-vehicle-image-v49{transform:scale(1.035)}.dash-vehicle-overlay-v49{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,28,.99) 0%,rgba(3,19,37,.95) 48%,rgba(3,18,34,.56) 69%,rgba(2,12,25,.22) 100%)}
.dash-vehicle-content-v49{position:relative;z-index:2;min-height:315px;padding:22px;display:flex;flex-direction:column}.dash-vehicle-top-v49{display:flex;justify-content:space-between;gap:14px;align-items:start}.dash-vehicle-top-v49>div>span{font-size:.66rem;letter-spacing:.16em;color:#7fa2bb;font-weight:900}.dash-vehicle-top-v49 h3{font-size:1.5rem;margin:5px 0 0}.dash-connect-v49{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid rgba(58,226,162,.18);background:rgba(4,31,29,.65);font-size:.66rem;color:#92a9bc}.dash-connect-v49 i{width:7px;height:7px;border-radius:50%;background:#ff7184;box-shadow:0 0 10px currentColor}.dash-connect-v49 i.good{background:#25e69e}.dash-connect-v49 b{font-weight:700}
.dash-vehicle-metrics-v49{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:75%;margin-top:auto;margin-bottom:16px}.dash-vehicle-metrics-v49>div{padding:11px 10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(0,10,21,.52)}.dash-vehicle-metrics-v49 span{display:block;color:#7594aa;font-size:.64rem}.dash-vehicle-metrics-v49 b{display:block;color:#f1f9ff;margin-top:4px;font-size:.95rem}.dash-vehicle-metrics-v49 small{font-size:.61rem;color:#7e99ad}.dash-vehicle-v49 button{align-self:flex-start;min-width:155px;padding:10px 15px;border-radius:13px;border:1px solid rgba(22,205,255,.40);background:linear-gradient(90deg,rgba(0,183,255,.22),rgba(0,101,255,.24));color:#fff;font-weight:800;cursor:pointer}.ebike-v49 button{border-color:rgba(43,232,164,.35);background:linear-gradient(90deg,rgba(31,205,155,.18),rgba(0,113,204,.18))}
.dash-quick-v49{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}.dash-quick-v49 button{min-height:120px;border:1px solid rgba(29,171,255,.21);border-radius:19px;background:linear-gradient(145deg,rgba(7,30,53,.84),rgba(3,17,31,.80));color:#fff;padding:15px 13px;text-align:left;cursor:pointer;transition:.18s;box-shadow:0 12px 28px rgba(0,0,0,.13)}.dash-quick-v49 button:hover{transform:translateY(-2px);border-color:rgba(24,207,255,.5)}.dash-qicon-v49{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,rgba(0,199,255,.22),rgba(0,89,255,.17));color:#1bd8ff;font-size:1.25rem;margin-bottom:12px}.dash-qicon-v49.map{color:#34e5a7}.dash-qicon-v49.live{color:#18ddc0}.dash-quick-v49 b,.dash-quick-v49 small{display:block}.dash-quick-v49 b{font-size:.9rem}.dash-quick-v49 small{font-size:.67rem;color:#718ea6;margin-top:4px;line-height:1.3}
.dash-ride-banner-v49{position:relative;min-height:190px;margin-top:18px;overflow:hidden;padding:0!important}.dash-ride-bg-v49{position:absolute;inset:0;background:url('assets/road-night.jpg') center 65%/cover no-repeat}.dash-ride-shade-v49{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,15,30,.98) 0%,rgba(3,18,35,.85) 45%,rgba(2,14,27,.28) 100%)}.dash-ride-content-v49{position:relative;z-index:2;padding:27px 32px}.dash-ride-content-v49>span{font-size:.66rem;letter-spacing:.18em;color:#16d3ff;font-weight:900}.dash-ride-content-v49 h2{font-size:1.7rem;margin:7px 0 6px}.dash-ride-content-v49 p{color:#88a3b8;margin:0 0 16px}.dash-ride-content-v49 button{border:1px solid #1acfff;border-radius:999px;background:linear-gradient(90deg,#08b8de,#176cff);color:#fff;padding:11px 22px;font-weight:850;cursor:pointer;box-shadow:0 0 25px rgba(0,157,255,.15)}
@media(max-width:1260px){.dash-quick-v49{grid-template-columns:repeat(3,1fr)}.dash-vehicle-metrics-v49{max-width:88%}}
@media(max-width:860px){.dash-vehicles-v49{grid-template-columns:1fr}.dash-weather-v49{display:none}.dash-welcome-image-v49{inset:0 0 0 35%;opacity:.70}.dash-quick-v49{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dash-welcome-copy-v49{padding:23px 20px}.dash-welcome-image-v49{inset:0;opacity:.38}.dash-vehicle-image-v49{inset:0 0 0 52%;opacity:.80}.dash-vehicle-metrics-v49{max-width:100%}.dash-section-head-v49>span{display:none}.dash-quick-v49{gap:9px}.dash-quick-v49 button{min-height:106px;padding:13px 11px}.dash-ride-content-v49{padding:23px 20px}}
