@import url('');
:root{--ink:#17201e;--muted:#73807b;--line:#e5eae7;--paper:#f5f7f5;--white:#fff;--green:#1d7259;--green-dark:#15553f;--green-pale:#e8f3ed;--amber:#895b11;--amber-bg:#fff6df;--shadow:0 12px 34px rgba(26,53,42,.055);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);min-height:100vh}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),28px)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;font-weight:750;font-size:17px;letter-spacing:.02em}.brand small{display:block;color:#95a09b;font-size:8px;letter-spacing:.16em;margin-top:3px;font-weight:650}.brand-mark{width:34px;height:34px;border:1px solid #dfe8e2;color:var(--green);border-radius:11px;display:grid;place-items:center;font-size:19px}.top-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.secure-dot,.pulse{width:7px;height:7px;border-radius:50%;background:#4f9c77;display:inline-block}.text-button{border:0;background:none;color:var(--green);font:inherit;margin-left:15px;cursor:pointer}.shell{max-width:1200px;margin:0 auto;padding:39px 28px 32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:.17em;color:#95a19b;margin:0 0 8px}.intro h1{font-size:29px;letter-spacing:-.045em;margin:0 0 8px;font-weight:680}.subhead{font-size:13px;color:var(--muted);margin:0}.intro-date{display:grid;grid-template-columns:8px auto;align-items:center;column-gap:8px;text-align:right;font-size:12px;color:#58645f}.intro-date small{grid-column:2;color:#9aa49f;font-size:10px;margin-top:4px}.notice{background:#fff2d4;border:1px solid #f0dba8;border-radius:12px;padding:14px 17px;display:flex;gap:12px;margin:0 0 19px;color:#684b18}.notice-icon{width:21px;height:21px;border:1px solid #d5b970;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none}.notice strong{font-size:13px}.notice p{margin:4px 0 0;font-size:11px;line-height:1.6;color:#856c38}.notice-warn{background:#fff8e7}.hidden{display:none!important}.login-card,.connect-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;box-shadow:var(--shadow);margin-bottom:22px}.login-card{max-width:510px;margin:40px auto}.login-icon,.connect-icon{width:42px;height:42px;border-radius:13px;background:var(--green-pale);color:var(--green);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.login-copy h2,.connect-card h2{font-size:17px;margin:0 0 7px}.login-copy p,.connect-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.login-card form{margin-top:22px}.login-card label,.vehicle-select>span,.date-input>span{display:block;font-size:10px;color:#85918b;margin-bottom:7px}.password-row{display:flex;gap:9px}.password-row input{flex:1;min-width:0}.password-row input,.vehicle-select select,.date-input input{height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 11px;color:var(--ink);font:inherit;font-size:12px;outline:none}.password-row input:focus,.date-input input:focus,.vehicle-select select:focus{border-color:#79ad92;box-shadow:0 0 0 3px #e4f1e9}.form-error{color:#b33a33;font-size:11px;min-height:14px}.connect-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.connect-card>div{display:flex;align-items:center;gap:15px}.connect-icon{margin:0;background:#242a28;color:#fff;font-weight:700}.button{height:39px;border:0;border-radius:9px;padding:0 14px;text-decoration:none;display:inline-flex;gap:10px;align-items:center;justify-content:center;font:600 11px inherit;cursor:pointer;white-space:nowrap;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button-dark{background:#202724;color:#fff}.button-dark:hover{background:#34413a}.button-primary{background:var(--green);color:white}.button-primary:hover{background:var(--green-dark)}.button-primary:disabled,.button-quiet:disabled{opacity:.48;cursor:not-allowed;transform:none}.button-quiet{background:#fff;border:1px solid var(--line);color:#46514c}.toolbar{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;box-shadow:0 3px 12px rgba(26,53,42,.025)}.vehicle-select select{min-width:210px;height:36px;margin:0;font-size:12px}.vehicle-select>span{display:inline;margin-right:10px}.toolbar-actions{display:flex;gap:8px}.refresh-icon{font-size:16px}.record-dot{width:7px;height:7px;border-radius:100%;background:#d2f2df}.main-grid{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(270px,.82fr);gap:15px}.map-card,.info-card,.history-card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.map-card{overflow:hidden}.map-heading{padding:17px 19px 14px;display:flex;justify-content:space-between;align-items:center}.map-heading .eyebrow{margin-bottom:4px}.map-heading h2,.history-head h2{font-size:15px;margin:0;font-weight:660}.map-badge{font-size:10px;color:#79847e;display:flex;gap:7px;align-items:center;background:#f6f8f6;padding:7px 10px;border-radius:20px}.status-dot{width:7px;height:7px;border-radius:50%;background:#aab5af;display:inline-block}.status-dot.online{background:#38a073;box-shadow:0 0 0 3px #e0f2e8}.status-dot.offline{background:#d3a947}.map-wrap{height:407px;position:relative;background-color:#e9eeeb;background-image:linear-gradient(32deg,transparent 48%,rgba(255,255,255,.72) 48.4%,rgba(255,255,255,.72) 49%,transparent 49.4%),linear-gradient(132deg,transparent 47%,rgba(255,255,255,.52) 47.3%,rgba(255,255,255,.52) 47.8%,transparent 48.1%),radial-gradient(ellipse at 42% 56%,#dce9e1 0,#e9eeeb 56%);background-size:240px 200px,310px 270px,cover}.map-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#b8c7bf 1px,transparent 1px);background-size:30px 30px;opacity:.28}.map-wrap .leaflet-container{height:100%;width:100%;z-index:1;background:#e9eeeb}.map-empty{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#53625b;text-align:center;pointer-events:none}.map-empty strong{font-size:13px}.map-empty>span:last-child{font-size:10px;color:#7b8982}.map-empty-icon{width:45px;height:45px;border-radius:16px;background:rgba(255,255,255,.85);display:grid;place-items:center;color:var(--green);font-size:25px;margin-bottom:4px}.tile-button{position:absolute;z-index:3;bottom:13px;right:13px;border:1px solid #dce4df;background:rgba(255,255,255,.92);color:#53625a;border-radius:7px;padding:8px 10px;font:600 10px inherit;cursor:pointer}.tile-button:hover{color:var(--green);border-color:#9bbca8}.map-foot{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:9px;color:#8a9690}.map-foot>span{display:flex;gap:7px;align-items:center}.legend-current{width:8px;height:8px;border-radius:50%;background:#218664;box-shadow:0 0 0 3px #dff1e7}.map-foot-right{color:#a3ada7}.side-column{display:flex;flex-direction:column;gap:12px}.info-card{padding:16px 17px}.card-label{font-size:10px;color:#89948e;display:flex;align-items:center;gap:7px}.label-icon{font-size:16px;color:var(--green)}.label-record{font-size:9px;color:#ba715b}.location-coords{font-size:20px;letter-spacing:-.04em;font-weight:640;margin:14px 0 7px;font-variant-numeric:tabular-nums}.location-time{display:flex;align-items:center;gap:7px;color:#8b9690;font-size:10px}.location-meta{display:flex;gap:7px;margin-top:15px}.location-meta span{background:#f4f7f5;border-radius:6px;padding:6px 8px;font-size:9px;color:#65716a}.current-note{font-size:9px;line-height:1.5;color:#9aa49f;margin:12px 0 0}.tracking-state{font-size:15px;font-weight:650;margin:12px 0 5px}.tracking-card p{font-size:9px;line-height:1.65;color:#8a9690;margin:0}.interval{border-top:1px solid #edf0ee;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;color:#89948e;font-size:9px}.interval strong{color:#425049;font-weight:600}.privacy-card{border-radius:13px;background:#edf4ef;padding:13px;display:flex;gap:10px}.privacy-icon{font-size:18px;color:var(--green)}.privacy-card strong{font-size:10px;color:#476454}.privacy-card p{font-size:9px;line-height:1.65;color:#718479;margin:4px 0 0}.history-card{margin-top:16px;padding:20px}.history-head{display:flex;justify-content:space-between;align-items:flex-end}.history-head .eyebrow{margin-bottom:6px}.history-caption{color:#929d97;font-size:10px;margin:7px 0 0}.history-tools{display:flex;align-items:flex-end;gap:10px}.date-input input{height:35px}.export-button{height:35px}.history-summary{display:flex;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #edf0ee;margin-top:10px}.sample-stat{display:flex;gap:6px;align-items:baseline}.sample-stat strong{font-size:21px;letter-spacing:-.04em}.sample-stat span{font-size:10px;color:#89948e}.summary-divider{height:23px;width:1px;background:var(--line)}.summary-note{margin-left:auto;color:#a0aaa4;font-size:10px}.sample-list{max-height:210px;overflow:auto}.sample-row{display:grid;grid-template-columns:68px 1fr auto;gap:12px;padding:11px 4px;border-bottom:1px solid #f0f2f0;font-size:10px;align-items:center}.sample-row:last-child{border:0}.sample-row time{font-variant-numeric:tabular-nums;color:#6d7a73}.sample-row .sample-coord{color:#425149;font-variant-numeric:tabular-nums}.sample-row .sample-extra{color:#9aa49f;text-align:right}.empty-list{text-align:center;padding:27px 8px;color:#a0aaa4;font-size:10px}.footer{display:flex;justify-content:space-between;font-size:9px;color:#a1aba5;margin:17px 4px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#232c28;color:white;padding:11px 16px;border-radius:9px;font-size:11px;box-shadow:var(--shadow);z-index:20}.leaflet-control-attribution{font-size:8px!important}.leaflet-control-zoom{border:0!important;box-shadow:0 2px 9px #1b34251a!important}.leaflet-control-zoom a{color:#40524a!important}.current-marker{background:#218664;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #17453366;width:19px;height:19px}.sample-marker{background:#fff;border:2px solid #218664;border-radius:50%;width:9px;height:9px;box-shadow:0 1px 4px #23453455}
@media(max-width:850px){.shell{padding:30px 20px}.main-grid{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr}.privacy-card{grid-column:1/-1}.map-wrap{height:380px}}
@media(max-width:560px){.topbar{height:60px;padding:0 17px}.top-meta{font-size:0}.secure-dot{width:8px;height:8px}.text-button{font-size:11px;margin-left:8px}.shell{padding:26px 14px}.intro{align-items:flex-start}.intro h1{font-size:24px}.subhead{font-size:11px}.intro-date{font-size:10px;margin-top:23px}.notice{padding:12px}.notice p{font-size:10px}.login-card{padding:21px;margin:20px auto}.connect-card{align-items:flex-start;flex-direction:column;padding:20px}.connect-card .button{width:100%}.toolbar{align-items:flex-start;gap:12px;flex-direction:column}.vehicle-select select{min-width:0;width:calc(100% - 42px)}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.main-grid{gap:11px}.map-heading{padding:14px}.map-wrap{height:320px}.side-column{gap:9px}.info-card{padding:13px}.location-coords{font-size:17px}.tracking-card p{min-height:42px}.history-card{padding:15px;margin-top:12px}.history-head{align-items:flex-start;gap:12px;flex-direction:column}.history-tools{width:100%;align-items:flex-end}.date-input{flex:1}.date-input input{width:100%}.history-tools .button{flex:0 0 auto}.history-summary{gap:10px}.sample-stat{gap:4px}.sample-stat strong{font-size:18px}.summary-note{font-size:9px}.sample-row{grid-template-columns:52px 1fr auto;gap:6px;font-size:9px}.footer{gap:10px;line-height:1.5}.footer span:last-child{text-align:right}}
.legend-sample{width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #d29633;display:inline-block}.sample-endpoint{background:#fff;border:2px solid #d29633;border-radius:50%;width:11px;height:11px;box-shadow:0 1px 4px #23453455}.map-foot-button{border:0;background:transparent;color:var(--green);font:600 9px inherit;cursor:pointer;padding:4px}.map-foot-button:disabled{color:#a1aba5;cursor:not-allowed}.tracking-caveat{background:#fff5e5;border:1px solid #f1dfbf;border-radius:8px;padding:9px 10px;margin-top:11px;color:#72531f}.tracking-caveat strong{font-size:9px}.tracking-caveat ul{margin:5px 0 0;padding-left:15px;font-size:9px;line-height:1.6;color:#856e41}