*{box-sizing:border-box}body{margin:0;background:#eef3f5;color:#1d2b33}.app-shell{min-height:100vh}.sidebar{background:#fff!important;border-right:1px solid #dfe8eb}.brand{height:72px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #e8eef1}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#176b87;color:#fff;font-weight:700;border-radius:6px}.brand span{display:block;color:#6d7f87;font-size:12px;margin-top:2px}.topbar{height:72px;padding:0 24px;background:#fff;border-bottom:1px solid #dfe8eb;display:flex;align-items:center;justify-content:space-between}.topbar h4{margin:2px 0 0}.content{padding:20px;min-height:calc(100vh - 72px)}.full{width:100%}.delta{font-size:12px;margin-left:8px}.blue{color:#176b87}.green{color:#168a5b}.red{color:#c24135}.gold{color:#b7791f}.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;color:#0f2e3a;background:radial-gradient(circle at top right,rgba(82,196,26,.16),transparent 34%),linear-gradient(135deg,#176b8724,#fffffff0);border:1px solid rgba(23,107,135,.12);border-radius:14px}.dashboard-hero h2{margin:4px 0;font-size:24px;line-height:1.25}.dashboard-metric{height:100%;border-top:4px solid #52c41a}.dashboard-metric.red{border-top-color:#cf1322}.dashboard-metric.gold{border-top-color:#d48806}.dashboard-metric.blue{border-top-color:#176b87}.dashboard-metric-icon{width:40px;height:40px;display:grid;place-items:center;color:#176b87;font-size:20px;background:#176b871a;border-radius:12px}.dashboard-metric-value{margin:4px 0;color:#102c38;font-size:28px;font-weight:800;line-height:1}.dashboard-queue-block{min-height:176px;display:flex;flex-direction:column;gap:10px;padding:14px;background:#f7fafb;border:1px solid rgba(23,107,135,.08);border-radius:10px}.dashboard-queue-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px}.dashboard-queue-line{display:grid;grid-template-columns:34px 1fr 32px;align-items:center;gap:8px}.map-panel{position:relative;height:360px;overflow:hidden;border:1px solid #d5e1e6;border-radius:6px;background:#f8fbfc}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#dfe8eb 1px,transparent 1px),linear-gradient(90deg,#dfe8eb 1px,transparent 1px);background-size:28px 28px}.map-point{position:absolute;width:38px;height:38px;display:grid;place-items:center;background:#176b87;color:#fff;border:3px solid #ffffff;border-radius:50%;box-shadow:0 8px 24px #176b8738}.map-point.p1{left:42%;top:44%}.map-point.p2{left:28%;top:62%}.map-point.p3{left:66%;top:32%;background:#c24135}.map-legend{position:absolute;left:14px;bottom:14px;background:#ffffffeb;border:1px solid #e3ecef;border-radius:6px;padding:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f4}.note{padding:12px;background:#f7fafb;border:1px solid #dfe8eb;border-radius:6px;color:#66757c}.empty-tip{margin-top:20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-header h4{margin:0}.filter-bar{margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ant-table-wrapper,.ant-table-wrapper .ant-table{max-width:100%}.ant-table-wrapper .ant-table-content,.ant-table-wrapper .ant-table-body{overflow-x:auto!important}.ant-table-wrapper .ant-table-cell{word-break:keep-all;overflow-wrap:normal}.ant-table-wrapper .ant-table-thead>tr>th{white-space:nowrap}.ant-table-wrapper .ant-table-cell .ant-btn{white-space:nowrap}.ant-table-wrapper .ant-table-cell .ant-tag{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.ant-table-wrapper .ant-table-cell .ant-space{max-width:100%}.ant-table-wrapper .ant-table-pagination{flex-wrap:wrap;row-gap:8px}.ant-descriptions{max-width:100%;overflow-x:auto}.ant-descriptions-item-label{white-space:nowrap}.ant-card{max-width:100%}.stat-row{margin-bottom:20px}.detail-section{margin-bottom:16px}.detail-section h5{margin-bottom:12px}.form-section{margin-bottom:20px}.form-section h5{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #edf2f4}.action-bar{margin-bottom:16px;display:flex;gap:8px;flex-wrap:wrap}.map-placeholder{width:100%;height:260px;background:#f4f7f9;border:1px dashed #c8d6db;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8899a0}.map-placeholder .anticon{font-size:36px;margin-bottom:8px}.baidu-map-shell{position:relative;width:100%;min-height:220px;overflow:hidden;border:1px solid #d2dde2;border-radius:6px;background:#eef3f5}.baidu-map-canvas,.map-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;gap:8px;align-items:center;justify-content:center;background:#ffffffb8}.map-provider-badge{position:absolute;right:10px;bottom:10px;z-index:4;padding:4px 8px;color:#42545d;font-size:12px;background:#ffffffe6;border:1px solid #dbe5e9;border-radius:6px}.baidu-map-shell.editable .baidu-map-canvas,.baidu-map-shell.editable .map-fallback{cursor:crosshair}.map-fallback{z-index:2;background:#edf3f5}.map-local-preview{overflow:hidden}.map-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#dbe5e9 1px,transparent 1px),linear-gradient(90deg,#dbe5e9 1px,transparent 1px);background-size:34px 34px}.local-map-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%}.local-map-route{fill:none;stroke:#c3453a;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.local-map-fence{fill:#1e8b8429;stroke:#176b87;stroke-width:1.2;vector-effect:non-scaling-stroke}.fallback-fence{border:2px solid #176b87;border-radius:999px;background:#1e8b8424}.fallback-fence.polygon{border-radius:8px;transform:skew(-10deg) rotate(-5deg)}.fallback-pin{position:absolute;z-index:3;color:#176b87;font-size:26px;transform:translate(-50%,-100%);cursor:pointer}.fallback-pin.start{color:#168a5b}.fallback-pin.end{color:#c3453a}.fallback-pin.fence-center{color:#176b87}.fallback-pin.selected{z-index:5;color:#d46b08;font-size:34px;filter:drop-shadow(0 4px 8px rgba(212,107,8,.35))}.map-fallback-note{position:absolute;left:12px;right:12px;top:12px;z-index:4;max-width:520px}.device-map-card{overflow:hidden}.device-map-floating-panel{position:absolute;top:16px;left:16px;z-index:12;width:min(900px,calc(100% - 32px));padding:14px;background:#ffffffe0;border:1px solid rgba(23,107,135,.16);border-radius:16px;box-shadow:0 18px 42px #0d1b242e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.device-map-floating-panel.collapsed{width:auto;min-width:280px;padding:10px 12px}.device-map-floating-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.device-map-floating-panel.collapsed .device-map-floating-header{margin-bottom:0}.device-map-floating-stats{display:grid;grid-template-columns:repeat(4,minmax(108px,1fr));gap:10px;margin-bottom:12px}.device-map-stat-chip{min-height:62px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:center;gap:2px 8px;padding:10px 12px;color:#31424a;background:#ffffffbd;border:1px solid rgba(13,27,36,.08);border-radius:12px}.device-map-stat-chip span{color:#66757c;font-size:12px}.device-map-stat-chip strong{font-size:24px;line-height:1}.device-map-stat-chip .anticon{grid-row:1 / span 2;grid-column:2;font-size:20px}.device-map-stat-chip.online strong,.device-map-stat-chip.online .anticon{color:#52c41a}.device-map-stat-chip.offline strong{color:#8c8c8c}.device-map-stat-chip.stale strong{color:#faad14}.device-map-stat-chip.located strong,.device-map-stat-chip.located .anticon{color:#176b87}.device-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.device-map-toolbar-actions,.device-map-toolbar-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.device-map-toolbar-status{justify-content:flex-end}.device-map-refresh-text{flex:0 0 auto;white-space:nowrap}.device-map-toolbar-status .ant-tag{margin-inline-end:0}.device-map-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.device-map-filter-keyword{flex:1 1 260px;min-width:220px}.device-map-filter-control{flex:1 1 180px;min-width:160px}.device-map-filter-bar .ant-btn{min-width:96px}.device-map-fallback{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;overflow:hidden;background:#edf3f5}.device-map-pin{position:absolute;z-index:8;width:48px;height:58px;padding:0;background:transparent;border:0;cursor:pointer;filter:drop-shadow(0 9px 14px rgba(8,23,31,.34));transform:translate(-50%,-92%)}.device-map-pin:before{position:absolute;top:4px;left:50%;width:38px;height:38px;content:"";background:var(--pin-color, #00a854);border:4px solid #ffffff;border-radius:50% 50% 50% 0;box-shadow:0 0 0 2px #0d1b2438,0 0 0 8px #ffffff42;transform:translate(-50%) rotate(-45deg)}.device-map-pin:after{position:absolute;top:17px;left:50%;width:12px;height:12px;content:"";background:#fff;border-radius:50%;box-shadow:0 0 0 4px #0d1b2433;transform:translate(-50%)}.device-map-pin span{position:absolute;top:7px;left:42px;z-index:2;max-width:190px;padding:4px 10px;color:#fff;font-size:12px;font-weight:700;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#0d1b24f0;border:2px solid var(--pin-color, #00a854);border-radius:999px;box-shadow:0 8px 24px #08171f47,0 0 0 2px #ffffffeb}.device-map-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#ffffffb8;pointer-events:none}.telemetry-trend{width:100%;height:auto;display:block;overflow:visible;background:linear-gradient(180deg,#176b8714,#fff0);border:1px solid rgba(23,107,135,.12);border-radius:8px}.telemetry-trend line{stroke:#31424a38;stroke-width:1}.telemetry-trend path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.telemetry-trend text{fill:#66757c;font-size:11px}.tree-card{max-height:500px;overflow-y:auto}.table-row-selected>td{background:#e9f5f7!important}.device-table .ant-table-cell{vertical-align:middle;word-break:normal}.geofence-editor-drawer .ant-drawer-body{padding:16px}.geofence-editor-layout{min-height:calc(100vh - 150px)}.geofence-editor-layout .baidu-map-shell{height:calc(100vh - 170px)!important;min-height:560px}.geofence-point-actions{width:100%;margin-bottom:16px;flex-wrap:wrap}.device-cell{max-width:100%}.device-name-link{height:auto;max-width:100%;padding:0;font-weight:600;text-align:left;white-space:normal}.device-imei,.device-date{display:inline-block;max-width:100%;white-space:nowrap}.compact-status{max-width:100%}.nowrap-tag{max-width:112px;margin-inline-end:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{flex-wrap:nowrap}.table-actions .ant-btn{width:32px;padding-inline:0}.kpi-icon{font-size:20px;margin-right:8px}.danger-zone{margin-top:24px;padding:16px;border:1px solid #ffccc7;border-radius:6px;background:#fff2f0}.login-page{min-height:100vh;display:grid;place-items:center;background:#eef3f5}.login-card{width:380px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand h4{margin:0}.login-actions{width:100%;justify-content:center;margin-top:8px}.auth-inline-notice{display:block;margin-top:6px;font-size:12px}.route-fallback{min-height:320px;display:grid;place-items:center}@media(max-width:900px){.content{padding:14px}.page-header{align-items:flex-start;gap:12px;flex-direction:column}.filter-bar .ant-input-affix-wrapper{width:100%!important}.device-map-filter-keyword,.device-map-filter-control,.device-map-filter-bar .ant-btn{flex-basis:100%;width:100%}}@media(max-width:1180px){.content>.ant-row>.ant-col-16,.content>.ant-row>.ant-col-12,.content>.ant-row>.ant-col-8,.content>.ant-row>.ant-col-6,.content>.ant-row>.ant-col-4{flex:0 0 100%;max-width:100%}.content>.ant-row{row-gap:16px}}