:root{--bg: #0a0d12;--bg-2: #0f131a;--panel: #131822;--panel-2: #19202c;--border: #252d3c;--text: #e7ebf2;--muted: #8893a5;--primary: #f5a524;--primary-2: #ffb83d;--on-primary: #1a1205;--success: #36d399;--danger: #f65d5d;--warn: #ffd23f;--info: #5eb0ef;--radius: 5px;--shadow: 0 4px 22px rgba(0, 0, 0, .5);--amber-glow: 0 0 0 1px rgba(245, 165, 36, .45), 0 0 14px rgba(245, 165, 36, .18)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Bahnschrift,Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;background-color:var(--bg);background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:32px 32px;color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--muted)}.sm{font-size:12px}a{color:var(--primary);text-decoration:none}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px}.brand{display:flex;align-items:center;gap:12px;padding:4px 6px 18px}.brand-logo{font-size:26px;color:var(--primary);line-height:1;text-shadow:0 0 12px rgba(245,165,36,.55)}.brand-name{font-size:16px;font-weight:700;letter-spacing:1px}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:2px}.nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:transparent;color:var(--muted);text-align:left;border-radius:4px;cursor:pointer;font-size:14px;letter-spacing:.5px;transition:background .15s,color .15s}.nav-item:hover{background:var(--panel);color:var(--text)}.nav-item.active{background:#f5a5241f;color:var(--primary);box-shadow:inset 2px 0 0 var(--primary)}.nav-icon{width:18px;text-align:center}.sidebar-foot{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.env-tag{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.live{background:var(--success);box-shadow:0 0 8px var(--success)}.dot.demo{background:var(--warn)}.link{font-size:11px;color:var(--muted)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{padding:16px 24px 12px;border-bottom:1px solid var(--border);background:#0f131ad9;position:relative}.topbar:after{content:"";position:absolute;left:24px;bottom:-1px;width:56px;height:1px;background:var(--primary);opacity:.8}.topbar-title h1{margin:0;font-size:19px;font-weight:700;letter-spacing:1.5px}.topbar-title .muted{margin:3px 0 0;font-size:12px;letter-spacing:.5px}.content{flex:1;overflow-y:auto;padding:20px 24px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;box-shadow:inset 0 1px #ffffff08}.card-head{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border)}.card-title{margin:0;font-size:15px;font-weight:600;letter-spacing:1px}.card-action{font-size:12px}.card-body{padding:16px 18px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.map-filters{row-gap:8px}.map-filters .input,.map-filters .select{flex:0 0 auto}@media (max-width: 1100px){.map-filters .input,.map-filters .select{flex:1 1 140px;min-width:0;width:auto}}.empty{padding:24px;text-align:center;color:var(--muted)}.empty.err{color:var(--danger)}.notice{padding:10px 14px;margin-bottom:14px;border:1px solid rgba(251,191,36,.35);border-radius:8px;background:#fbbf2414;color:var(--warn);font-size:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.col-span-2{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.input,.select{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:9px 11px;font-size:13px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #f5a52426}.input.grow{flex:1}.btn{border:1px solid transparent;border-radius:4px;padding:9px 16px;font-size:13px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:7px;letter-spacing:.5px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-2)}.btn-primary:active{box-shadow:inset 0 2px 6px #00000040}.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn-ghost:hover{color:var(--primary);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#06231a}.btn-sm{padding:5px 10px;font-size:12px}.btn.loading .spinner,.btn[busy] .spinner{display:inline-block}.spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-primary .spinner{border-color:#1a120559;border-top-color:var(--on-primary)}.btn-success .spinner{border-color:#06231a59;border-top-color:#06231a}@keyframes spin{to{transform:rotate(360deg)}}.text-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 5px}.text-btn:hover{color:var(--primary)}.text-btn.danger:hover{color:var(--danger)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:var(--panel-2);color:var(--muted)}.badge-success{background:#34d39926;color:var(--success)}.badge-danger{background:#f8717126;color:var(--danger)}.badge-warn{background:#fbbf2426;color:var(--warn)}.badge-info{background:#60a5fa26;color:var(--info)}.badge-default{background:var(--panel-2);color:var(--muted)}.chip{display:inline-block;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:1px 9px;font-size:11px;margin:2px;color:var(--muted)}.chip.ghost{background:transparent}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{color:var(--muted);font-weight:600;font-size:12px}.table tbody tr:hover{background:var(--panel-2)}.table .actions{display:flex;gap:6px}.table .tags{max-width:200px}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081099;display:flex;align-items:center;justify-content:center;z-index:50}.modal-mask-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:60;max-height:85vh;overflow:auto}.modal.small{width:380px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:15px}.modal-body{padding:16px 18px}.icon-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px}.icon-btn:hover{color:var(--text)}.toggle{display:inline-flex;align-items:center;gap:7px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.toggle.on{color:var(--success);border-color:var(--success)}.mt{margin-top:12px}.textarea{width:100%;background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:10px 12px;font-family:Cascadia Mono,SF Mono,Menlo,Consolas,monospace;font-size:12px;resize:vertical}.command-picker{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 4px}.cmd-group{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:10px 12px;flex:1;min-width:200px}.cmd-group-title{font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:600;letter-spacing:1px}.cmd-items{display:flex;flex-wrap:wrap;gap:6px}.cmd-chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer}.cmd-chip:hover{border-color:var(--primary);color:var(--text)}.cmd-chip.active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.stat.small{padding:12px 14px}.stat.small .stat-value{font-size:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{position:relative;border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;background:linear-gradient(#f5a524a6,#f5a524a6) left top / 10px 1px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) left top / 1px 10px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) right top / 10px 1px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) right top / 1px 10px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) left bottom / 10px 1px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) left bottom / 1px 10px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) right bottom / 10px 1px no-repeat,linear-gradient(#f5a524a6,#f5a524a6) right bottom / 1px 10px no-repeat,var(--panel)}.stat-label{font-size:12px;color:var(--muted);letter-spacing:1.5px}.stat-value{font-size:28px;font-weight:700;margin-top:6px;line-height:1.1}.stat-info .stat-value{color:var(--info)}.stat-success .stat-value{color:var(--success)}.stat-danger .stat-value{color:var(--danger)}.stat-warn .stat-value{color:var(--warn)}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.device-card{background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.device-card:hover{border-color:var(--primary);box-shadow:0 0 16px #f5a5241f}.device-card:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.device-card.selected{outline:2px solid var(--info);outline-offset:-1px;border-color:var(--info)}.device-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);display:inline-block}.loc{font-size:11px;color:var(--muted);margin:4px 0}.metrics{display:flex;justify-content:space-between;margin-top:10px}.metric{text-align:center}.metric-label{display:block;font-size:11px;color:var(--muted)}.metric-value{font-size:16px;font-weight:700}.metric-value small{font-size:10px;font-weight:400;color:var(--muted);margin-left:2px}.metric-success{color:var(--success)}.metric-warn{color:var(--warn)}.metric-danger{color:var(--danger)}.toast-root{position:fixed;top:18px;right:18px;z-index:100;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:var(--shadow);color:#fff}.toast-ok{background:var(--success);color:#06231a}.toast-err{background:var(--danger)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 520px at 50% -20%,rgba(245,165,36,.13),transparent 62%)}.login-card{width:380px;border:1px solid var(--border);border-radius:8px;padding:34px 30px;background:linear-gradient(#f5a524b3,#f5a524b3) left top / 12px 1px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) left top / 1px 12px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) right top / 12px 1px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) right top / 1px 12px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) left bottom / 12px 1px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) left bottom / 1px 12px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) right bottom / 12px 1px no-repeat,linear-gradient(#f5a524b3,#f5a524b3) right bottom / 1px 12px no-repeat,var(--panel);box-shadow:var(--shadow);animation:deck-in .5s ease both}.login-brand{text-align:center;margin-bottom:22px}.login-brand .logo{font-size:34px;color:var(--primary);text-shadow:0 0 16px rgba(245,165,36,.6)}.login-brand h1{margin:8px 0 2px;font-size:20px;letter-spacing:1.5px}.login-brand p{margin:0;color:var(--muted);font-size:13px}.login-tabs{display:flex;gap:6px;background:var(--bg-2);padding:4px;border-radius:6px;margin-bottom:20px}.login-tabs button{flex:1;border:none;background:transparent;color:var(--muted);padding:8px;border-radius:4px;cursor:pointer;font-weight:600;letter-spacing:1px}.login-tabs button.active{background:var(--primary);color:var(--on-primary)}.role-picker{display:flex;gap:8px;margin-bottom:16px}.role-picker button{flex:1;border:1px solid var(--border);background:var(--bg-2);color:var(--muted);padding:8px;border-radius:4px;cursor:pointer;font-size:12px}.role-picker button.active{border-color:var(--primary);color:var(--primary);background:#f5a5241a}.login-btn{width:100%;margin-top:6px}.login-hint{text-align:center;margin-top:14px;font-size:12px;color:var(--muted)}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:12px;padding:0}.notify-channel{display:flex;align-items:center;gap:10px;padding:6px 0}.detail-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.detail-head .did{font-size:18px;font-weight:700}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.range-btn{padding:4px 10px;border:1px solid var(--border);background:var(--bg-2);border-radius:999px;font-size:12px;cursor:pointer;color:var(--muted)}.range-btn:hover{border-color:var(--primary);color:var(--fg)}.range-btn.on{background:var(--info);color:#fff;border-color:var(--info)}.kv{background:var(--bg-2);border:1px solid var(--border);border-radius:5px;padding:12px 14px}.kv .k{font-size:12px;color:var(--muted);letter-spacing:1px}.kv .v{font-size:16px;font-weight:600;margin-top:3px}.progress{background:var(--bg-2);border-radius:999px;height:10px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:160px;padding-top:10px}.bar-chart .bar{flex:1;background:linear-gradient(180deg,var(--primary-2),var(--primary));border-radius:3px 3px 0 0;position:relative;min-height:4px}.bar-chart .bar span{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.bar-chart .bar b{position:absolute;top:-18px;left:0;right:0;text-align:center;font-size:11px}.legend{display:flex;gap:16px;margin-top:26px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}.map-wrap{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:8px;position:relative;display:flex;flex-direction:column;height:var(--map-box-h, 640px)}.trip-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--panel-w, 380px);gap:12px;align-items:start}@media (max-width: 1100px){.trip-layout{grid-template-columns:minmax(0,1fr)}}.trip-layout-map,.trip-layout-panel{min-width:0}.map-leaflet{width:100%;flex:0 0 auto;height:var(--map-h, 468px);border-radius:8px;background:#0b1220}@media (max-width: 1100px){.map-wrap{height:auto}.map-leaflet{height:480px}}.map-leaflet.map-tiles-down{background:#14161c;filter:grayscale(1) brightness(.75)}.map-degraded{position:absolute;left:16px;top:16px;z-index:500;background:#f8717124;border:1px solid var(--danger);color:#fecaca;border-radius:8px;padding:6px 10px;font-size:12px;pointer-events:none}.map-tile-err{color:var(--danger)}.map-tile-loading{color:#60a5fa}.map-stop-callout{background:#141b2beb!important;border:1px solid var(--warn)!important;color:var(--text)!important;font-size:12px!important;box-shadow:none!important}.map-stop-callout:before{border-top-color:var(--warn)!important}.map-stop-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.map-stop-chip{background:#fbbf241f;border:1px solid var(--warn);color:var(--warn);border-radius:999px;padding:3px 10px;font-size:12px}.leaflet-container{background:#0b1220;font-family:inherit}.map-leaflet.leaflet-container img.leaflet-tile,.map-leaflet.leaflet-container .leaflet-tile{mix-blend-mode:normal!important}.leaflet-control-attribution{background:#0f1420bf!important;color:var(--muted)!important}.leaflet-control-attribution a{color:var(--primary)!important}.leaflet-bar a{background:var(--panel)!important;color:var(--text)!important;border-color:var(--border)!important}.leaflet-bar a:hover{background:var(--panel-2)!important}.leaflet-tooltip{background:#141b2beb;border:1px solid var(--border);color:var(--text)}.leaflet-tooltip-top:before{border-top-color:var(--border)}.toggle:disabled{opacity:.45;cursor:not-allowed}.trip-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:14px}.trip-sec{display:flex;flex-direction:column;gap:8px}.trip-sec+.trip-sec{border-top:1px solid var(--border);padding-top:12px}.trip-sec-title{margin:0;font-size:13px;font-weight:600}.trip-sec-title .sm{font-weight:400}.trip-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.trip-kpi{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:7px 9px;display:flex;flex-direction:column;gap:2px}.trip-kpi b{font-size:16px;font-weight:700}.trip-kpi b small{font-size:10px;font-weight:400;color:var(--muted);margin-left:2px}.trip-note{line-height:1.6}.trip-warn{color:var(--warn)}.trip-curve{display:flex;flex-direction:column;gap:4px}.trip-curve-svg{width:100%;height:170px;display:block;touch-action:none;cursor:crosshair;background:var(--bg-2);border:1px solid var(--border);border-radius:8px}.trip-curve-hint{min-height:16px}.trip-timeline{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.trip-seg{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:9px;align-items:center;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:7px 10px 7px 0;text-align:left;color:var(--text);cursor:pointer;font-size:13px}.trip-seg:hover{border-color:var(--primary)}.trip-seg.active{border-color:var(--primary);background:#f5a5241a}.trip-seg-bar{align-self:stretch;border-radius:4px 0 0 4px}.trip-seg-main{display:flex;flex-direction:column;gap:1px;min-width:0}.trip-seg-title{font-weight:600}.trip-seg-side{display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}.trip-seg-side b{font-size:13px}.trip-stop-dot{color:var(--warn)}@media (max-width: 800px){.sidebar{width:64px;padding:14px 6px}.brand-name,.brand-sub,.nav-item span:not(.nav-icon),.env-tag span{display:none}.nav-item{justify-content:center;padding:10px 6px}.nav-icon{font-size:20px}.sidebar-foot{align-items:center}}.offline-banner{background:#fbbf24;color:#1a1a1a;text-align:center;padding:6px 12px;font-size:13px;font-weight:500;border-bottom:1px solid #b45309}@keyframes deck-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stats-grid .stat{animation:deck-in .45s ease both}.stats-grid .stat:nth-child(2){animation-delay:.06s}.stats-grid .stat:nth-child(3){animation-delay:.12s}.stats-grid .stat:nth-child(4){animation-delay:.18s}.content>*{animation:deck-in .45s ease both}.content>*:nth-child(2){animation-delay:.06s}.content>*:nth-child(3){animation-delay:.12s}.content>*:nth-child(4){animation-delay:.18s}.content>*:nth-child(5){animation-delay:.24s}.content>*:nth-child(6){animation-delay:.3s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}