:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#dbe8f3;background:#08121e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed!important}a{color:inherit;text-decoration:none}.app-shell{--bg:#091420;--sidebar:#0a1724;--panel:#101f2e;--panel-alt:#132436;--line:#203347;--text:#e1edf5;--muted:#8aa1b2;--faint:#61798e;--cyan:#38d4d0;--cyan-bg:#123b48;--blue:#5d9dff;--green:#56d7a7;--orange:#efb475;--red:#f07879;display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.app-shell.theme-light{--bg:#eef4f7;--sidebar:#152535;--panel:#fff;--panel-alt:#f2f6f8;--line:#d9e5ea;--text:#203649;--muted:#637d8c;--faint:#8296a2;--cyan:#009a9c;--cyan-bg:#dff5f3;--blue:#3976d1;--green:#158e69;--orange:#b8772f;--red:#c94d51}.sidebar{width:252px;flex:0 0 252px;min-height:100vh;background:var(--sidebar);border-right:1px solid #1d3446;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:30}.brand{height:94px;padding:27px 22px 21px;display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:1px solid #2d9fac;background:linear-gradient(135deg,#123b51,#0c2a3a);border-radius:11px;color:#5cf0e7;display:grid;place-items:center;box-shadow:0 0 24px #2bd8d522}.brand strong{display:block;color:#ecf9fb;font-size:19px;letter-spacing:1px;font-weight:800}.brand small{display:block;color:#698797;font-size:9px;letter-spacing:1.75px;margin-top:2px}.workspace-label,.nav-caption{color:#6e889a;font-size:11px;letter-spacing:1.5px;padding:0 23px}.workspace-label{display:flex;justify-content:space-between;margin:15px 0 13px}.workspace-label span{letter-spacing:0;color:#557485}.site-card{margin:0 14px 30px;border:1px solid #254258;background:#11283a;border-radius:10px;padding:12px;display:flex;align-items:center;gap:9px}.site-icon{width:34px;height:34px;display:grid;place-items:center;color:#55d5d0;background:#174357;border-radius:7px}.site-card>div:nth-child(2){min-width:0;flex:1}.site-card strong,.site-card span{display:block;white-space:nowrap}.site-card strong{font-size:12px;color:#e6f1f6}.site-card span{font-size:10px;color:#7897a6;margin-top:4px}.site-card>svg{color:#829cac}.nav-caption{margin-bottom:11px}.nav-list{padding:0 11px;display:grid;gap:3px}.nav-list{overflow-y:auto;min-height:0;align-content:start}.nav-item{height:43px;border:0;border-radius:8px;background:transparent;color:#93a9b9;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-size:13px;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:#172c3d;color:#e5f3f7}.nav-item.active{color:#64e8df;background:linear-gradient(90deg,#123b4a,#16364a80);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:-11px;top:8px;bottom:8px;width:3px;background:#39d5d1;border-radius:0 3px 3px 0}.nav-item span{flex:1}.nav-count{font-style:normal;border-radius:20px;background:#614139;color:#ffcc9b;padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto;padding:0 13px 15px}.sidebar-bottom{flex:none}.demo-notice{border:1px solid #25505a;background:#12313c;border-radius:9px;padding:12px;display:flex;gap:9px;color:#61e2d8;margin-bottom:19px}.demo-notice strong,.demo-notice span{display:block}.demo-notice strong{font-size:11px;color:#bdf1e9}.demo-notice span{font-size:10px;color:#80adaf;margin-top:5px;line-height:1.4}.sidebar-user{border-top:1px solid #1f3443;padding:16px 7px 1px;display:flex;align-items:center;gap:9px}.avatar{width:32px;height:32px;background:#264353;color:#b7eee8;border-radius:8px;display:grid;place-items:center;font-size:13px}.sidebar-user>div:nth-child(2){flex:1}.sidebar-user strong,.sidebar-user span{display:block}.sidebar-user strong{font-size:11px;color:#e2f0f3}.sidebar-user span{font-size:10px;color:#7b98a6;margin-top:3px}.online-dot,.pulse-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#4addad;box-shadow:0 0 0 3px #4addad22;flex:none}.main-shell{min-width:0;flex:1}.topbar{height:64px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 80%,#173347);position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:13px}.topbar-left{font-size:12px;color:var(--faint)}.topbar-left strong{font-size:12px;color:var(--text);font-weight:600}.crumb-sep{color:#446277}.topbar-right{font-size:11px;color:var(--muted)}.system-indicator{color:#9fdfc2;display:flex;align-items:center;gap:8px}.top-divider{width:1px;height:18px;background:var(--line);margin:0 5px}.top-clock{font-variant-numeric:tabular-nums}.top-icon,.icon-btn{border:0;background:transparent;color:var(--muted);padding:7px;display:grid;place-items:center;position:relative}.top-icon:hover{color:var(--cyan)}.top-icon i{position:absolute;right:5px;top:5px;width:5px;height:5px;background:#ef9b71;border-radius:50%}.mobile-menu,.mobile-scrim{display:none}.main-content{max-width:1760px;margin:0 auto;padding:30px 32px 55px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:10px;color:var(--cyan);font-weight:700;letter-spacing:1.7px;margin-bottom:8px}.eyebrow span{color:#4a7180;margin:0 5px}.page-heading h1{font-size:25px;margin:0 0 5px;font-weight:750;letter-spacing:.3px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.heading-status{display:flex;align-items:center;gap:8px;color:var(--cyan);background:var(--cyan-bg);border:1px solid color-mix(in srgb,var(--cyan) 24%,transparent);border-radius:6px;padding:8px 11px;font-size:11px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;min-width:0}.panel-heading{min-height:72px;padding:19px 22px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h3{font-size:15px;font-weight:700;margin:0 0 5px}.panel-heading p{margin:0;color:var(--muted);font-size:11px}.panel-heading>svg{color:var(--faint)}.subtle-pill{border:1px solid var(--line);background:var(--panel-alt);border-radius:5px;padding:6px 9px;color:var(--muted);font-size:10px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.subtle-pill .pulse-dot{width:6px;height:6px}.btn{border:1px solid transparent;border-radius:6px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap;transition:filter .15s,background .15s,transform .15s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:#28bfc4;color:#05232e;border-color:#36d6d8}.btn-outline{background:transparent;border-color:#34576b;color:var(--text)}.btn-ghost{background:transparent;color:var(--muted)}.btn-danger{background:#a93f47;color:#fff;border-color:#ce646b}.btn-small{padding:7px 10px;font-size:11px}.text-link{border:0;background:none;color:var(--cyan);display:inline-flex;align-items:center;gap:3px;font-size:11px;white-space:nowrap}.text-link:hover{text-decoration:underline}.page-stack{display:grid;gap:20px}.section-toolbar{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:17px;margin:0 0 4px}.section-title p{color:var(--muted);font-size:11px;margin:0}.muted,.muted-icon{color:var(--muted)}.text-danger{color:var(--red)}.text-warning{color:var(--orange)}.text-success{color:var(--green)}.hero-panel{min-height:211px;border:1px solid #23536a;border-radius:11px;background:radial-gradient(circle at 76% 46%,#1b5362 0,#123345 23%,transparent 47%),linear-gradient(110deg,#132c3e,#0c2131 68%,#143747);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;padding:28px 42px;margin-bottom:20px}.hero-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 45px,#7ad8e008 46px 47px)}.hero-copy{position:relative;z-index:2}.hero-kicker{color:#9bd8dc;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px}.hero-panel h2{font-size:25px;color:#e7f8f7;margin:14px 0 8px;letter-spacing:.3px}.hero-panel p{font-size:12px;color:#91b3be;margin:0 0 19px}.hero-actions{display:flex;gap:9px}.hero-visual{height:180px;width:300px;position:relative;margin-right:50px;flex:none}.radar-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #4adbd83d;border-radius:50%;box-shadow:inset 0 0 20px #36f1e011}.ring-1{width:125px;height:125px}.ring-2{width:190px;height:190px}.ring-3{width:262px;height:262px;border-style:dashed;opacity:.5}.radar-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#82f8ef;filter:drop-shadow(0 0 13px #43d4d5)}.radar-label{position:absolute;bottom:1px;right:1px;color:#bbf4e8;font-size:10px;background:#113a44;border:1px solid #3d999b;border-radius:20px;padding:7px 12px;display:flex;align-items:center;gap:8px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.metric-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:17px 20px;min-height:125px}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;color:var(--muted);font-size:12px}.metric-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:8px;background:#123f48;color:var(--cyan)}.metric-icon.green{background:#173d39;color:var(--green)}.metric-icon.blue{background:#1a3552;color:var(--blue)}.metric-icon.orange{background:#49352e;color:var(--orange)}.metric-value{font-size:29px;font-weight:800;margin:4px 0 3px;font-variant-numeric:tabular-nums}.metric-value small{font-size:12px;font-weight:500;color:var(--muted);margin-left:5px}.metric-hint{font-size:10px;color:var(--faint)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.64fr) minmax(285px,.9fr);gap:18px;margin-bottom:18px}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.trend-panel,.device-panel{min-height:320px}.trend-panel>div:last-child,.device-panel>div:last-child{margin:0 12px}.donut-wrap{position:relative;height:213px}.donut-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:grid;text-align:center;pointer-events:none}.donut-center strong{font-size:28px}.donut-center span{font-size:10px;color:var(--muted)}.device-legend{display:flex;gap:20px;justify-content:center;font-size:11px;color:var(--muted);margin-top:-1px!important}.device-legend span{display:flex;align-items:center;gap:7px}.device-legend b{color:var(--text);font-weight:600;margin-left:8px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan)}.legend-dot.gray{background:#607489}.legend-dot.gold{background:#e5bb75}.legend-dot.orange{background:#ed995e}.legend-dot.blue{background:#68a5f7}.robot-summary{display:flex;gap:20px;margin:0 22px 14px}.robot-silhouette{width:34%;min-width:130px;min-height:150px;border:1px solid #284456;background:radial-gradient(circle at center,#1b4551,#102638 63%);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#75d6d6}.robot-silhouette span{color:#719aa6;font-size:9px;letter-spacing:1px}.robot-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.robot-stats>div{border:1px solid var(--line);background:var(--panel-alt);border-radius:6px;padding:13px;display:grid;grid-template-columns:20px 1fr;align-items:center;column-gap:7px}.robot-stats svg{color:var(--cyan)}.robot-stats span{color:var(--muted);font-size:10px}.robot-stats strong{grid-column:2;font-size:18px;font-variant-numeric:tabular-nums}.robot-stats small{color:var(--muted);font-size:10px;margin-left:3px;font-weight:500}.panel-footer{border-top:1px solid var(--line);padding:11px 22px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.activity-list{padding:0 22px 13px}.activity-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;color:var(--cyan);background:#16434a;flex:none}.activity-icon.warning{color:var(--orange);background:#49392b}.activity-row strong,.activity-row span{display:block}.activity-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;font-weight:600}.activity-row span{color:var(--faint);font-size:10px;margin-top:4px}.table-toolbar{display:flex;align-items:center;gap:9px;padding:6px 22px 16px}.table-toolbar.wrap{flex-wrap:wrap}.table-count{margin-left:auto;font-size:11px;color:var(--muted)}.search-box{height:34px;min-width:215px;display:flex;align-items:center;gap:8px;padding:0 10px;background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;color:var(--faint)}.search-box input{border:0;outline:0;background:transparent;color:var(--text);font-size:11px;width:100%}.search-box input::placeholder{color:var(--faint)}.select-control,.form-grid input,.form-grid select,.form-grid textarea{height:34px;border:1px solid var(--line);border-radius:6px;background:var(--panel-alt);color:var(--text);padding:0 10px;outline:none;font-size:11px}.select-control{min-width:118px}.select-control:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--cyan)}.date-control{color-scheme:dark}.theme-light .date-control{color-scheme:light}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}.data-table th{background:color-mix(in srgb,var(--panel-alt) 70%,transparent);color:var(--muted);font-weight:600;padding:12px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:15px 22px;border-bottom:1px solid var(--line);color:var(--text)}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:color-mix(in srgb,var(--panel-alt) 65%,transparent)}.data-table td strong,.data-table td small{display:block}.data-table td strong{font-size:11px;font-weight:650}.data-table td small{font-size:10px;color:var(--faint);margin-top:5px}.data-table .empty-cell{height:80px;text-align:center;color:var(--muted)}.empty-cell svg{vertical-align:middle;margin-right:5px}.table-action{border:0;background:transparent;color:var(--muted);font-size:11px;padding:3px 5px;white-space:nowrap}.table-action:hover,.table-action.accent{color:var(--cyan)}.table-action.danger:hover,.table-action.danger{color:var(--red)}.actions-cell{white-space:nowrap}.status-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:20px;padding:4px 8px;font-size:10px;white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.success{color:#58d9aa;background:#16392f;border-color:#23523f}.status-badge.cyan{color:#52d8d3;background:#143b45;border-color:#20505c}.status-badge.warning{color:#efba78;background:#47372d;border-color:#66503a}.status-badge.danger{color:#f4898c;background:#4a2d37;border-color:#6a3b45}.status-badge.muted{color:#9aaabd;background:#2b3948;border-color:#3b4d5f}.theme-light .status-badge.success{color:#177d5f;background:#e3f5ed}.theme-light .status-badge.cyan{color:#007e81;background:#e3f6f5}.theme-light .status-badge.warning{color:#a56321;background:#fff1df}.theme-light .status-badge.danger{color:#b7424a;background:#ffe8e9}.theme-light .status-badge.muted{color:#657687;background:#eef1f4}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#030b13c9;z-index:60;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-dialog,.form-dialog,.detail-dialog,.report-dialog{background:var(--panel);border:1px solid #35516a;border-radius:12px;box-shadow:0 28px 80px #0008;color:var(--text)}.confirm-dialog{width:min(420px,100%);padding:28px}.confirm-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#16434a;color:var(--cyan);font-size:25px;font-weight:800}.confirm-icon.danger{background:#4e2d36;color:var(--red)}.confirm-dialog h3{font-size:18px;margin:18px 0 8px}.confirm-dialog p{font-size:12px;color:var(--muted);line-height:1.75;margin:0}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.form-dialog{width:min(540px,100%);padding:24px;max-height:90vh;overflow:auto}.form-dialog.wide{width:min(740px,100%)}.detail-dialog{width:min(530px,100%);padding:24px;max-height:90vh;overflow:auto}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.modal-heading h3{font-size:18px;margin:0 0 5px}.modal-heading p{font-size:11px;color:var(--muted);margin:0}.close-btn{border:0;background:var(--panel-alt);color:var(--muted);width:28px;height:28px;border-radius:5px;font-size:18px;line-height:1}.modal-subtitle{font-size:11px;color:var(--muted);margin:-6px 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:11px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{height:39px}.form-grid textarea{padding:10px;height:auto;resize:vertical}.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--faint)}.detail-line{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);min-height:45px;font-size:11px;color:var(--muted)}.detail-line strong{color:var(--text);font-size:11px;font-weight:650;text-align:right}.detail-section-title{font-size:12px;margin:23px 0 12px}.detail-waypoints{display:grid;gap:8px}.detail-waypoints>div{background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:11px}.detail-waypoints span{color:var(--cyan);margin-right:12px}.toast{position:fixed;right:25px;bottom:25px;background:#173a3e;border:1px solid #327b79;color:#dffaf6;z-index:100;border-radius:7px;padding:11px 13px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 10px 30px #0006}.toast.error{background:#4c3035;border-color:#8a5159}.toast.info{background:#213a50;border-color:#41617d}.toast-symbol{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#49c6b3;color:#08262a;font-size:11px;font-weight:800}.toast.error .toast-symbol{background:#ec8589}.toast.info .toast-symbol{background:#76b6eb}.toast button{border:0;background:transparent;color:inherit;display:grid;place-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(10px)}.robot-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.robot-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0}.robot-card.selected{border-color:#2d777f;box-shadow:inset 0 0 0 1px #2b767724}.robot-card-head{display:flex;justify-content:space-between}.robot-card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:9px;background:#17404a;color:#5bdbd5}.robot-card-name{display:flex;justify-content:space-between;align-items:baseline;margin-top:17px;gap:7px}.robot-card-name h3{font-size:17px;margin:0}.robot-card-name span{font-size:10px;color:var(--faint)}.robot-card-model{color:var(--muted);font-size:11px;margin-top:5px}.robot-card-divider{height:1px;background:var(--line);margin:18px 0}.robot-card-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.robot-card-metrics>div{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:2px}.robot-card-metrics svg{color:var(--faint)}.robot-card-metrics span{color:var(--muted);font-size:10px}.robot-card-metrics strong{grid-column:2;font-size:12px;margin-top:4px}.battery-track,.progress-track,.table-progress{height:5px;border-radius:6px;background:#294051;overflow:hidden}.battery-track{margin:17px 0 20px}.battery-track span,.progress-track span,.table-progress span{display:block;height:100%;background:linear-gradient(90deg,#1ca5b8,#52e1cb);border-radius:6px}.battery-track span.low{background:var(--red)}.robot-card-footer{display:flex;gap:7px}.robot-card-footer .btn{flex:1}.detail-hero{border:1px solid var(--line);background:var(--panel-alt);border-radius:8px;padding:15px;display:flex;align-items:center;gap:17px;margin-bottom:17px}.detail-bot{color:var(--cyan);width:90px;height:90px;display:grid;place-items:center;background:#123847;border-radius:8px}.detail-hero h2{font-size:15px;margin:9px 0 4px}.detail-hero span:not(.status-badge){font-size:10px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-grid>div{border:1px solid var(--line);background:var(--panel-alt);border-radius:6px;padding:11px;color:var(--muted);font-size:10px;display:grid;grid-template-columns:18px 1fr;gap:6px;align-items:center}.detail-grid svg{color:var(--cyan)}.detail-grid strong{grid-column:2;color:var(--text);font-size:14px}.monitor-toolbar,.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.device-selector{display:flex;align-items:center;gap:10px}.selector-icon{width:39px;height:39px;border-radius:8px;background:#143c48;color:var(--cyan);display:grid;place-items:center}.device-selector span{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}.device-selector select{background:transparent;border:0;color:var(--text);outline:none;font-size:13px;font-weight:700;max-width:280px}.simulation-ribbon{display:flex;align-items:center;gap:7px;color:#ddb684;background:#493a2a66;border:1px solid #6b51366b;border-radius:6px;padding:9px 12px;font-size:11px}.simulation-ribbon.slim{padding:7px 10px}.monitor-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,.8fr);gap:18px}.monitor-grid.bottom{grid-template-columns:1.18fr 1fr}.video-panel,.telemetry-panel{min-height:400px}.camera-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px}.camera-feed{position:relative;aspect-ratio:16/9;overflow:hidden;background:#172b38;border:1px solid #355166;border-radius:7px}.camera-feed.thermal{background:#311953}.camera-art{width:100%;height:100%;display:block;filter:contrast(1.04) saturate(.75)}.camera-feed.thermal .camera-art{filter:contrast(1.28) saturate(1.8)}.camera-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#06172290,transparent 24%,transparent 75%,#04121aaf),linear-gradient(90deg,#07171f55,transparent 20%,transparent 80%,#07171f55);pointer-events:none}.camera-scanline{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,#07181c10 0 1px,transparent 1px 4px)}.feed-top,.feed-bottom{position:absolute;left:10px;right:10px;color:#ddf2f0;display:flex;justify-content:space-between;align-items:center;text-shadow:0 1px 4px #000;font-size:9px;letter-spacing:.2px}.feed-top{top:10px}.feed-bottom{bottom:9px}.feed-tag{background:#071b2399;border:1px solid #63b9ad88;padding:5px 7px;border-radius:3px}.feed-tag i,.rec-dot{display:inline-block;width:5px;height:5px;background:#48e7d0;border-radius:50%;margin-right:4px}.rec-dot{background:#f27475;margin-left:5px;margin-right:2px}.feed-focus{position:absolute;left:37%;top:34%;width:27%;height:38%;border:1px solid #57e3d599}.feed-focus.hot{left:70%;top:38%;width:16%;height:27%;border-color:#ffbd5c}.feed-focus b{position:absolute;left:0;top:-16px;color:#9bf4e9;background:#0a2834bb;padding:1px 4px;font-size:8px;font-weight:600;white-space:nowrap}.feed-focus.hot b{color:#ffd28b}.camera-feed.compact .feed-focus{display:none}.camera-feed.compact .feed-top,.camera-feed.compact .feed-bottom{font-size:8px}.video-footnote{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:10px;padding:13px 18px}.telemetry-hero{display:flex;align-items:center;gap:15px;margin:5px 20px 20px;border:1px solid var(--line);border-radius:8px;background:var(--panel-alt);padding:14px}.battery-circle{width:93px;height:93px;flex:none;border-radius:50%;background:conic-gradient(var(--cyan) var(--battery),#244052 0);padding:7px;display:grid;place-items:center}.battery-circle>div{height:100%;width:100%;border-radius:50%;background:var(--panel-alt);display:flex;flex-direction:column;align-items:center;justify-content:center}.battery-circle strong{font-size:26px;line-height:1}.battery-circle span{color:var(--muted);font-size:10px;margin-top:5px}.telemetry-main{flex:1;min-width:0}.telemetry-main>span{color:var(--muted);font-size:10px}.telemetry-main>strong{font-size:12px;display:block;margin:5px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telemetry-main small{color:var(--faint);font-size:10px;display:block;margin-top:7px}.telemetry-list{padding:0 20px 15px}.telemetry-list>div{border-top:1px solid var(--line);display:flex;align-items:center;gap:9px;min-height:43px;color:var(--muted);font-size:11px}.telemetry-list svg{color:var(--cyan)}.telemetry-list span{flex:1}.telemetry-list strong{color:var(--text)}.control-panel .panel-heading,.log-panel .panel-heading{min-height:67px}.warning-text{color:var(--orange);font-size:11px}.control-content{display:flex;align-items:center;gap:30px;padding:5px 22px 16px}.dpad{width:160px;height:150px;flex:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:3px}.dpad button,.dpad-center{border:1px solid #31566b;background:#183748;color:#69dbd3;border-radius:6px;display:grid;place-items:center}.dpad button:hover{background:#22566a}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad-center{grid-column:2;grid-row:2;background:#11303e;color:#47717e}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.command-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.command-grid button{height:39px;border:1px solid var(--line);background:var(--panel-alt);color:var(--text);border-radius:6px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.command-grid button:hover{border-color:var(--cyan)}.command-grid .danger-outline,.danger-outline{color:var(--red)!important;border-color:#75454e!important}.task-commands{border-top:1px solid var(--line);padding:15px 22px;display:flex;gap:8px;flex-wrap:wrap}.task-commands .btn{padding:8px 10px}.log-list{padding:0 20px 12px;max-height:250px;overflow:auto}.log-row{display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;color:var(--text);font-size:10px;line-height:1.5}.log-row:last-child{border:0}.log-time{color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}.log-type{color:var(--cyan);white-space:nowrap}.log-type.warn{color:var(--orange)}.map-legend{display:flex;gap:18px;font-size:10px;color:var(--muted)}.map-legend>span{display:flex;align-items:center;gap:7px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:18px}.map-main{overflow:hidden}.map-main .panel-heading{align-items:center}.map-controls{display:flex;gap:5px}.map-controls button{border:1px solid var(--line);color:var(--muted);background:var(--panel-alt);height:28px;width:29px;border-radius:4px;display:grid;place-items:center}.map-controls button:hover{color:var(--cyan)}.map-canvas{height:min(57vw,610px);min-height:480px;background:#0c1c2b;overflow:hidden;cursor:grab;touch-action:none}.map-canvas:active{cursor:grabbing}.map-canvas svg{display:block;width:100%;height:100%;transform-origin:center;transition:transform .08s linear}.map-canvas svg text{font-family:Inter,PingFang SC,sans-serif;fill:#8dabb7;font-size:13px;pointer-events:none}.map-canvas svg .map-zone-label{fill:#6f9bab;font-size:15px;letter-spacing:2px}.map-canvas svg .map-coordinate{font-size:10px;fill:#537688}.map-point{cursor:pointer}.map-point circle{transition:stroke .15s}.map-point.selected circle:first-child{stroke:#fff}.map-point text{fill:#ccece9!important;font-size:12px!important;paint-order:stroke;stroke:#071c2a;stroke-width:3px}.map-point .map-point-number{font-size:9px!important;fill:#164047!important;stroke:none!important;font-weight:800}.map-robot{cursor:pointer}.map-robot text{fill:#6ff1e5!important;font-size:11px!important;paint-order:stroke;stroke:#071c2a;stroke-width:3px}.map-obstacle rect{fill:#6a4b3a;stroke:#b4744b;stroke-width:2}.map-obstacle path{fill:none;stroke:#dd995f;stroke-width:2}.map-footer{display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:10px;padding:11px 18px}.map-footer span:first-child{display:flex;align-items:center;gap:5px}.map-side{display:grid;gap:18px;align-content:start}.point-body{padding:0 18px 18px}.point-title{display:flex;align-items:center;gap:11px}.point-icon{width:41px;height:41px;background:#153e48;border-radius:7px;color:var(--cyan);display:grid;place-items:center}.point-title strong,.point-title span{display:block}.point-title strong{font-size:14px}.point-title span{font-size:10px;color:var(--muted);margin-top:4px}.point-body p{color:var(--muted);font-size:11px;line-height:1.6;margin:14px 0}.point-coords{background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.point-coords strong{color:var(--text)}.point-actions{display:flex;gap:6px;margin-top:15px}.point-actions .btn{flex:1}.route-panel{padding-bottom:15px}.route-panel>.select-control{margin:0 18px 11px;width:calc(100% - 36px)}.route-list{padding:0 15px;max-height:320px;overflow:auto}.route-row{padding:9px 5px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);cursor:pointer}.route-row.active{background:var(--panel-alt)}.route-index{width:24px;height:24px;border:1px solid #2e6873;background:#183c49;border-radius:50%;color:var(--cyan);display:grid;place-items:center;font-size:10px;flex:none}.route-row>div:nth-child(2){flex:1;min-width:0}.route-row strong,.route-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-row strong{font-size:11px}.route-row small{font-size:9px;color:var(--faint);margin-top:3px}.route-actions{display:flex;gap:1px}.route-actions button{border:0;background:none;color:var(--faint);width:20px;height:22px;display:grid;place-items:center}.route-actions button:hover{color:var(--cyan)}.route-foot{display:flex;justify-content:space-between;align-items:center;margin:13px 18px 0;color:var(--muted);font-size:10px}.full-width{width:100%}.empty-state{color:var(--muted);font-size:11px;text-align:center;padding:35px 15px}.task-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.task-stat{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-height:90px;padding:17px;display:flex;align-items:center;gap:13px}.stat-icon{width:43px;height:43px;border-radius:9px;display:grid;place-items:center;flex:none}.stat-icon.blue{background:#193653;color:#6aa8fa}.stat-icon.cyan{background:#16404b;color:#59dad4}.stat-icon.green{background:#193e38;color:#62d7aa}.stat-icon.orange{background:#47382d;color:#efb476}.stat-icon.red{background:#49313a;color:#f18489}.task-stat strong,.task-stat span:not(.stat-icon){display:block}.task-stat strong{font-size:24px;line-height:1.1}.task-stat div span{font-size:10px;color:var(--muted);margin-top:5px}.table-progress{width:77px;height:4px;margin-bottom:4px}.workflow-panel{padding-bottom:21px}.workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:3px 21px}.workflow-steps>div{padding:12px 15px;background:var(--panel-alt);border:1px solid var(--line);border-radius:7px}.workflow-steps span{color:var(--cyan);font-size:17px;font-weight:700}.workflow-steps strong{display:block;font-size:11px;margin:9px 0 5px}.workflow-steps p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.point-picker,.ordered-points{margin-top:20px}.point-picker>strong,.ordered-points>strong{font-size:12px}.point-picker small{font-weight:400;color:var(--muted);margin-left:6px}.point-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.point-chips button{border:1px solid var(--line);background:var(--panel-alt);border-radius:5px;color:var(--muted);font-size:10px;padding:7px 9px}.point-chips button.selected{color:var(--cyan);border-color:#2f8489;background:#173e48}.point-chips button span{margin-right:6px}.ordered-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.ordered-list>div{border:1px solid var(--line);background:var(--panel-alt);border-radius:5px;padding:8px;display:flex;align-items:center;gap:9px;font-size:10px}.ordered-list span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#20525a;color:#79e5dc;font-size:9px}.ordered-list button{margin-left:auto;border:0;background:none;color:var(--muted);display:grid;place-items:center;padding:2px}.ordered-list button+button{margin-left:0}.ordered-points p{font-size:11px}.report-header{display:flex;align-items:center;gap:12px;padding:14px;background:var(--panel-alt);border:1px solid var(--line);border-radius:7px;margin-bottom:13px;color:var(--cyan)}.report-header strong,.report-header span{display:block}.report-header strong{font-size:14px;color:var(--text)}.report-header span{font-size:10px;color:var(--muted);margin-top:4px}.record-tags{display:flex;flex-wrap:wrap;gap:6px}.record-tags span{font-size:10px;color:var(--cyan);background:var(--cyan-bg);border:1px solid var(--line);border-radius:4px;padding:5px 7px}.record-events{display:grid;gap:6px}.record-events>div{display:flex;justify-content:space-between;gap:10px;background:var(--panel-alt);border:1px solid var(--line);border-radius:5px;padding:8px 10px;font-size:10px}.record-events strong{font-weight:600}.record-events span{text-align:right}.record-events p{margin:0;color:var(--muted);font-size:10px}.recognition-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recognition-category{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:15px;display:flex;align-items:center;gap:10px}.recognition-icon{width:35px;height:35px;background:#173f4a;color:var(--cyan);border-radius:7px;display:grid;place-items:center;flex:none}.recognition-category>div:nth-child(2){flex:1;min-width:0}.recognition-category strong,.recognition-category span{display:block}.recognition-category strong{font-size:11px;white-space:nowrap}.recognition-category span{font-size:9px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recognition-category>b{font-size:16px}.recognition-layout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:18px}.detection-list{padding:0 16px 16px;max-height:490px;overflow:auto}.detection-row{border:1px solid var(--line);background:var(--panel-alt);width:100%;border-radius:7px;display:flex;align-items:center;gap:10px;color:var(--text);text-align:left;padding:11px;margin-bottom:7px}.detection-row.active{border-color:#2d8c91;background:#17404a}.detection-thumb{width:39px;height:39px;border-radius:5px;background:#274056;color:var(--cyan);display:grid;place-items:center;flex:none}.detection-row:has(.result-chip.abnormal) .detection-thumb{color:var(--orange);background:#49372e}.detection-row>div:nth-child(2){flex:1;min-width:0}.detection-row strong,.detection-row span,.detection-row small{display:block}.detection-row strong{font-size:11px}.detection-row div>span{font-size:10px;color:var(--muted);margin-top:3px}.detection-row small{color:var(--faint);font-size:9px;margin-top:3px}.result-chip{font-size:10px!important;padding:3px 6px;border-radius:4px}.result-chip.normal{color:var(--green);background:#1e453c}.result-chip.abnormal{color:var(--orange);background:#513e2e}.row-arrow{color:var(--faint)}.recognition-detail{padding-bottom:20px}.recognition-image{position:relative;margin:0 20px}.recognition-image .camera-feed{aspect-ratio:16/8.2}.detection-box{position:absolute;border:2px solid #5de0d3;pointer-events:none}.detection-box.abnormal{border-color:#ffba72}.detection-box span{position:absolute;top:-21px;left:-2px;background:#2ba9ac;color:#062830;font-size:9px;padding:3px 5px;white-space:nowrap}.detection-box.abnormal span{background:#e6a763;color:#2b1d10}.recognition-summary{margin:15px 20px 0}.result-heading{display:flex;align-items:center;gap:11px}.result-heading>div:first-child{width:35px;height:35px;border-radius:7px;display:grid;place-items:center}.result-heading .normal{color:var(--green);background:#1b4338}.result-heading .abnormal{color:var(--orange);background:#493a2c}.result-heading strong,.result-heading span{display:block}.result-heading strong{font-size:13px}.result-heading span{color:var(--muted);font-size:10px;margin-top:4px}.recognition-value{display:flex;align-items:center;justify-content:space-between;background:var(--panel-alt);border:1px solid var(--line);padding:13px;margin-top:16px;border-radius:6px}.recognition-value span{color:var(--muted);font-size:11px}.recognition-value strong{font-size:15px;color:var(--cyan)}.info-banner{border:1px solid #2a5663;background:#12313c;border-radius:7px;padding:11px 14px;display:flex;align-items:center;gap:9px;color:#9bcbd0;font-size:10px;line-height:1.5}.info-banner svg{flex:none;color:var(--cyan)}.alert-message{max-width:390px;white-space:normal}.alert-message small{line-height:1.4}.level-badge{font-size:10px;border-radius:4px;padding:4px 7px;white-space:nowrap}.level-badge.high{color:#f28d90;background:#4d2f37}.level-badge.medium{color:#eeb877;background:#4b3b2d}.level-badge.low{color:#8fb9db;background:#263e53}.alert-detail-title{display:flex;align-items:center;gap:11px}.alert-detail-icon{width:43px;height:43px;background:#4c3235;color:var(--red);border-radius:7px;display:grid;place-items:center}.alert-detail-title strong,.alert-detail-title span{display:block}.alert-detail-title strong{font-size:15px}.alert-detail-title span{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5}.alert-detail-description{border-left:2px solid var(--orange);background:var(--panel-alt);padding:11px 13px;color:var(--muted);font-size:11px;line-height:1.7;margin:17px 0}.report-dialog{width:min(620px,100%);max-height:90vh;overflow:auto}.report-cover{background:linear-gradient(135deg,#153a4a,#0c2231);padding:25px 30px;color:#e5f4f6}.report-brand{font-size:12px;font-weight:800;letter-spacing:1px;margin-bottom:28px}.report-brand span{font-weight:400;color:#70a5ad;font-size:9px;margin-left:6px}.report-cover>svg{color:#61e3da}.report-cover h2{font-size:24px;margin:8px 0 5px}.report-cover p{font-size:12px;color:#b7d9da;margin:0 0 18px}.report-cover small{font-size:10px;color:#78a6ae}.report-body{padding:25px 30px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.report-summary>div{background:var(--panel-alt);border:1px solid var(--line);border-radius:6px;padding:13px}.report-summary span,.report-summary strong{display:block}.report-summary span{font-size:10px;color:var(--muted)}.report-summary strong{font-size:16px;margin-top:6px}.report-body h4{font-size:13px;margin:23px 0 7px}.report-body p{color:var(--muted);font-size:11px;line-height:1.8}.report-note{background:#493a2a66;border:1px solid #6b51366b;color:#ddb684;font-size:10px;border-radius:5px;padding:10px;margin-top:15px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.settings-main{display:grid;gap:18px}.settings-section{padding:21px 22px}.settings-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px}.settings-heading-icon{width:39px;height:39px;border-radius:8px;background:#17404a;color:var(--cyan);display:grid;place-items:center}.settings-heading h3{font-size:14px;margin:0 0 4px}.settings-heading p{font-size:10px;color:var(--muted);margin:0}.setting-row{border-top:1px solid var(--line);min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:16px}.setting-row>div:first-child strong,.setting-row>div:first-child span{display:block}.setting-row>div:first-child strong{font-size:11px}.setting-row>div:first-child span{font-size:10px;color:var(--muted);margin-top:5px}.theme-options{display:flex;gap:6px}.theme-options button{border:1px solid var(--line);background:var(--panel-alt);color:var(--muted);border-radius:5px;padding:7px 12px;display:flex;align-items:center;gap:6px;font-size:10px}.theme-options button.active{border-color:#2a9494;background:#1a454b;color:var(--cyan)}.switch{display:inline-block;position:relative;width:37px;height:21px;flex:none}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;top:0;right:0;bottom:0;left:0;background:#385061;border-radius:20px;cursor:pointer}.switch span:before{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;background:#c8d8dd;border-radius:50%;transition:transform .15s}.switch input:checked+span{background:#1aaead}.switch input:checked+span:before{transform:translate(16px);background:#eafcfa}.slider-wrap{display:flex;align-items:center;gap:9px}.slider-wrap input{accent-color:#2bcaca;width:120px}.slider-wrap strong{font-size:11px}.settings-save{display:flex;align-items:center;gap:13px}.settings-save span{font-size:10px;color:var(--muted)}.settings-aside{display:grid;gap:18px;align-content:start}.about-card{padding:23px}.about-icon{width:52px;height:52px;border-radius:10px;background:#163f48;color:var(--cyan);display:grid;place-items:center}.about-card h3{font-size:15px;margin:18px 0 7px}.about-card p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.about-separator{height:1px;background:var(--line);margin:20px 0 8px}.about-card>div:not(.about-icon):not(.about-separator){display:flex;justify-content:space-between;padding:8px 0;font-size:10px;color:var(--muted)}.about-card strong{color:var(--text)}.info-banner.vertical{align-items:flex-start}.info-banner.vertical svg{margin-top:2px}@media(max-width:1350px){.sidebar{width:225px;flex-basis:225px}.main-content{padding:25px}.topbar{padding:0 25px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.hero-visual{margin-right:0}.monitor-grid{grid-template-columns:1.4fr 1fr}.recognition-category{padding:11px}.recognition-category span{display:none}.map-layout{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:1100px){.metrics-grid,.task-stat-grid,.recognition-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.lower,.monitor-grid,.monitor-grid.bottom,.recognition-layout,.settings-layout,.map-layout{grid-template-columns:1fr}.map-side{grid-template-columns:1fr 1fr}.map-canvas{height:560px}.robot-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-clock{display:none}}@media(max-width:760px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .2s;width:252px}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:29}.mobile-menu{display:grid}.main-content{padding:19px 16px 35px}.topbar{height:55px;padding:0 13px}.topbar-right .system-indicator,.top-divider{display:none}.page-heading h1{font-size:21px}.page-heading .eyebrow{font-size:8px}.heading-status{display:none}.hero-panel{padding:24px;min-height:190px}.hero-panel h2{font-size:20px}.hero-visual{display:none}.metrics-grid,.task-stat-grid,.robot-card-grid,.recognition-categories,.map-side{grid-template-columns:1fr 1fr}.map-legend{flex-wrap:wrap;gap:8px 12px}.map-toolbar{align-items:flex-start}.map-toolbar .simulation-ribbon{display:none}.camera-grid{grid-template-columns:1fr}.monitor-toolbar{align-items:flex-start;flex-direction:column}.form-grid,.ordered-list{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.workflow-steps{grid-template-columns:1fr 1fr}.control-content{gap:12px}.task-commands .btn{flex:1}.settings-layout{display:block}.settings-aside{margin-top:18px}}@media(max-width:500px){.metrics-grid,.task-stat-grid,.robot-card-grid,.recognition-categories,.map-side{grid-template-columns:1fr}.dashboard-grid,.dashboard-grid.lower{gap:15px}.robot-summary{flex-direction:column}.robot-silhouette{width:100%;min-height:110px}.hero-actions,.table-toolbar{flex-wrap:wrap}.search-box{width:100%}.monitor-toolbar .simulation-ribbon{font-size:10px}.map-canvas{min-height:370px;height:370px}.map-footer{flex-direction:column}.control-content{flex-direction:column;align-items:stretch}.dpad{align-self:center}.workflow-steps{grid-template-columns:1fr}.settings-section{padding:17px}.setting-row{align-items:flex-start;flex-direction:column;padding:13px 0}.report-summary{grid-template-columns:1fr}}