@charset "UTF-8";
:root{--orange:#ed762f;--orange-dark:#b94f13;--orange-soft:#fff2e9;--charcoal:#252729;--ink:#25292c;--muted:#737b81;--line:#e5e8e9;--bg:#f5f6f7;--green:#367d68;--green-soft:#edf6f1;--red:#b94a44;--red-soft:#fff0ee;--shadow:0 8px 32px #19242b0b;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #ed762f90;outline-offset:3px}input:focus,select:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #ed762f18}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}h1{font-size:30px;font-weight:700;margin-bottom:8px}h2{font-size:17px;font-weight:650;margin-bottom:0}h3{font-size:18px;margin-bottom:10px}p{margin-bottom:0}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon{width:19px;height:19px;flex-shrink:0}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;letter-spacing:1.65px;color:var(--muted);font-weight:650;display:block;margin-bottom:8px}.eyebrow.light{color:#c5c6c6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:6px;border:1px solid transparent;line-height:1.4;white-space:nowrap;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s}.button.primary{background:var(--orange);color:#fff;border-color:var(--orange)}.button.primary:hover:not(:disabled){background:#d86120;border-color:#d86120;box-shadow:0 3px 10px #ed762f25}.button.secondary{background:#fff;border-color:#dce1e3;color:var(--ink)}.button.secondary:hover:not(:disabled){background:#f6f7f8;border-color:#bbc2c6}.button.subtle{background:transparent;color:var(--muted);padding-left:8px;padding-right:8px}.button.subtle:hover{background:#f5f6f7;color:var(--ink)}.button.compact{min-height:35px;font-size:12px;padding:7px 12px}.button.danger{background:var(--red);color:white}.icon-button{width:36px;height:36px;border:0;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:inherit;flex-shrink:0}.icon-button:hover{background:#7b858215}.full-width{width:100%}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.6px}.brand-mark{width:38px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--orange)}.brand-mark svg{width:36px;height:36px;stroke-width:1.8}.brand-sub{display:block;font-size:9px;letter-spacing:1.1px;font-weight:400;margin-top:6px;color:#afb4b7}
.login-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:var(--charcoal);color:white;padding:45px 64px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--orange)}.login-story-body{max-width:480px;margin:auto 0;padding-top:60px;padding-bottom:35px}.login-story h1{font-size:43px;line-height:1.5;letter-spacing:-1.5px;margin:17px 0 20px}.login-story-body>p{color:#afb4b7;font-size:15px;line-height:1.9}.login-machine{margin-top:38px;max-width:360px;color:var(--orange);position:relative}.login-machine svg{width:100%;stroke-width:2;opacity:.85}.login-machine span{position:absolute;font-family:var(--mono);font-size:10px;letter-spacing:1.5px;left:28px;bottom:-3px;color:#aab0b4}.login-story-footer{display:flex;justify-content:space-between;font-size:9px;color:#969c9f;letter-spacing:1px;gap:20px}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:70px 45px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:28px;margin:15px 0 10px}.login-card>p{font-size:13px}.login-card form{margin-top:32px}.login-card label{display:block;font-weight:550;font-size:12px;margin:22px 0 8px}.login-card input{height:47px;width:100%;border:1px solid #dce0e3;border-radius:6px;padding:12px 14px;background:#fcfcfc}.login-submit{width:100%;justify-content:space-between!important;margin-top:28px;height:47px}.login-note{display:flex;gap:10px;padding-top:26px;margin-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.8}.login-note svg{color:#8c979d}.login-footnote{position:absolute;bottom:24px;font-size:9px;letter-spacing:1.2px;color:#90989d}.login-card #session-check{margin-top:16px}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--charcoal);color:#b8bcbf;display:flex;flex-direction:column;padding:30px 16px 0;z-index:700}.sidebar .brand{padding:0 8px 30px}.nav-caption{color:#8e959a;font-size:10px;letter-spacing:1px;margin:10px 14px 13px}.nav-link{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#b4bac0;min-height:45px;border-radius:6px;padding:11px 13px;margin-bottom:6px;font-size:13px}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{color:#fff;background:#ffffff0c;position:relative}.nav-link.active:before{content:"";position:absolute;left:-16px;top:12px;bottom:12px;width:3px;background:var(--orange)}.nav-link.active>.icon{color:var(--orange)}.nav-count{margin-left:auto;font-family:var(--mono);font-size:10px;background:#ffffff0c;padding:1px 6px;border-radius:4px;color:#cbd0d3}.nav-divider{height:1px;background:#ffffff0b;margin:20px 12px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-system{display:flex;gap:9px;align-items:flex-start;padding:15px 11px 23px;font-size:11px;line-height:1.4;color:#a6adb1}.sidebar-system small{display:block;font-size:9px;color:#767f85;margin-top:5px}.system-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:5px;flex-shrink:0}.user-row{display:flex;gap:10px;align-items:center;border-top:1px solid #ffffff10;padding:18px 5px}.avatar{width:32px;height:32px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff0b;color:#ddd;font-size:12px}.user-info{flex:1;min-width:0}.user-info strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px}.user-info small{display:block;font-size:9px;color:#7e898f;margin-top:2px}.user-row .icon-button{width:27px;color:#9aa3a7}.workspace{margin-left:224px;width:calc(100% - 224px);min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:21px}.workspace-label{font-size:11px;font-weight:550;color:#69737a}.workspace-label>span{color:#bdc2c5;margin:0 11px}.topbar-time{font-size:10px;color:#8e969a;font-family:var(--mono)}.source-switch{display:flex;gap:2px;border:1px solid var(--line);border-radius:6px;background:#f5f6f7;padding:3px}.source-switch button{border:0;background:transparent;color:#7d8589;font-size:11px;font-weight:550;padding:6px 12px;border-radius:4px}.source-switch button.selected{background:#fff;color:var(--orange-dark);box-shadow:0 1px 4px #0000000c}.source-switch button[data-source="real"].selected{color:var(--green)}main{padding:31px 34px 0;max-width:1660px;margin:0 auto;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.page-heading .eyebrow{font-size:9px;margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted)}.heading-actions{display:flex;gap:10px;align-items:center}.source-notice{display:flex;align-items:center;gap:10px;border:1px solid #f2decd;background:#fff7ef;padding:11px 14px;border-radius:6px;color:#92613f;font-size:11px;margin-bottom:24px}.source-notice .icon{width:16px;height:16px;color:#c7804e}.source-notice.real{background:#f0f5f4;border-color:#dce7e2;color:#476b5e}.source-notice.real .icon{color:#6c8b7c}.notice-tag{margin-left:auto;white-space:nowrap;font:9px var(--mono);letter-spacing:1px;opacity:.8}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:19px 21px;box-shadow:0 2px 4px #19242b02}.stat-label{display:flex;align-items:center;justify-content:space-between;color:#647078;font-size:11px}.stat-label>.icon{width:16px;height:16px;color:#9aa4ab}.stat-value{font-family:var(--mono);font-size:34px;line-height:1.3;letter-spacing:-1.8px;font-weight:500;margin:15px 0 9px;color:#283038}.stat-unit{font-family:var(--font);font-size:11px;letter-spacing:0;color:#8a949a;margin-left:8px;font-weight:400}.stat-foot{font-size:9px;color:#939ca1}.stat-card.accent{position:relative;overflow:hidden}.stat-card.accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange)}.stat-card.accent .stat-value{color:var(--orange-dark)}.tiny-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.green{background:var(--green)}.orange{background:var(--orange)}.gray{background:#8f989e}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 2px 8px #24323803;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 21px;border-bottom:1px solid #eef0f1;min-height:66px}.panel-heading h2{font-size:14px;letter-spacing:-.02em}.panel-heading>div>.muted{display:block;margin-top:3px;font-size:10px}.label-chip{background:#f4f6f7;color:#7d888e;padding:3px 7px;border-radius:4px;font-size:9px;white-space:nowrap}.dashboard-main{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.map-wrap{position:relative;background:#eef1ef}.map{width:100%;height:100%;z-index:1;background:#eef1ef}.dashboard-main .map-wrap{height:388px}.map-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:36px;text-align:center;font-size:12px;color:#71827b;background:repeating-linear-gradient(45deg,#edf1ee,#edf1ee 10px,#e9eee9 10px,#e9eee9 11px);z-index:2}.map-mode-label{position:absolute;top:14px;right:14px;z-index:450;background:#fff;padding:6px 10px;border-radius:4px;box-shadow:0 2px 8px #23302b13;font-size:9px;color:#7b817e}.map-empty-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:450;background:#fffef8ee;color:#796e59;padding:9px 15px;border-radius:5px;font-size:11px;white-space:nowrap;box-shadow:0 2px 8px #0000000b}.map-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;font-size:9px;border-top:1px solid var(--line);min-height:41px}.map-legend{display:flex;gap:14px;flex-wrap:wrap;color:#7c878d}.map-legend span{display:flex;gap:5px;align-items:center}.legend-dot{width:6px;height:6px;border-radius:2px;display:inline-block}.osm-credit{font-size:9px;color:#829089}.osm-credit a{text-decoration:underline;text-underline-offset:2px}.fleet-panel{display:flex;flex-direction:column}.fleet-quick-list{flex:1;overflow:auto;max-height:388px}.quick-item{display:flex;align-items:center;gap:12px;width:100%;background:#fff;border:0;border-bottom:1px solid #f0f2f3;padding:16px 19px;text-align:left}.quick-item:hover{background:#fafbfc}.equipment-glyph{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid #e9eced;background:#f7f8f8;border-radius:6px;color:#7c888e}.equipment-glyph svg{width:22px;height:22px}.quick-info{flex:1;min-width:0}.quick-info strong{font-size:12px;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-info small{font-size:10px;color:#879298;display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-status{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.quick-status small{font:10px var(--mono);color:#7f8b91}.panel-bottom-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#687a85;font-size:11px;min-height:42px;background:#fafbfc;border:0;border-top:1px solid var(--line);width:100%}.panel-bottom-link .icon{width:14px;height:14px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;background:#f1f3f4;color:#7d858a;font-size:9px;line-height:1.5;white-space:nowrap;font-weight:500}.badge .tiny-dot{width:4px;height:4px}.badge.working{background:var(--orange-soft);color:#ac622f}.badge.idle{background:var(--green-soft);color:var(--green)}.badge.offline,.badge.unknown{background:#f0f2f3;color:#7e878c}.badge.on_rent{background:#edf2f8;color:#5e789b}.badge.maintenance{background:#fbf3e8;color:#947140}.dashboard-bottom{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;margin-top:20px}.dashboard-alerts{padding:0 21px}.mini-alert{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f2f3}.mini-alert:last-child{border-bottom:0}.mini-alert .alert-icon{width:30px;height:30px}.mini-alert-info{flex:1;min-width:0}.mini-alert-info strong{font-size:11px;font-weight:550;display:block}.mini-alert-info small{font-size:10px;color:#92999e;display:block;margin-top:4px}.mini-alert .button{font-size:10px}.operations-note{padding:24px 23px;position:relative;background:#fbfcfc}.operations-note .eyebrow{font-size:8px;color:#89949a}.operations-note h2{font-size:16px;margin:15px 0 12px}.operations-note p{font-size:11px;line-height:1.9;color:#879299}.note-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:22px;font-size:9px;color:#969fa4}.workspace-footer{display:flex;justify-content:space-between;gap:15px;color:#99a2a8;font-size:8px;letter-spacing:.4px;padding:26px 0 20px}.footer-separator{margin:0 6px;color:#bec5c9}.real-empty{display:flex;align-items:center;gap:18px;background:white;border:1px solid #d9e5df;border-left:3px solid var(--green);border-radius:6px;padding:22px;margin-bottom:22px}.empty-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#eef5f0;color:var(--green);border-radius:8px;flex-shrink:0}.real-empty h2{font-size:16px;margin-bottom:6px}.real-empty p{font-size:11px;color:#7b8880;max-width:640px}.real-empty>.button{margin-left:auto}.empty-state{padding:38px 20px;text-align:center;color:#8b969c;font-size:12px;line-height:1.8}.empty-state strong{display:block;color:#69777e;font-size:13px;font-weight:550;margin-bottom:6px}.inline-error{background:var(--red-soft);color:var(--red);padding:12px 16px;border:1px solid #f3d9d5;border-radius:6px;margin-bottom:20px;font-size:12px}.form-error{color:var(--red);background:var(--red-soft);padding:10px 13px;border-radius:5px;font-size:12px;margin-top:17px}
.table-toolbar{padding:19px 21px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.search-field{position:relative;flex:1;max-width:365px;min-width:210px}.search-field .icon{position:absolute;left:11px;top:10px;color:#9aa5ac;width:17px;height:17px}.search-field input{width:100%;height:38px;padding:8px 12px 8px 37px;background:#fafbfc;border:1px solid var(--line);border-radius:5px;font-size:11px}.filter-group{display:flex;gap:8px}.filter-group select{height:38px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 28px 7px 11px;font-size:11px;color:#727d84}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{background:#fafbfc;color:#8b969d;font-size:10px;letter-spacing:.2px;font-weight:500;padding:13px 21px;white-space:nowrap;border-bottom:1px solid var(--line)}.data-table td{padding:18px 21px;border-bottom:1px solid #edf0f1;vertical-align:middle;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfd}.data-table .cell-name{color:#29363f;font-size:12px;font-weight:600;border:0;background:none;text-align:left;padding:0;max-width:180px;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.7}.data-table .cell-name:hover{color:var(--orange-dark)}.cell-sub{display:block;font-size:10px;color:#8b969d;margin-top:5px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.data-table .cell-mono{font-family:var(--mono);font-size:11px;color:#64737c}.data-table .cell-empty{padding:45px 20px;white-space:normal;text-align:center;color:#8b969d}.table-footer{padding:14px 21px;display:flex;justify-content:space-between;font-size:10px;color:#939ca3;border-top:1px solid var(--line);gap:15px}.section-action-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-action-row>p{font-size:12px}.report-toolbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.report-toolbar label{display:block;font-size:11px;color:#78858d;margin-bottom:8px}.report-toolbar input,.drawer-selector input{border:1px solid #dfe4e7;border-radius:5px;padding:9px 12px;background:#fff;min-height:40px;font-size:12px;color:#3b4b55}.report-summary{padding:28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.report-summary h2{font-size:20px;margin:12px 0 10px}.report-summary p{color:#8c989f;font-size:11px}.report-total{display:flex;align-items:baseline;gap:12px;color:var(--orange-dark);padding-left:25px}.report-total>span{font:42px var(--mono);letter-spacing:-2px}.report-total>small{font-size:12px;color:#8a989f}.reports-chart{padding:14px 22px 20px;border-bottom:1px solid var(--line)}.chart-row{display:grid;grid-template-columns:140px 1fr 65px;align-items:center;gap:16px;font-size:11px;margin:14px 0}.chart-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687781}.chart-track{height:7px;background:#f2f4f5;border-radius:2px;overflow:hidden}.chart-fill{height:100%;background:var(--orange);border-radius:2px}.chart-value{font-family:var(--mono);color:#8a969e;text-align:right;font-size:10px}.data-disclaimer{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#8b969d;line-height:1.9;margin-top:20px}.data-disclaimer>.icon{width:16px;height:16px;margin-top:2px}.geofence-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.geofence-layout .map-wrap{height:440px}.geofence-list{max-height:470px;overflow:auto}.geofence-item{padding:20px;border-bottom:1px solid var(--line)}.geofence-item:last-child{border-bottom:0}.geofence-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.geofence-item h3{font-size:13px;margin:0;overflow-wrap:anywhere}.geofence-item .coordinates{font-size:10px;font-family:var(--mono);color:#8a959c;margin-top:10px}.geofence-item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.geofence-item-bottom>span{font-size:10px;color:#8a959c}.geofence-item .button{font-size:10px;padding:5px 8px;min-height:28px}.alert-filter{display:flex;gap:2px;align-items:center;border:1px solid var(--line);padding:3px;background:#fff;border-radius:6px}.alert-filter button{background:none;border:0;font-size:11px;padding:7px 13px;color:#859198;border-radius:4px}.alert-filter button.selected{background:#f5f6f7;color:#354750}.alert-filter span{background:#fff0e5;color:#b66a35;border-radius:3px;padding:0 4px;margin-left:3px;font-family:var(--mono);font-size:10px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{display:flex;align-items:flex-start;gap:17px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px}.alert-card.acknowledged{opacity:.7}.alert-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--orange-soft);color:#c57b48;border-radius:6px;flex-shrink:0}.alert-info{flex:1;min-width:0}.alert-info h3{font-size:13px;margin-bottom:8px}.alert-info p{font-size:12px;color:#7e8d96;overflow-wrap:anywhere}.alert-meta{display:flex;gap:14px;color:#a0a8ad;font-size:10px;margin-top:12px;flex-wrap:wrap}.alert-card>.button{margin-left:auto;margin-top:4px}.ack-label{display:flex;align-items:center;gap:5px;font-size:11px;color:#739387;margin-top:8px}.ack-label>.icon{width:14px;height:14px}.simulator-hero{padding:35px;margin-bottom:24px;background:linear-gradient(115deg,#fff 40%,#fcf4ef)}.simulator-hero h2{font-size:25px;margin:16px 0}.simulator-hero p{max-width:650px;color:#849099;font-size:13px;line-height:1.9}.simulator-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #f4dfcf;background:#fff7f0;color:#bc7a4c;padding:8px 12px;border-radius:5px;font-size:10px;margin-top:23px}.simulator-hero>.button{margin-left:15px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scenario-card{padding:26px;display:flex;flex-direction:column;align-items:flex-start}.scenario-number{font:9px var(--mono);letter-spacing:1px;color:#a0a9af}.scenario-icon{width:33px;height:33px;color:#c87843;margin-top:25px;margin-bottom:22px;stroke-width:1.2}.scenario-card p{font-size:12px;line-height:1.9;color:#8a969e;min-height:62px}.scenario-card>.button{margin-top:24px;width:100%;justify-content:space-between;font-size:11px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}.settings-details{margin:0;padding:5px 23px 16px}.settings-details>div{padding:17px 0;display:flex;justify-content:space-between;align-items:baseline;gap:15px;border-bottom:1px solid #edf0f1}.settings-details>div:last-child{border:0}.settings-details dt{color:#8a969e;font-size:12px}.settings-details dd{margin:0;text-align:right;font-size:12px;color:#52636e;max-width:60%;overflow-wrap:anywhere}.settings-note{padding:28px;background:#fbfcfc}.settings-note h2{font-size:21px;margin:18px 0}.settings-note p{font-size:12px;color:#8b979e;line-height:1.9}.settings-note ol{padding-left:19px;font-size:11px;color:#7c8a93;line-height:2.2;margin:20px 0}.settings-warning{display:flex;align-items:flex-start;gap:9px;background:var(--orange-soft);color:#b37850;border:1px solid #f2dfd0;border-radius:5px;padding:12px;font-size:11px}.settings-warning>.icon{width:16px;height:16px;margin-top:2px}
.form-dialog{width:min(530px,calc(100% - 28px));border:1px solid var(--line);border-radius:10px;padding:0;color:var(--ink);box-shadow:0 24px 80px #16242b30;max-height:90svh;overflow:auto}.form-dialog::backdrop,.detail-drawer::backdrop{background:#17222a60;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:21px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:5px}.form-dialog form{padding:24px 26px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.form-field{min-width:0}.form-field.full{grid-column:1/-1}.form-field label{font-size:11px;display:block;font-weight:550;margin-bottom:7px;color:#66757f}.form-field input,.form-field select{width:100%;height:41px;padding:9px 12px;background:#fff;border:1px solid #dfe4e7;border-radius:5px;color:#374751;font-size:12px}.form-field input::placeholder{color:#aab2b7}.form-field small{display:block;font-size:10px;color:#9aa4ac;margin-top:7px}.required{color:var(--orange)}.optional{font-size:9px;font-weight:400;color:#a2adb3;margin-left:5px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:22px 0;margin-top:7px;border-top:1px solid var(--line)}.form-dialog form>p.muted{margin:17px 0 5px;font-size:11px}.confirm-dialog{width:min(420px,calc(100% - 28px))}.confirm-dialog>p{padding:22px 26px;font-size:13px;color:#7b8a93}.confirm-dialog form{padding:17px 26px;margin-top:0}.detail-drawer{position:fixed;inset:0 0 0 auto;width:min(535px,100%);height:100svh;max-width:100%;max-height:100svh;margin:0;border:0;border-left:1px solid var(--line);padding:0;background:#fff;color:var(--ink);box-shadow:-15px 0 70px #13253020;overflow:auto}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;padding:30px 28px 23px;gap:15px}.drawer-heading .eyebrow{font-size:8px}.drawer-heading h2{font-size:24px;margin:8px 0;overflow-wrap:anywhere}.drawer-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 27px;gap:26px}.drawer-tabs button{position:relative;border:0;background:none;font-size:12px;color:#8a969e;padding:14px 0}.drawer-tabs button[aria-selected="true"]{color:#b45e26;font-weight:600}.drawer-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--orange)}.drawer-body{padding:25px 28px}.detail-status-line{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#fafbfb;border:1px solid var(--line);border-radius:5px;padding:14px;font-size:11px;color:#95a0a6}.detail-fields{margin:19px 0 24px}.detail-fields>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #f0f2f3;font-size:12px}.detail-fields dt{color:#8b989f;flex-shrink:0}.detail-fields dd{color:#586a75;margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.drawer-note{color:#99a3aa;font-size:10px;line-height:1.9;margin-top:20px;padding:13px 0}.drawer-selector{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.drawer-selector label{font-size:11px;color:#7f8c94}.history-map-wrap{height:300px;position:relative;background:#eef1ef;border:1px solid var(--line);border-radius:6px;overflow:hidden}.history-credit{text-align:right;margin-top:6px}.history-info{font-size:11px;color:#8a969e;margin:15px 0}.history-positions{max-height:330px;overflow:auto}.history-position{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:13px 0;border-bottom:1px solid var(--line);color:#71838f}.history-position span{display:block}.history-position small{display:block;color:#9aa7b0;margin-top:5px;font-size:9px}.history-position .mono{font-size:10px}.detail-hours-total{display:flex;justify-content:space-between;align-items:center;background:#fff6ef;border:1px solid #f3e4d7;padding:18px;border-radius:5px;margin-bottom:20px;color:#ac704a;font-size:11px}.detail-hours-total strong{font-family:var(--mono);font-size:24px;font-weight:500}.detail-hours-total small{font-family:var(--font);font-size:10px;color:#a68873}.detail-drawer .data-table th,.detail-drawer .data-table td{padding-left:14px;padding-right:14px}.toast-region{position:fixed;right:22px;bottom:24px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;max-width:min(420px,calc(100vw - 36px))}.toast{pointer-events:auto;display:flex;gap:12px;align-items:center;background:#2c3439;color:#fff;box-shadow:0 8px 25px #18283230;border:1px solid #ffffff20;border-radius:7px;padding:13px 16px;font-size:12px;animation:toast-in .2s ease-out}.toast.error{background:#7a3833}.toast>.icon{color:#a4d7b9;width:17px;height:17px}.toast.error>.icon{color:#ffd4c6}.toast .icon-button{width:24px;height:24px;margin-left:5px}.mobile-only{display:none}.leaflet-container{font-family:var(--font);font-size:11px}.leaflet-bar{border:1px solid #e0e6e4!important;box-shadow:0 2px 6px #19262a0b!important}.leaflet-bar a{color:#677c73!important}.lift-map-icon{border:0;background:transparent}.lift-marker{background:var(--orange);border:3px solid white;border-radius:7px;width:29px;height:29px;color:#fff;box-shadow:0 2px 8px #26382f40;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.lift-marker svg{width:17px;height:17px;transform:rotate(-45deg);stroke-width:1.5}.lift-marker.idle{background:var(--green)}.lift-marker.offline,.lift-marker.unknown{background:#7f8f97}.map-popup{min-width:155px;line-height:1.6;padding:3px}.map-popup strong{display:block;font-size:12px;margin-bottom:7px}.map-popup p{font-size:11px;color:#81908c;margin:4px 0}.map-popup button{background:#fff3e9;color:#b25a24;border:0;padding:6px 10px;border-radius:4px;font-size:10px;width:100%;margin-top:7px}.loading-icon{animation:rotate 1s linear infinite}.page-section{animation:section-in .16s ease-out}.sidebar-shade{position:fixed;inset:0;background:#19242b80;z-index:650}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes section-in{from{opacity:.5}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.dashboard-main{grid-template-columns:minmax(0,1fr) 330px}.dashboard-main .map-wrap{height:450px}.fleet-quick-list{max-height:450px}.topbar{padding-left:42px;padding-right:42px}main{padding-left:42px;padding-right:42px}}
@media(max-width:1230px){.sidebar{width:204px;padding-left:13px;padding-right:13px}.workspace{margin-left:204px;width:calc(100% - 204px)}.sidebar .brand{font-size:19px;padding-left:4px}.nav-link.active:before{left:-13px}.topbar{padding:0 25px}main{padding:26px 25px 0}.dashboard-main{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.dashboard-bottom{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.stat-card{padding:16px}.stat-value{font-size:29px}.stats-grid{gap:12px}.stat-foot{font-size:8px}.fleet-quick-list .quick-item{padding:15px 14px;gap:8px}.fleet-quick-list .equipment-glyph{width:30px;height:30px}.table-toolbar{flex-wrap:wrap;gap:12px}.search-field{max-width:none}.geofence-layout{grid-template-columns:300px minmax(0,1fr)}.settings-layout{grid-template-columns:minmax(0,1fr) 330px}.notice-tag{font-size:8px}.source-notice{font-size:10px}.topbar-time{display:none}.scenario-card{padding:22px}.scenario-card h3{font-size:16px}.login-story{padding-left:45px;padding-right:45px}.login-story h1{font-size:37px}.data-table th,.data-table td{padding-left:17px;padding-right:17px}}
@media(max-width:1020px){.dashboard-main{grid-template-columns:minmax(0,1fr)}.fleet-panel{display:none}.dashboard-bottom{grid-template-columns:1fr 1fr}.map-wrap{height:360px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-foot{font-size:10px}.stat-value{font-size:32px}.geofence-layout{grid-template-columns:1fr}.geofence-list{display:grid;grid-template-columns:1fr 1fr;max-height:none}.geofence-item{border-right:1px solid var(--line)}.settings-layout{grid-template-columns:1fr}.scenario-grid{gap:13px}.scenario-card{padding:17px}.scenario-card .button{font-size:10px;padding:9px 10px}.scenario-card .button .icon{width:14px}.scenario-card p{font-size:11px}.page-heading{align-items:flex-start}.heading-actions{padding-top:10px}.heading-actions .button.secondary span{display:none}.heading-actions .button.secondary{padding:9px}.real-empty{flex-wrap:wrap}.real-empty>div{flex:1;min-width:220px}.real-empty>.button{margin-left:63px}.map-footer{flex-wrap:wrap}.map-legend{gap:10px}.login-story h1{font-size:31px}.login-story{padding:35px}.login-panel{padding:50px 35px}.section-action-row{align-items:flex-start}.section-action-row>.muted.small{max-width:220px;text-align:right}.workspace-footer{flex-wrap:wrap}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr;min-height:100svh}.login-story{padding:23px 27px;min-height:120px}.login-story-body{padding-top:25px;padding-bottom:7px;margin:0}.login-story-body .eyebrow,.login-story-body>p,.login-machine,.login-story-footer{display:none}.login-story h1{font-size:24px;margin:0;line-height:1.5}.login-story h1 br{display:none}.login-brand{font-size:19px;gap:8px;margin-bottom:22px}.login-brand .brand-mark{width:29px;height:30px}.login-brand .brand-mark svg{width:29px;height:29px}.login-brand .brand-sub{font-size:8px;margin-top:4px}.login-panel{padding:35px 27px 75px;align-items:flex-start}.login-card{max-width:420px}.login-card h2{font-size:25px;margin-top:8px}.login-card form{margin-top:23px}.login-card label{margin-top:18px}.login-note{margin-top:20px;padding-top:20px}.sidebar{transform:translateX(-100%);transition:transform .18s ease;width:224px;padding-left:16px;padding-right:16px;z-index:750}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:21px}.workspace{margin:0;width:100%}.mobile-only{display:inline-flex}.topbar{height:64px;padding:0 20px;gap:10px}.topbar-left{gap:9px}.workspace-label{font-size:10px}.workspace-label>span{margin:0 6px}.source-switch button{padding:6px 9px;font-size:10px}.topbar-right{gap:10px}main{padding:23px 20px 0}.page-heading{margin-bottom:18px;gap:12px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px;max-width:280px}.page-heading .eyebrow{font-size:8px}.heading-actions .button.primary{padding:9px 12px;min-height:38px;font-size:11px}.heading-actions .button.primary>.icon{width:16px;height:16px}.heading-actions{padding-top:15px;gap:6px}.heading-actions .button.secondary{min-height:38px}.source-notice{padding:10px 12px;margin-bottom:18px;align-items:flex-start;font-size:10px;line-height:1.8}.source-notice .icon{margin-top:1px}.notice-tag{display:none}.stats-grid{gap:12px;margin-bottom:18px}.stat-card{padding:16px}.stat-label{font-size:10px}.stat-foot{font-size:9px}.stat-value{font-size:31px;margin:13px 0 7px}.dashboard-main .map-wrap{height:365px!important}.dashboard-bottom{grid-template-columns:1fr;margin-top:16px;gap:16px}.operations-note{padding:21px}.operations-note p{max-width:520px}.operations-note .note-bottom{margin-top:16px}.panel-heading{padding:16px 17px}.map-footer{padding:10px 13px}.map-legend{font-size:8px}.osm-credit{font-size:8px}.workspace-footer{font-size:7px;padding:22px 0;gap:8px}.table-toolbar{padding:15px}.search-field{flex-basis:100%;min-width:0}.filter-group{flex-wrap:wrap;gap:7px}.filter-group select{font-size:10px;padding-right:15px;height:35px}.table-footer{padding:12px 15px;flex-wrap:wrap;font-size:9px;gap:5px}.equipment-table{min-width:850px}.real-empty{padding:19px;gap:13px}.real-empty>div{min-width:180px}.real-empty h2{font-size:15px}.real-empty p{font-size:10px}.real-empty>.button{margin-left:58px;font-size:11px}.report-summary{padding:22px}.report-summary h2{font-size:17px}.report-summary p{font-size:10px;max-width:220px}.report-summary .eyebrow{font-size:8px}.report-total{padding-left:16px;gap:7px}.report-total>span{font-size:33px}.report-total>small{font-size:10px}.report-toolbar label{font-size:10px}.report-toolbar>.button{font-size:11px}.report-toolbar input{font-size:11px}.reports-chart{padding:12px 17px}.chart-row{grid-template-columns:95px 1fr 55px;gap:10px;font-size:10px}.chart-value{font-size:9px}.geofence-list{grid-template-columns:1fr 1fr}.geofence-item{padding:16px}.geofence-item h3{font-size:12px}.geofence-item .coordinates{font-size:9px}.section-action-row{gap:12px;flex-wrap:wrap}.section-action-row>p{font-size:11px;max-width:210px}.section-action-row>.button{font-size:11px;padding:9px 13px}.section-action-row>.muted.small{max-width:none;text-align:left;font-size:9px}.alert-filter button{padding:6px 10px;font-size:10px}.alert-card{padding:18px;gap:12px;flex-wrap:wrap}.alert-icon{width:33px;height:33px}.alert-info h3{font-size:12px}.alert-info p{font-size:11px}.alert-card>.button{margin-left:45px;font-size:10px}.alert-card>.ack-label{margin-left:45px}.alert-meta{gap:8px;font-size:9px}.simulator-hero{padding:25px}.simulator-hero h2{font-size:21px}.simulator-hero p{font-size:11px}.simulator-hero>.button{margin:13px 0 0}.scenario-grid{grid-template-columns:1fr}.scenario-card{padding:23px;position:relative}.scenario-card .scenario-icon{position:absolute;right:23px;top:15px;width:30px;height:30px;margin:0}.scenario-card h3{margin-top:26px;font-size:18px}.scenario-card p{min-height:0;font-size:12px;max-width:420px}.scenario-card>.button{margin-top:20px;max-width:300px;font-size:11px}.settings-details{padding:5px 20px 16px}.settings-details dt,.settings-details dd{font-size:11px}.settings-note{padding:23px}.toast-region{right:16px;bottom:18px}.toast{font-size:11px;padding:12px 14px}}
@media(max-width:420px){.topbar{padding:0 12px}.workspace-label{font-size:9px}.workspace-label>span{margin:0 4px}.topbar-left{gap:3px}.source-switch button{padding:6px 7px;font-size:9px}main{padding:21px 15px 0}.heading-actions .button.secondary{display:none}.page-heading h1{font-size:24px}.page-heading p{font-size:10px;max-width:210px}.heading-actions .button.primary{font-size:10px;padding:9px 10px;gap:4px}.stat-card{padding:14px}.stat-value{font-size:28px}.stat-foot{font-size:8px}.stat-label{font-size:9px}.stat-label>.icon{width:14px;height:14px}.stat-unit{font-size:9px;margin-left:5px}.dashboard-main .map-wrap{height:330px!important}.map-legend{gap:7px}.map-footer{gap:7px}.map-empty-label{font-size:9px}.map-mode-label{font-size:8px;right:10px;top:10px}.geofence-list{grid-template-columns:1fr}.geofence-item{border-right:0}.real-empty .empty-icon{display:none}.real-empty>div{min-width:100%}.real-empty>.button{margin-left:0}.report-summary{padding:18px;gap:12px;flex-wrap:wrap}.report-total{padding:0}.report-summary p{max-width:none}.report-total>span{font-size:30px}.form-dialog form{padding:21px 20px 0}.dialog-heading{padding:21px 20px}.form-grid{gap:17px 12px}.form-field input,.form-field select{font-size:11px;padding:9px}.drawer-body{padding:22px}.drawer-heading{padding:26px 22px 20px}.drawer-tabs{padding:0 22px}.history-map-wrap{height:260px}.detail-fields>div{font-size:11px}.history-position{font-size:9px}.history-position .mono{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
