:root{--bg:#071018;--surface:#0c1721;--surface-2:#111e29;--line:#1e303d;--muted:#7890a2;--text:#e9f2f8;--green:#35d39a;--blue:#42a6ff;--orange:#ff9f43;--purple:#ac7dff;--cyan:#36d2e6}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0}body{font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,input{font:inherit}button{color:inherit}.control-room{background:var(--bg);grid-template-rows:58px 92px minmax(0,1fr) 26px;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#08131c;align-items:center;gap:18px;padding:0 18px;display:flex}.brand{align-items:center;gap:11px;min-width:228px;display:flex}.brand-mark{background:#0c1c24;border:1px solid #275143;border-radius:7px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 18px #21cea04d}.brand-mark img{width:29px;height:29px;display:block}.brand strong,.brand span{letter-spacing:.13em;display:block}.brand strong{font-size:14px}.brand span{color:#7891a4;margin-top:3px;font-size:8px}.shift-chip{border-left:1px solid var(--line);color:#9bb0bf;letter-spacing:.08em;align-items:center;gap:8px;padding-left:18px;font-size:10px;display:flex}.shift-chip b{color:#42dda8;background:#153529;border-radius:3px;padding:4px 7px;font-size:8px}.topbar-spacer{flex:1}.status-item{color:#8298a8;letter-spacing:.09em;align-items:center;gap:7px;font-size:9px;display:flex}.status-dot{background:#ff9f43;border-radius:99px;width:7px;height:7px}.status-dot.online{background:#34d399;box-shadow:0 0 8px #34d399}.clock{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 20px}.clock span,.clock strong{display:block}.clock span{color:#6f8798;letter-spacing:.15em;font-size:7px}.clock strong{margin-top:2px;font-family:monospace;font-size:17px}.icon-button{cursor:pointer;color:#91a7b7;background:0 0;border:0;padding:7px}.icon-button:hover{color:#fff;background:#132331;border-radius:5px}.mobile-menu{display:none}.kpi-strip{border-bottom:1px solid var(--line);background:#0a151e;grid-template-columns:repeat(5,1fr);display:grid}.metric{border-right:1px solid var(--line);align-items:center;gap:13px;min-width:0;padding:14px 20px;display:flex}.metric-icon{width:38px;height:38px;color:var(--metric-color);background:#122532;border-radius:7px;place-items:center;display:grid}.metric-icon svg{width:19px}.metric>div:last-child{grid-template-columns:auto auto;align-items:end;column-gap:10px;min-width:0;display:grid}.metric span{color:#7891a2;letter-spacing:.11em;white-space:nowrap;grid-column:1/3;font-size:8px}.metric strong{font-size:22px;line-height:1}.metric small{color:#718796;white-space:nowrap;font-size:9px}.metric.green{--metric-color:var(--green)}.metric.blue{--metric-color:var(--blue)}.metric.orange{--metric-color:var(--orange)}.metric.purple{--metric-color:var(--purple)}.metric.cyan{--metric-color:var(--cyan)}.workspace{grid-template-columns:66px minmax(0,1fr) 330px;min-height:0;display:grid}.left-rail{border-right:1px solid var(--line);z-index:15;background:#09141d;flex-direction:column;align-items:stretch;padding:12px 7px 8px;display:flex}.rail-action{color:#688091;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;border-radius:5px;flex-direction:column;align-items:center;gap:4px;padding:10px 2px;font-size:7px;display:flex}.rail-action svg{width:19px}.rail-action:hover,.rail-action.active{color:#38d5aa;background:#10252a}.rail-action.active{box-shadow:inset 2px 0 #38d5aa}.rail-spacer{flex:1}.storage-status{text-align:center;color:#57707f;font-size:7px}.storage-status svg{margin:0 auto 4px;display:block}.map-stage{background:#111b21;min-width:0;min-height:0;position:relative;overflow:hidden}.map-stage:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0;box-shadow:inset 0 0 80px #050c1199}.map-canvas{position:absolute;inset:0}.map-loading{color:#79a2b5;letter-spacing:.1em;background:#0a151d;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.esri-ui{z-index:5}.esri-ui-top-right{top:56px!important}.esri-widget,.esri-widget--button{color:#b9c8d2!important;background:#101e29dd!important}.esri-attribution{color:#708796!important;background:#071018cc!important}.map-title{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08141dcc;border-left:3px solid #36d2a6;padding:9px 13px;position:absolute;top:18px;left:58px}.map-title span,.map-title strong,.map-title small{display:block}.map-title span{color:#38d7a8;letter-spacing:.14em;font-size:7px}.map-title strong{margin-top:2px;font-size:13px}.map-title small{color:#7890a0;margin-top:2px;font-size:8px}.view-switch{z-index:7;background:#0b1721e6;border:1px solid #274050;border-radius:5px;padding:3px;display:flex;position:absolute;top:18px;right:82px}.view-switch button{color:#718898;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 12px;font-size:10px;font-weight:700}.view-switch button.active{color:#43dbb4;background:#1a3945}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:6;background:#091620ed;border:1px solid #27404d;box-shadow:0 12px 35px #0008}.layer-panel{width:235px;position:absolute;top:88px;left:18px}.panel-heading{border-bottom:1px solid #213542;justify-content:space-between;align-items:center;padding:12px 13px;display:flex}.panel-heading span,.panel-heading strong{display:block}.panel-heading span{color:#5fd9bb;letter-spacing:.14em;font-size:7px}.panel-heading strong{margin-top:2px;font-size:12px}.panel-heading button,.detail-title button,.note-card button,.modal-header button{color:#718695;cursor:pointer;background:0 0;border:0}.basemap-row,.layer-list label{cursor:pointer;align-items:center;gap:8px;font-size:10px;display:flex}.basemap-row{border-bottom:1px solid #1b2d38;padding:10px 12px}.basemap-row span{flex:1;align-items:center;gap:7px;display:flex}.basemap-row select{color:#a8bac5;background:#101f2a;border:1px solid #29414f;max-width:108px;padding:5px;font-size:8px}.layer-list{padding:6px 0}.layer-control{grid-template-columns:1fr 48px 24px;align-items:center;padding:3px 8px 3px 0;display:grid}.layer-control label{color:#a5b6c1;padding:5px 12px}.layer-control label span:nth-child(2){flex:1}.layer-control button{color:#648091;cursor:pointer;background:0 0;border:0;padding:4px}.layer-control button:hover{color:#41d8b2}.opacity-slider{accent-color:#39d4aa;width:46px;height:3px}.layer-list input,.basemap-row input{accent-color:#33d0a4}.layer-swatch{background:#8499a8;border-radius:3px;width:14px;height:3px}.layer-swatch.locomotives{background:#39d98a;width:8px;height:8px}.layer-swatch.torpedoes{background:#ff9f43;width:8px;height:8px;transform:rotate(45deg)}.layer-swatch.facilities{background:#b57cff;width:8px;height:8px}.layer-swatch.zones{background:0 0;border:1px dashed #ff6b5e;height:8px}.layer-swatch.trails{background:#39d98a77}.layer-swatch.annotations{background:#ffcc4d;border-radius:50%;width:8px;height:8px}.legend{color:#708999;border-top:1px solid #1d303b;grid-template-columns:1fr 1fr;gap:7px;padding:9px 12px;font-size:8px;display:grid}.legend span{align-items:center;gap:5px;display:flex}.legend-dot,.legend-square{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-square{border-radius:1px}.legend .loco{background:#39d98a}.legend .torpedo{background:#ff9f43}.legend .bf{background:#ff754b}.legend .sms{background:#b57cff}.simulation-bar{border-radius:6px;align-items:center;gap:9px;min-width:510px;padding:7px 9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.play-button{color:#06100d;cursor:pointer;background:#21c798;border:0;border-radius:4px;place-items:center;width:34px;height:34px;display:grid}.play-button svg{width:16px}.sim-label span,.sim-label strong{display:block}.sim-label span{color:#6c8494;letter-spacing:.12em;font-size:7px}.sim-label strong{color:#37d4a7;margin-top:2px;font-size:9px}.sim-divider{border-left:1px solid #29404d;height:26px}.sim-time{font-family:monospace;font-size:15px}.sim-time small{color:#708695}.speed-button,.reset-sim{color:#7991a1;cursor:pointer;background:#101f2a;border:1px solid #29414f;border-radius:3px;padding:5px 7px;font-size:9px}.speed-button.active{color:#40dbb2;border-color:#2f8d77}.reset-sim{place-items:center;display:grid}.right-panel{border-left:1px solid var(--line);background:#0b161f;flex-direction:column;min-width:0;display:flex;overflow:hidden}.tab-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.tab-row button{color:#617887;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 3px 11px;font-size:8px}.tab-row button.active{color:#45d9b2;border-bottom-color:#45d9b2}.tab-row b{color:#ff806d;background:#472624;border-radius:8px;padding:2px 5px}.search-box{color:#587180;background:#101f2a;border:1px solid #213642;border-radius:4px;align-items:center;gap:7px;margin:12px;padding:8px 10px;display:flex}.search-box input{color:#d8e5ed;background:0 0;border:0;outline:0;width:100%;font-size:10px}.asset-filters{grid-template-columns:1fr 100px;align-items:center;gap:7px;padding:0 12px;display:grid}.asset-filters .search-box{margin:12px 0}.asset-filters>select{color:#78909f;background:#101f2a;border:1px solid #213642;min-width:0;padding:8px 5px;font-size:8px}.section-caption{color:#67808f;letter-spacing:.11em;justify-content:space-between;padding:2px 13px 8px;font-size:8px;display:flex}.section-caption b{background:#172b37;border-radius:9px;padding:2px 7px}.asset-list{max-height:47%;padding:0 8px;overflow-y:auto}.asset-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom-color:#162a35;align-items:center;gap:10px;width:100%;padding:10px 7px;display:flex}.asset-card:hover{background:#0f202b}.asset-card.selected{background:#112832;border-color:#285264 #285264 #285264 #3ad4aa;border-left-style:solid;border-left-width:2px}.asset-icon{background:#142630;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.asset-icon svg{width:17px}.asset-main{flex:1;min-width:0}.asset-main strong,.asset-main span{display:block}.asset-main strong{font-size:11px}.asset-main span{color:#718897;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:8px;overflow:hidden}.asset-side{text-align:right}.asset-side small{color:#667d8b;margin-top:4px;font-size:7px;display:block}.status-pill{text-transform:uppercase;color:#39d98a;font-size:7px;display:inline-block}.status-pill.idle{color:#7ea0b5}.status-pill.loading{color:#ff9f43}.status-pill.maintenance,.status-pill.delayed{color:#ff6b5e}.asset-detail{border-top:1px solid var(--line);background:#0e1d27;max-height:48%;margin-top:auto;padding:13px;overflow-y:auto}.detail-title{justify-content:space-between;display:flex}.detail-title span,.detail-title strong{display:block}.detail-title span{color:#3ad7aa;letter-spacing:.12em;font-size:7px}.detail-title strong{margin-top:4px;font-size:15px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:13px 0;display:grid}.detail-grid span{color:#6f8795;font-size:8px}.detail-grid b{color:#bac9d2;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:9px;display:block;overflow:hidden}.primary-action{color:#45dbb4;background:#14342e;border:1px solid #276a5a;border-radius:4px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px;font-size:9px;display:flex}.asset-editor{grid-template-columns:1fr 72px;gap:7px;margin:0 0 10px;display:grid}.asset-editor label{color:#6f8795;font-size:7px}.asset-editor input,.asset-editor select{color:#b8c8d2;background:#101f29;border:1px solid #29414e;width:100%;min-width:0;margin-top:3px;padding:5px;font-size:8px;display:block}.asset-editor input[type=color]{height:27px;padding:2px}.asset-editor label:last-child{grid-column:1/3}.remove-asset{color:#ff8775;cursor:pointer;background:0 0;border:0;width:100%;margin-top:6px;padding:5px;font-size:8px}.alerts-list{padding:10px;overflow-y:auto}.alert-card{border-bottom:1px solid #1b2d38;grid-template-columns:30px 1fr 16px;align-items:start;gap:10px;padding:12px 7px;display:grid}.alert-icon{color:#ff8b62;background:#2b2220;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.alert-icon svg{width:15px}.alert-card.info .alert-icon{color:#40bfe5;background:#132b35}.alert-card span,.alert-card strong{display:block}.alert-card span{color:#788d9a;letter-spacing:.07em;font-size:7px}.alert-card strong{margin-top:4px;font-size:10px}.alert-card p{color:#718794;margin:4px 0 0;font-size:9px;line-height:1.5}.feed-caption{border-top:1px solid #243844;margin-top:14px;padding:9px 3px}.feed-item{color:#718895;border-bottom:1px solid #172a35;grid-template-columns:20px 1fr;align-items:start;gap:8px;padding:8px 3px;font-size:8px;line-height:1.45;display:grid}.feed-item svg{color:#3acfa7;width:14px}.feed-item b{color:#a8bac5}.notes-panel{padding:13px;overflow-y:auto}.notes-panel>p{color:#758b99;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:9px;line-height:1.5}.empty-state{color:#56707f;flex-direction:column;align-items:center;padding:45px 10px;display:flex}.empty-state svg{width:28px}.empty-state strong{color:#8da1ad;margin-top:10px;font-size:11px}.empty-state span{margin-top:4px;font-size:8px}.note-card{border-bottom:1px solid var(--line);grid-template-columns:24px 1fr 20px;align-items:start;gap:9px;padding:10px 5px;display:grid}.note-card>input[type=color]{background:0 0;border:0;width:22px;height:28px;padding:0}.note-card>div{grid-template-columns:1fr 88px;gap:5px;display:grid}.note-card>div input{color:#c7d4dc;background:#101f29;border:1px solid #263c48;min-width:0;padding:5px 6px;font-size:9px}.note-card>div input:nth-child(2){grid-column:1/3}.note-card select{color:#8299a8;background:#101f29;border:1px solid #263c48;grid-area:1/2;font-size:8px}.annotation-panel{flex-direction:column;width:300px;max-height:calc(100% - 178px);display:flex;position:absolute;top:88px;left:18px}.annotation-create{border-bottom:1px solid #213542;padding:10px 12px}.annotation-create>label{margin-bottom:7px;display:block}.annotation-create label{color:#78909f;letter-spacing:.06em;font-size:7px}.annotation-create input,.annotation-create textarea,.annotation-create select,.annotation-item input,.annotation-item textarea{color:#c7d4dc;resize:vertical;background:#101f29;border:1px solid #29414e;width:100%;margin-top:3px;padding:5px;font-size:8px;display:block}.annotation-create>div{grid-template-columns:70px 1fr;gap:8px;display:grid}.annotation-create input[type=color],.annotation-item>input[type=color]{height:28px;padding:2px}.annotation-create small{color:#607887;margin-top:7px;font-size:7px;line-height:1.4;display:block}.annotation-list{padding:5px 9px 10px;overflow-y:auto}.annotation-empty{text-align:center;color:#617988;padding:24px 8px;font-size:9px}.annotation-item{border-bottom:1px solid #1d303b;grid-template-columns:25px 1fr;gap:7px;padding:9px 2px;display:grid}.annotation-item>div{gap:5px;display:grid}.annotation-item button{color:#42d7b0;cursor:pointer;background:#12302d;border:1px solid #2b4c58;padding:5px;font-size:8px}.annotation-item .delete-note{color:#ff806d;background:#2b1c1c;border-color:#55302b}.primary-action.active{color:#e9fff9;background:#23574b;border-color:#42d7b0}.footer-strip{color:#506b7a;letter-spacing:.05em;border-top:1px solid #1b303b;justify-content:space-between;align-items:center;padding:0 14px;font-size:7px;display:flex}.footer-strip span{align-items:center;gap:5px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070bbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scenario-modal{background:#0c1923;border:1px solid #2b4655;border-radius:8px;width:min(720px,96vw);max-height:94vh;overflow-y:auto;box-shadow:0 25px 80px #000}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;padding:20px 22px 16px;display:flex}.modal-header span{color:#3bd5aa;letter-spacing:.15em;font-size:8px}.modal-header h2{margin:4px 0;font-size:20px}.modal-header p{color:#718795;margin:0;font-size:10px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 22px 12px;display:grid}.preset-grid button{text-align:left;cursor:pointer;background:#101f29;border:1px solid #263d4a;border-radius:5px;padding:14px}.preset-grid button:hover{background:#122a2e;border-color:#3bcfa9}.preset-grid svg{color:#3ad5aa;width:20px}.preset-grid strong,.preset-grid span{display:block}.preset-grid strong{margin-top:8px;font-size:11px}.preset-grid span{color:#708695;margin-top:4px;font-size:8px}.config-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px 22px 20px;display:grid}.count-input{background:#0f202b;border:1px solid #233a47;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.count-input>span{font-size:10px}.count-input small{color:#617887;margin-top:2px;font-size:7px;display:block}.count-input div{display:flex}.count-input button,.count-input input{text-align:center;color:#b7c7d1;background:#132733;border:1px solid #294451;width:31px;height:29px}.count-input input{border-left:0;border-right:0;outline:0}.count-input button{cursor:pointer}.facility-config{border:1px solid #233a47;margin:0 22px 18px}.config-caption{color:#66dabc;letter-spacing:.12em;border-bottom:1px solid #233a47;padding:8px 10px;font-size:7px;display:block}.facility-config-row{border-bottom:1px solid #1a2d38;grid-template-columns:34px 1fr 105px 105px;align-items:center;gap:7px;padding:7px 9px;display:grid}.facility-config-row:last-child{border-bottom:0}.facility-config-row i{color:#ff8b67;font-size:7px;font-style:normal}.facility-config-row i.sms{color:#b88cff}.facility-config-row input,.facility-config-row select{color:#b7c7d1;background:#10212b;border:1px solid #29414d;width:100%;min-width:0;padding:5px;font-size:8px}.facility-config-row label{color:#718795;align-items:center;gap:4px;font-size:7px;display:flex}.facility-config-row label input{width:43px}.modal-actions{border-top:1px solid var(--line);background:#09141d;gap:8px;padding:13px 22px;display:flex}.modal-actions button{cursor:pointer;background:#10212c;border:1px solid #29424f;border-radius:4px;align-items:center;gap:6px;padding:8px 10px;font-size:9px;display:flex}.modal-actions .danger-link{color:#ff8b79}.modal-actions .done-button{color:#05100d;background:#2bd0a0;border-color:#2bd0a0;margin-left:auto;font-weight:700}@media (max-width:1100px){.workspace{grid-template-columns:58px minmax(0,1fr) 285px}.metric{padding:12px}.metric small{display:none}.brand{min-width:auto}.shift-chip{display:none}}@media (max-width:820px){body{overflow:auto}.control-room{grid-template-rows:58px auto 650px 26px;min-height:100vh}.mobile-menu{display:block}.topbar{gap:8px;padding:0 8px}.brand{flex:1}.status-item,.clock{display:none}.kpi-strip{grid-template-columns:repeat(2,1fr)}.metric:last-child{grid-column:1/3}.metric{min-height:72px}.workspace{grid-template-rows:420px 300px;grid-template-columns:1fr}.left-rail{width:66px;transition:left .2s;position:fixed;top:58px;bottom:0;left:-72px}.left-rail.open{left:0}.right-panel{border-left:0;border-top:1px solid var(--line);grid-row:2}.layer-panel,.annotation-panel{width:calc(100% - 20px);max-width:300px;top:72px;left:10px}.simulation-bar{width:calc(100% - 20px);min-width:0;bottom:10px}.simulation-bar .sim-label,.simulation-bar .sim-divider:nth-of-type(2){display:none}.map-title{left:48px}.view-switch{right:70px}.footer-strip span:nth-child(n+2){display:none}.preset-grid,.config-grid{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.modal-actions .done-button{margin-left:0}.facility-config-row{grid-template-columns:30px 1fr}.facility-config-row select,.facility-config-row label{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}