:root{--ink:#e8f0f7;--muted:#8294a8;--bg:#07111d;--panel:#0e1b29;--line:#203247;--amber:#ffb454;--green:#41d69b;--red:#ff6b70;--blue:#54b8ff;--cream:#dce8f3;--cyan:#42d6d0;--violet:#9a8cff}*{scrollbar-color:#294158 transparent}html{background:#050b13}body{padding:20px;background:radial-gradient(circle at 12% 0,#12304a 0,transparent 34%),radial-gradient(circle at 88% 8%,#251b45 0,transparent 28%),linear-gradient(145deg,#050b13,#081522 55%,#06101a);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0}.noise{opacity:.014}.shell{max-width:1880px;min-height:calc(100vh - 40px);grid-template-columns:270px minmax(0,1fr);grid-template-rows:82px minmax(0,1fr) 86px;border:1px solid #273b50;border-radius:24px;background:rgba(7,16,27,.88);box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff05 inset;backdrop-filter:blur(22px)}.topbar{padding:0 26px;border-bottom:1px solid #213448;background:linear-gradient(90deg,rgba(13,29,44,.96),rgba(10,21,34,.92))}.brand{gap:13px}.brand-mark{width:46px;height:46px;border:0;border-radius:13px;background:linear-gradient(145deg,#5cc8ff,#746cff);color:#06111d;font:bold 17px Inter,sans-serif;transform:none;box-shadow:0 9px 25px #4ca9ff35,inset 0 1px #fff8}.brand h1{font:750 20px Inter,"Segoe UI",sans-serif;letter-spacing:2.5px;color:#f4f8fb}.brand p{margin-top:5px;font-size:9px;letter-spacing:1.25px;color:#71869a}.top-status{gap:10px}.clock{padding-right:5px;color:#a9bad0;font-size:12px;font-variant-numeric:tabular-nums}.pill{border-color:#2a4055;border-radius:999px;padding:9px 13px;background:#0b1825;color:#9db0c4;font-size:9px}.icon-btn{border-color:#2b4054;border-radius:10px;background:#0c1926;color:#8ca0b5;transition:.2s}.icon-btn:hover{border-color:#4f7796;color:#d9e8f2;transform:translateY(-1px)}.sidebar{padding:24px 17px;border-right:1px solid #203246;background:linear-gradient(180deg,rgba(11,25,38,.96),rgba(8,18,29,.94))}.section-label,.eyebrow{font-weight:700;letter-spacing:1.4px;color:#60758a}.nav-item{gap:13px;margin-bottom:7px;padding:12px;border-radius:12px;color:#8da0b4;transition:background .2s,border-color .2s,transform .2s}.nav-item:hover{border-color:#29465e;background:#102335;transform:translateX(2px)}.nav-item.active{border-color:#356d8a;background:linear-gradient(100deg,#12344a,#102538);color:#74d5ff;box-shadow:inset 3px 0 #51c4f2,0 10px 24px #02091255}.nav-item.active b{color:#6dd4ff}.nav-item span{font-size:12px}.nav-item small{margin-top:4px;color:#60778c}.module-card,.safety-card{border-color:#22394d;border-radius:15px;background:linear-gradient(145deg,#0f2130,#0b1824);box-shadow:0 15px 30px #02091238}.module-card{margin-top:22px}.module-card>strong{font:650 17px Inter,sans-serif;color:#deebf4}.module-card dl{line-height:2}.safety-card>div{border-color:#203548}.content{padding:22px 24px 24px;background:linear-gradient(145deg,rgba(6,15,25,.15),rgba(11,24,37,.28))}.web-mode-banner{border-color:#2c5971;border-radius:14px;background:linear-gradient(100deg,#102c40,#14263b 60%,#201d3a);box-shadow:0 12px 32px #02091340}.web-mode-banner b{color:#64d7ff}.page-head{margin-bottom:17px}.page-head h2{font:700 27px Inter,"Segoe UI",sans-serif;letter-spacing:-.7px}.eyebrow span{color:#56c9f4}.session-id{padding:8px 11px;border:1px solid #263c50;border-radius:9px;background:#0b1824}.metrics{gap:12px}.metric{min-height:112px;border-color:#22384c;border-radius:16px;background:linear-gradient(145deg,#102131,#0c1926);box-shadow:0 14px 34px #02081242;transition:transform .2s,border-color .2s}.metric:hover{transform:translateY(-2px);border-color:#365670}.metric:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#55738e}.metric.voltage:before{background:#ffb454}.metric:nth-child(2):before{background:#55c5ff}.metric:nth-child(3):before{background:#41d69b}.metric:nth-child(4):before{background:#9a8cff}.metric:after{border-color:#294258}.metric>span{font-weight:700;color:#71869a}.metric b{color:#a7b8c8}.metric em{font:650 30px Inter,sans-serif;color:#edf5fa;letter-spacing:-1.2px}.metric.voltage{border-color:#4c3e2d}.metric.voltage em{color:#ffbd67}.engine-console{margin-bottom:12px;border-color:#263c51;border-radius:17px;background:linear-gradient(120deg,#0e2130,#0b1826);box-shadow:0 15px 35px #02081240;overflow:hidden}.engine-title h3{font-family:Inter,sans-serif;font-weight:650}.ignition,.starter,.engine-stop{transition:.2s}.ignition:hover,.starter:hover,.engine-stop:not(:disabled):hover{background:#142c40;transform:translateY(-1px)}.grid-main{gap:12px}.panel{border-color:#22384c;border-radius:17px;background:linear-gradient(145deg,rgba(15,31,45,.96),rgba(9,20,31,.96));box-shadow:0 16px 38px #0208123d}.panel-head h3{font:650 17px Inter,sans-serif;color:#e6eff6}.chart-panel #chart{border-radius:12px;background:#091520}.grid-lines path{stroke:#1b3042}.chart-line{stroke:#56c9f4;filter:drop-shadow(0 0 5px #56c9f477)}.area{fill:url(#fill)}.bus-row{border-color:#203548}.bus-icon{border-color:#294258;border-radius:10px}.bus-icon.active{border-color:#2f745f;background:#102b28}.text-btn{color:#61c8f4}.tag{border-radius:999px;padding:4px 8px;font-weight:700}.can-filter button,.can-config select,.can-config button,.can-tx input,.can-tx button,.uds-form input,.uds-form select,.uds-form button{border-radius:8px}.log{border-radius:10px;background:#07131e}.controlbar{grid-template-columns:270px 190px 1fr 125px 170px;border-color:#203448;background:linear-gradient(90deg,#0d1d2b,#091725)}.toggle{border-radius:999px}.toggle i{border-radius:50%}.stop,.start{border-radius:11px}.start{margin-right:14px;background:linear-gradient(135deg,#e49b3d,#ffbd68);color:#17202a}.start:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5bc9f5;outline-offset:2px}@media(max-width:1280px){body{padding:10px}.shell{min-height:calc(100vh - 20px);grid-template-columns:225px 1fr;border-radius:18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.dtc-panel,.log-panel{grid-column:auto;grid-row:auto}.controlbar{grid-template-columns:225px 170px 1fr 110px 155px}}@media(max-width:850px){body{padding:0}.shell{display:block;min-height:100vh;border:0;border-radius:0;overflow:visible}.topbar{position:sticky;top:0;z-index:20;height:72px}.brand p,.clock{display:none}.sidebar{border:0;border-bottom:1px solid #203448}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.nav-item{margin:0}.nav-item b,.nav-item small,.module-card,.safety-card{display:none}.nav-item span{text-align:center}.content{padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}.engine-console{grid-template-columns:1fr 1fr}.engine-title{grid-column:1/3}.grid-main{display:block}.panel{margin-bottom:12px}.controlbar{position:sticky;bottom:0;z-index:15;display:flex;height:76px;padding:8px;gap:8px}.arm-control{display:none}.interlock{min-width:150px}.progress-wrap{flex:1}.controlbar .stop,.controlbar .start{height:52px;margin:0}.dtc-panel{overflow:auto}}@media(max-width:560px){.brand h1{font-size:16px}.top-status .pill{display:none}.sidebar nav{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start}.session-id{display:none}.page-head h2{font-size:23px}.metrics{grid-template-columns:1fr}.metric{min-height:96px}.engine-console{display:block}.engine-title,.engine-state,.ignition,.starter,.engine-stop,.throttle{min-height:68px;border-bottom:1px solid #203448}.web-mode-banner{padding:11px}.controlbar .stop{display:none}.interlock{min-width:120px}.progress-wrap>span{display:none}}