@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{color:#10203b;font-synthesis:none;--blue-950:#061b43;--blue-900:#0b2f77;--blue-700:#154fa9;--blue-500:#1685e5;--green-600:#16852b;--green-500:#20a33a;--ink:#10203b;--muted:#66758e;--line:#dbe5f1;background:#f3f7fc;font-family:Be Vietnam Pro,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{-webkit-font-smoothing:antialiased;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}[hidden]{display:none!important}.login-view{background:#fff;grid-template-columns:minmax(420px,.9fr) minmax(540px,1.1fr);min-height:100vh;display:grid}.login-brand-panel{isolation:isolate;color:#fff;background:linear-gradient(135deg,#06183d 0%,#0b327a 56%,#0878c8 100%);flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(34px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-brand-panel:before{z-index:-1;content:"";background:radial-gradient(circle at 80% 62%,#23d3ff57,#0000 28%),radial-gradient(circle at 7% 96%,#2bcf5340,#0000 24%);position:absolute;inset:0}.login-brand-panel:after{z-index:-1;content:"";border:1px solid #ffffff24;border-radius:50%;width:620px;height:620px;position:absolute;bottom:-270px;right:-210px;box-shadow:0 0 0 70px #ffffff09,0 0 0 140px #ffffff05}.brand-lockup img{width:min(410px,78%);height:auto}.login-message{max-width:660px;margin-block:auto;padding-block:80px}.kicker,.section-label{color:var(--blue-500);letter-spacing:.12em;font-size:.75rem;font-weight:700}.login-message .kicker{color:#dcecff;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:9px 14px;display:inline-flex}.login-message h1{letter-spacing:-.055em;max-width:640px;margin:24px 0 18px;font-size:clamp(2.75rem,5vw,5.4rem);line-height:1.03}.login-message p{color:#d5e4f7;max-width:620px;margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.75}.trust-line{color:#c7d9ef;align-items:center;gap:10px;font-size:.84rem;display:flex}.trust-line span{background:#4be56a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #4be56a21}.login-form-panel{background:linear-gradient(#fff,#f7faff);place-items:center;min-height:100vh;padding:44px;display:grid}.login-card{width:min(100%,470px)}.login-card h2{color:var(--ink);letter-spacing:-.035em;margin:14px 0 8px;font-size:clamp(2rem,3vw,2.6rem);line-height:1.2}.form-intro{color:var(--muted);margin:0 0 34px;line-height:1.65}.login-card label{color:#283a58;margin:18px 0 8px;font-size:.9rem;font-weight:600;display:block}.login-card input{width:100%;height:56px;color:var(--ink);background:#fff;border:1px solid #cfdbea;border-radius:13px;outline:none;padding:0 16px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:var(--blue-500);box-shadow:0 0 0 4px #1685e51f}.password-field{position:relative}.password-field input{padding-right:72px}.text-button{color:var(--blue-700);background:0 0;border:0;padding:8px 10px;font-size:.82rem;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.primary-button,.secondary-button,.refresh-button{border-radius:13px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--blue-900), var(--blue-500));border:0;width:100%;min-height:56px;margin-top:20px;padding:0 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 15px 32px #1451aa38}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 38px #1451aa47}.error-message,.dashboard-error{color:#9d1c1c;background:#fff2f2;border:1px solid #f1c8c8;border-radius:11px;padding:12px 14px;font-size:.87rem}.error-message{margin:16px 0 0}.support-note{color:#7b879b;text-align:center;margin:22px 0 0;font-size:.78rem}.mobile-logo{display:none}.dashboard-view{background:#f3f7fc;min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #e0e8f2;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.header-brand img{object-fit:contain;object-position:left center;width:230px;max-height:60px}.header-actions,.connection-state{align-items:center;display:flex}.header-actions{gap:18px}.connection-state{color:#4d5e76;gap:9px;font-size:.83rem;font-weight:600}.online-dot{background:#25b542;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #25b5421f}.secondary-button{min-height:42px;color:var(--blue-900);background:#fff;border:1px solid #cbd8e7;padding:0 16px}.dashboard-shell{width:min(1320px,100% - 40px);margin:0 auto;padding:54px 0 64px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.welcome-row h1{letter-spacing:-.045em;margin:11px 0 5px;font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.15}.welcome-row p{color:var(--muted);margin:0}.refresh-button{color:#fff;background:var(--blue-900);border:0;min-height:48px;padding:0 19px}.refresh-button span{font-size:1.25rem;display:inline-block}.refresh-button.is-busy span{animation:1s linear infinite spin}.dashboard-error{margin-bottom:20px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,.72fr);align-items:stretch;gap:24px;display:grid}.map-card,.device-panel{border:1px solid var(--line);background:#fff;border-radius:24px;box-shadow:0 18px 55px #0b2f7714}.map-card{background:#e7eef6;min-height:610px;position:relative;overflow:hidden}.map-card iframe{border:0;width:100%;height:100%;min-height:610px}.map-badge,.open-map-link{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border:1px solid #d0dceaf2;border-radius:12px;padding:10px 14px;position:absolute;box-shadow:0 8px 24px #10203b1f}.map-badge{color:#30435f;align-items:center;gap:10px;font-size:.8rem;font-weight:700;display:flex;top:18px;left:18px}.pulse-dot{background:#e0473e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e0473e21}.open-map-link{color:var(--blue-900);font-size:.78rem;font-weight:700;text-decoration:none;bottom:18px;right:18px}.device-panel{padding:28px}.device-heading{border-bottom:1px solid #e6edf5;align-items:center;gap:15px;padding-bottom:24px;display:flex}.vehicle-icon{color:#fff;background:linear-gradient(135deg, var(--blue-900), var(--blue-500));border-radius:16px;place-items:center;width:54px;height:54px;font-size:1.6rem;display:grid}.device-heading p{color:var(--muted);margin:0 0 4px;font-size:.75rem}.device-heading h2{margin:0;font-size:1.18rem;line-height:1.4}.status-banner{background:#f7f9fc;border:1px solid #e3ebf4;border-radius:16px;align-items:center;gap:14px;margin:22px 0;padding:17px;display:flex}.status-dot{background:#7b8798;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 6px #7b87981f}.status-dot.stopped{background:#e09a2f;box-shadow:0 0 0 6px #e09a2f21}.status-dot.moving,.status-dot.running,.status-dot.online{background:#23a93e;box-shadow:0 0 0 6px #23a93e21}.status-banner small,.metric small{color:var(--muted);font-size:.72rem;display:block}.status-banner strong{margin-top:2px;font-size:.96rem;display:block}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric{background:#f6f9fd;border:1px solid #e2eaf3;border-radius:16px;padding:18px}.metric strong{color:var(--blue-900);margin-top:7px;font-size:1.35rem;display:block}.metric em{color:var(--muted);font-size:.7rem;font-style:normal;font-weight:600}.metric .value-on{color:var(--green-600)}.detail-list{border-top:1px solid #e5ecf4;margin-top:22px}.detail-list>div{border-bottom:1px solid #e9eff6;grid-template-columns:130px 1fr;gap:18px;padding:16px 0;display:grid}.detail-list span{color:var(--muted);font-size:.75rem}.detail-list strong{color:#273a58;text-align:right;overflow-wrap:anywhere;font-size:.82rem;line-height:1.55}.last-refreshed{color:#7b8798;text-align:center;margin:18px 0 0;font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.login-view{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{padding:28px}.mobile-logo{margin-bottom:44px;display:block}.mobile-logo img{width:min(310px,80%)}.dashboard-grid{grid-template-columns:1fr}.map-card,.map-card iframe{min-height:480px}}@media (width<=640px){.app-header{height:70px;padding-inline:16px}.header-brand img{width:170px}.connection-state{display:none}.dashboard-shell{width:min(100% - 24px,1320px);padding:34px 0}.welcome-row{flex-direction:column;align-items:flex-start}.refresh-button{width:100%}.map-card,.map-card iframe{min-height:390px}.device-panel{padding:20px}.metric-grid{grid-template-columns:1fr 1fr}.detail-list>div{grid-template-columns:1fr;gap:5px}.detail-list strong{text-align:left}}