:root{--sf-bg:#edf3f6;--sf-bg-elevated:#fff;--sf-bg-soft:#f5f8fa;--sf-surface:#fff;--sf-surface-muted:#f0f5f7;--sf-surface-raised:#fbfdfe;--sf-text:#172b3a;--sf-text-strong:#071a28;--sf-text-muted:#536b7b;--sf-text-subtle:#748896;--sf-border:#cbd9e1;--sf-border-soft:#dde7ec;--sf-primary:#0b68c5;--sf-primary-strong:#084f98;--sf-primary-soft:#e8f2fc;--sf-accent:#0b8492;--sf-accent-soft:#e4f4f5;--sf-radar:#5bddea;--sf-track:#2ecb94;--sf-deep:#04111c;--sf-deep-2:#092338;--sf-success:#07845f;--sf-success-soft:#e5f5ee;--sf-warning:#a86600;--sf-warning-soft:#fff6e8;--sf-danger:#c93131;--sf-danger-soft:#fff0f0;--sf-sidebar:#030f19;--sf-sidebar-2:#082235;--sf-command:#04131f;--sf-command-2:#0b3245;--sf-command-text:#d9f7ff;--sf-command-muted:#8fc6cf;--sf-command-border:#5bddea3d;--sf-command-control:#ffffff13;--sf-shadow-sm:0 1px 2px #04111c09, 0 7px 18px #04111c09;--sf-shadow-md:0 12px 28px #04111c13;--sf-shadow-lg:0 22px 48px #04111c1f;--sf-shadow-focus:0 16px 36px #04111c1a;--sf-focus-ring:0 0 0 3px #13bfd338;--sf-radius-sm:6px;--sf-radius-md:8px;--sf-radius-lg:8px;--sf-radius-xl:8px;--sf-sidebar-width:224px;--sf-header-height:88px;--sf-overlay-top:94px;--sf-overlay-left:236px;--el-color-primary:var(--sf-primary);--el-color-primary-light-3:#4e8dec;--el-color-primary-light-5:#86b4f4;--el-color-primary-light-7:#bdd6fa;--el-color-primary-light-8:#d5e6fc;--el-color-primary-light-9:var(--sf-primary-soft);--el-color-primary-dark-2:var(--sf-primary-strong);--el-color-success:var(--sf-success);--el-color-warning:var(--sf-warning);--el-color-danger:var(--sf-danger);--el-text-color-primary:var(--sf-text);--el-text-color-regular:#33445d;--el-text-color-secondary:var(--sf-text-muted);--el-border-color:var(--sf-border);--el-border-color-light:var(--sf-border-soft);--el-border-color-lighter:#edf3f8;--el-fill-color-blank:#fff;--el-fill-color-light:var(--sf-bg-soft);--el-bg-color-page:var(--sf-bg);--el-border-radius-base:var(--sf-radius-md);--el-border-radius-small:var(--sf-radius-sm);--el-box-shadow-light:var(--sf-shadow-md);color:var(--sf-text);background:var(--sf-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei UI,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100dvh;overflow-x:hidden}body{background:var(--sf-bg);min-width:0;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,[role=button]{touch-action:manipulation}button:focus-visible,a:focus-visible,[role=button]:focus-visible{box-shadow:var(--sf-focus-ring);outline:none}a{color:inherit;text-decoration:none}img,svg,canvas,video{max-width:100%}::selection{color:#fff;background:var(--sf-primary)}.el-button--primary{--el-button-bg-color:var(--sf-primary);--el-button-border-color:var(--sf-primary);--el-button-hover-bg-color:var(--sf-primary-strong);--el-button-hover-border-color:var(--sf-primary-strong);--el-button-active-bg-color:#0f4cad;--el-button-active-border-color:#0f4cad}.el-button{letter-spacing:0;min-height:32px;padding:7px 11px;font-size:13px;font-weight:650;transition:transform .14s,box-shadow .14s,background-color .14s,border-color .14s}.el-button:focus-visible{box-shadow:var(--sf-focus-ring);outline:none}.el-button:active{transform:translateY(1px)}.el-button--primary:not(.is-text,.is-link){box-shadow:0 5px 11px #1268c92e}.el-button--primary:not(.is-text,.is-link):hover{box-shadow:0 7px 14px #1268c938}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{border-radius:var(--sf-radius-md);min-height:32px;box-shadow:0 0 0 1px var(--sf-border) inset;background:#fff;transition:box-shadow .16s,background-color .16s}.el-input__wrapper:hover,.el-select__wrapper:hover,.el-textarea__inner:hover{box-shadow:inset 0 0 0 1px #c8d5e6}.el-input__wrapper.is-focus,.el-select__wrapper.is-focused,.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--sf-primary) inset, var(--sf-focus-ring)}.el-card,.el-dialog,.el-drawer{border-color:var(--sf-border-soft);border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-md)}.el-card__header{border-bottom-color:var(--sf-border-soft);font-weight:700}.el-table{--el-table-header-bg-color:var(--sf-surface-muted);--el-table-header-text-color:var(--sf-text-muted);--el-table-row-hover-bg-color:#edf8fb;--el-table-border-color:var(--sf-border-soft);border-radius:var(--sf-radius-md);max-width:100%;overflow:hidden}.el-table,.el-table__inner-wrapper,.el-table__body-wrapper,.el-table__header-wrapper,.el-scrollbar,.el-scrollbar__wrap,.el-scrollbar__view{min-width:0}.el-table__body-wrapper,.el-table__header-wrapper{max-width:100%}.el-table th.el-table__cell{font-weight:700}.el-table .el-table__cell{padding:7px 0}.el-table .el-table__cell .cell{min-width:0;max-width:100%}.el-table .sf-token-cell .cell,.el-table .sf-name-cell .cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-clip-text{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;min-width:0;max-width:100%;display:inline-block;overflow:hidden}.sf-token-text{letter-spacing:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.95em}.el-table{font-size:13px}.el-table tr{transition:background-color .14s}.el-table th.el-table__cell{letter-spacing:0}.el-pagination{--el-pagination-button-bg-color:#fff;--el-pagination-hover-color:var(--sf-primary);gap:4px}.el-date-editor.el-input,.el-date-editor.el-input__wrapper,.el-date-editor.el-range-editor{max-width:100%}.el-date-editor.el-range-editor,.el-date-editor .el-range-input{min-width:0}.el-dialog,.el-message-box{max-width:calc(100vw - 32px)}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:var(--sf-radius-sm);box-shadow:0 0 0 1px var(--sf-border-soft) inset}.el-tag{border-radius:var(--sf-radius-sm);font-weight:650}.el-alert{border-radius:var(--sf-radius-md)}.el-message{border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-md)}.el-menu{--el-menu-bg-color:transparent;--el-menu-text-color:#c9d5e4;--el-menu-active-color:#fff;--el-menu-hover-bg-color:#ffffff14}.page{min-height:calc(100dvh - var(--sf-header-height) - 42px);min-width:0}.page-header{border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius-md);min-height:50px;box-shadow:var(--sf-shadow-sm);background:#fff;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:12px;padding:0 12px;display:flex}.command-panel{border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius-md);min-width:0;box-shadow:var(--sf-shadow-sm);background:#fff}.data-panel{border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius-md);background:var(--sf-surface);min-width:0;box-shadow:var(--sf-shadow-sm)}.data-panel-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.data-panel-title{color:var(--sf-text-strong);margin:0;font-size:16px;font-weight:760;line-height:1.2}.status-dot{background:var(--sf-success);border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 4px #0d8f691f}.status-dot.warning{background:var(--sf-warning);box-shadow:0 0 0 4px #d9770624}.status-dot.danger{background:var(--sf-danger);box-shadow:0 0 0 4px #dc26261f}.segmented-control{border:1px solid var(--sf-border);border-radius:var(--sf-radius-md);background:#fff;height:34px;display:inline-flex;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--sf-border);color:#33445e;cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;min-width:38px;height:32px;padding:0 10px;font-weight:650;display:inline-flex}.segmented-control button:last-child{border-right:0}.segmented-control .is-active{color:#fff;background:var(--sf-primary)}.toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.toolbar .el-input{width:200px;max-width:100%}.toolbar .el-input__wrapper,.toolbar .el-select__wrapper{box-shadow:0 0 0 1px var(--sf-border) inset;background:#fff}.toolbar .el-button{min-width:68px}.toolbar .el-button:not(.el-button--primary){--el-button-bg-color:#fff;--el-button-border-color:var(--sf-border);--el-button-text-color:var(--sf-text);--el-button-hover-bg-color:var(--sf-primary-soft);--el-button-hover-border-color:#0b68c557;--el-button-hover-text-color:var(--sf-primary-strong)}.section{border:1px solid var(--sf-border-soft);border-radius:var(--sf-radius-md);background:var(--sf-surface);min-width:0;box-shadow:var(--sf-shadow-sm);margin-bottom:12px;position:relative;overflow:hidden}.section>.el-table,.section>.el-form,.section>.el-descriptions{width:100%}.section>.el-form{padding:18px 18px 4px}.section>.el-table{border-radius:var(--sf-radius-md)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.page-title-row{gap:12px!important;min-height:50px!important;margin-bottom:12px!important;padding:9px 12px!important}.table-card,.chart-card,.config-card,.detail-card,.status-card,.danger-panel,.log-panel{padding:12px!important}.content-frame :is(.table-card,.chart-card,.config-card,.detail-card,.status-card,.danger-panel,.log-panel,.card,.panel,.section){-webkit-backdrop-filter:saturate(1.08);backdrop-filter:saturate(1.08)}.leaflet-container{background:#0b2131;font-family:inherit}.leaflet-control-zoom a,.leaflet-control-attribution{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d9f7ff!important;background:#04111cd1!important;border-color:#5bddea38!important}.leaflet-control-zoom a:hover{color:#fff!important;background:#0b3245eb!important}.table-header,.table-toolbar,.filter-row,.filter-actions,.log-toolbar{gap:10px!important}.page-title-row .el-button,.table-toolbar .el-button,.filter-actions .el-button,.log-toolbar .el-button,.table-toolbar .el-input__wrapper,.log-toolbar .el-input__wrapper,.filter-row .el-input__wrapper,.filter-row .el-select__wrapper{height:34px!important;min-height:34px!important}@media (width<=1200px){:root{--sf-sidebar-width:216px;--sf-overlay-left:228px}.toolbar{justify-content:flex-start}}@media (width<=1024px){:root{--sf-sidebar-width:100%;--sf-header-height:auto;--sf-overlay-top:16px;--sf-overlay-left:16px}.page,.page-header{min-height:auto}.page-header,.command-panel{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;padding:12px}.toolbar{width:100%}.el-pagination{justify-content:flex-start}}@media (width<=760px){:root{--sf-radius-sm:6px;--sf-radius-md:8px}.el-button{min-height:38px;padding:8px 12px}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{min-height:38px}.page-header,.command-panel,.data-panel,.section{border-radius:var(--sf-radius-md)}.form-grid{grid-template-columns:1fr}.toolbar .el-input,.toolbar .el-select,.toolbar .el-button{width:100%}.section{overflow-x:auto}.el-pagination{justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.el-pagination__sizes,.el-pagination__jump{margin-left:0}.el-date-editor.el-range-editor{flex-wrap:wrap;align-items:center;gap:4px 6px;height:auto;min-height:38px;padding:4px 10px;width:100%!important}.el-date-editor .el-range-input{flex:120px;width:auto}.el-date-editor .el-range-separator{flex:none;padding:0 2px}.el-dialog,.el-message-box{width:calc(100vw - 24px)!important;margin:12px auto!important}.page-title-row .el-button,.table-toolbar .el-button,.filter-actions .el-button,.log-toolbar .el-button,.table-toolbar .el-input__wrapper,.log-toolbar .el-input__wrapper,.filter-row .el-input__wrapper,.filter-row .el-select__wrapper{height:38px!important;min-height:38px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-frame>.dashboard-page,.content-frame>.alarm-page,.content-frame>.devices-page,.content-frame>.users-page,.content-frame>.system-page,.content-frame>.fuel-page,.content-frame>.carbon-page,.content-frame>.single-page,.content-frame>.history-page,.content-frame>.realtime-page,.content-frame>.ais-page,.content-frame>.track-page,.content-frame>.downlink-page,.content-frame>.page{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;overflow:visible;min-height:auto!important}.content-frame>.dashboard-page{padding-top:0}.content-frame .kpi-rail{box-shadow:none;border-radius:0;margin-bottom:0}.content-frame .kpi-rail:first-child,.content-frame .hero-row+.kpi-rail,.content-frame .page-title-row+.kpi-rail,.content-frame .filter-card+.kpi-rail{border-radius:var(--sf-radius-md) var(--sf-radius-md) 0 0}.content-frame .overview-workbench,.content-frame .middle-grid,.content-frame .single-content{gap:10px!important}.content-frame .middle-grid,.content-frame .table-card,.content-frame .chart-card,.content-frame .map-card,.content-frame .track-map-panel,.content-frame .playback-panel,.content-frame .panel,.content-frame .single-panel,.content-frame .log-card,.content-frame .danger-panel,.content-frame .section,.content-frame .card,.content-frame .filter-card,.content-frame .search-card,.content-frame .page-title-row{box-shadow:none!important}.content-frame .table-card,.content-frame .chart-card,.content-frame .map-card,.content-frame .track-map-panel,.content-frame .playback-panel,.content-frame .panel,.content-frame .single-panel,.content-frame .log-card,.content-frame .section,.content-frame .card,.content-frame .danger-panel{border-color:var(--sf-border-soft)!important;background:#fffffffb!important;margin-top:10px!important;margin-bottom:0!important}.content-frame .map-card,.content-frame .track-map-panel{background:linear-gradient(#04111cf0,#092335eb)!important;border-color:#5bddea3d!important;padding:0!important}.content-frame .map-card .leaflet-container,.content-frame .track-map-panel .leaflet-container{border-radius:inherit}.content-frame .filter-card,.content-frame .search-card,.content-frame .page-title-row,.content-frame .command-panel{box-shadow:none!important;border-color:var(--sf-border-soft)!important;margin-bottom:10px!important}.content-frame .hero-row,.content-frame .table-card h2,.content-frame .chart-card h2,.content-frame .log-card h2,.content-frame .card h2{margin-bottom:10px!important}.content-frame .table-card+.table-card,.content-frame .chart-card+.table-card,.content-frame .card+.card{margin-top:10px!important}.content-frame .el-table{border-radius:0}.content-frame .fleet-card{border-radius:var(--sf-radius-md) 0 0 var(--sf-radius-md);min-height:100%;box-shadow:none}.content-frame .overview-workbench>.kpi-rail{border-radius:0 var(--sf-radius-md) var(--sf-radius-md) 0;height:100%}.content-frame .overview-workbench>.metric-dock{border:1px solid var(--sf-border-soft);border-radius:0 var(--sf-radius-md) var(--sf-radius-md) 0;background:#fff;border-left:0;height:100%;overflow:hidden}.content-frame .el-card,.content-frame .el-dialog,.content-frame .el-drawer,.content-frame .el-message-box{border-radius:var(--sf-radius-md)}.content-frame .el-table{border:1px solid var(--sf-border-soft);background:#fff}.content-frame .el-table th.el-table__cell{background:#eef6f9!important}.content-frame .el-empty{padding:28px 0}.content-frame .map-controls button,.content-frame .playback-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#d9f7ff!important;background:#04111cc7!important;border-color:#5bddea47!important}.content-frame .legend-panel,.content-frame .map-readout,.content-frame .playback-card,.content-frame .track-info-card{background:#ffffffed!important;border-color:#5bddea38!important}@media (width<=980px){.content-frame .fleet-card,.content-frame .overview-workbench>.kpi-rail,.content-frame .overview-workbench>.metric-dock{border-radius:var(--sf-radius-md);border-left:1px solid #5bddea38}}@media (width<=760px){.content-frame>.dashboard-page,.content-frame>.alarm-page,.content-frame>.devices-page,.content-frame>.users-page,.content-frame>.system-page,.content-frame>.fuel-page,.content-frame>.carbon-page,.content-frame>.single-page,.content-frame>.history-page,.content-frame>.realtime-page,.content-frame>.ais-page,.content-frame>.track-page,.content-frame>.downlink-page,.content-frame>.page{background:0 0;padding:0}}