:root{--bg:#07110f;--panel:#0d1c18;--line:#243932;--text:#e8efec;--muted:#7e9189;--lime:#b9f44b;--mint:#66e6ad;--amber:#ffc766;--red:#ff7379;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{background:var(--bg);touch-action:manipulation}body{margin:0;color:var(--text);background:radial-gradient(circle at 20% 0,#132c23 0,transparent 30%),var(--bg);font-family:var(--sans);min-height:100vh}button,select{font:inherit}button{-webkit-tap-highlight-color:transparent}header{height:68px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(7,17,15,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.back{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--line);border-radius:9px;color:var(--text);text-decoration:none}.brand{display:flex;gap:9px;align-items:center;min-width:0}.brand img{width:43px;height:43px;object-fit:contain}.brand b{display:block;font-size:15px;letter-spacing:.16em}.brand small{display:block;color:var(--muted);font:7px var(--mono);letter-spacing:.09em}.demo-badge{padding:6px 8px;border:1px solid #615129;border-radius:99px;color:var(--amber);font:7px var(--mono)}main{max-width:760px;margin:auto;padding:12px 12px 40px}.notice{display:grid;gap:3px;padding:10px 12px;border:1px solid #544728;border-radius:8px;background:#201c10;color:#d9c795}.notice b{font:8px var(--mono);letter-spacing:.08em}.notice span{font-size:9px;line-height:1.45}.vehicle-picker,.lease-card,.tracking-card,.mode-card,.controls-card,.safety-checks{margin-top:10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#10211c,#0a1714);overflow:hidden}.vehicle-picker{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px}.vehicle-picker small,.mode-card small,.controls-head small,.lift-controls>small{display:block;margin-bottom:5px;color:var(--muted);font:7px var(--mono);letter-spacing:.08em}.vehicle-picker select{width:100%;padding:10px 32px 10px 10px;border:1px solid #324b42;border-radius:7px;background:#0a1714;color:var(--text);font-size:11px}.vehicle-state{display:flex;align-items:center;gap:8px}.vehicle-state>i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.vehicle-state b{display:block;font:9px var(--mono)}.lease-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border-color:#3e5634;background:#152111}.lease-card.locked{border-color:#663a3c;background:#251516}.lease-card p{margin:0 0 5px;color:var(--lime);font:8px var(--mono);letter-spacing:.08em}.lease-card strong{display:block;font-size:12px}.lease-card span{display:block;margin-top:3px;color:var(--muted);font-size:8px}.lease-card button{flex:0 0 auto;padding:10px 12px;border:0;border-radius:7px;background:var(--lime);color:#12200c;font-size:9px;font-weight:800}.tracking-head,.controls-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.tracking-head span:first-child b{display:block;font-size:11px}.tracking-head span:first-child small{display:block;color:var(--muted);font:7px var(--mono)}.latency{color:var(--muted);font:7px var(--mono)}.latency b{color:var(--text)}.tracking-view{height:290px;position:relative;overflow:hidden;background:#08120f}.tracking-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(76,117,103,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(76,117,103,.12) 1px,transparent 1px);background-size:28px 28px}.tracking-view:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 20%,rgba(10,30,23,.28) 21% 35%,transparent 36% 45%,rgba(10,30,23,.35) 46% 60%,transparent 61%)}.forklift-shape{position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%);width:58px;height:86px;border:2px solid var(--lime);border-radius:10px;background:#16241b;box-shadow:0 0 20px rgba(185,244,75,.12)}.forklift-shape i{position:absolute;left:13px;right:13px;top:-22px;height:24px;border:2px solid var(--lime);border-bottom:0}.forklift-shape b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:9px var(--mono)}.safe-zone{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:230px;height:230px;border:1px dashed rgba(102,230,173,.55);border-radius:50%;box-shadow:0 0 0 55px rgba(102,230,173,.025)}.tracking-label{position:absolute;z-index:4;padding:4px 6px;border-radius:4px;background:#13251f;color:#8da199;font:7px var(--mono)}.front{left:50%;top:12px;transform:translateX(-50%)}.rear{left:50%;bottom:26px;transform:translateX(-50%)}.left{left:8px;top:50%;transform:translateY(-50%)}.right{right:8px;top:50%;transform:translateY(-50%)}.object{position:absolute;z-index:5;color:var(--amber);font:7px var(--mono)}.object i{display:block;width:11px;height:11px;margin:auto;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.object span{display:block;margin-top:4px;padding:3px 5px;background:#282011;white-space:nowrap}.person{right:16%;top:20%}.pallet{left:13%;bottom:20%;color:#9dc8ff}.tracking-view>p{position:absolute;z-index:5;left:0;right:0;bottom:5px;margin:0;text-align:center;color:#61766e;font:7px var(--mono)}.sensor-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.sensor-strip span{padding:10px 5px;background:#0e1b17;text-align:center;color:#9badA6;font:7px var(--mono)}.sensor-strip i,.safety-checks i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%}.ok{background:var(--mint);box-shadow:0 0 6px var(--mint)}.watch{background:var(--amber)}.pending{background:#566962}.mode-card{display:flex;justify-content:space-between;align-items:center;padding:13px 14px}.mode-card strong{font-size:11px}.mode-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#081410}.mode-switch button{padding:8px 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font:8px var(--mono)}.mode-switch button.active{background:var(--lime);color:#12200c}.controls-card{padding-bottom:14px}.controls-head strong{display:block;font-size:11px}.heartbeat{color:var(--muted);font:7px var(--mono)}.heartbeat i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#566962}.heartbeat.on i{background:var(--mint);box-shadow:0 0 7px var(--mint)}.control-layout{display:grid;grid-template-columns:1fr .7fr;gap:18px;padding:18px}.dpad{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,58px);gap:6px;justify-content:center}.command{border:1px solid #365248;border-radius:12px;background:#142720;color:#d6e2de;font-weight:800;touch-action:none;user-select:none}.command:disabled{opacity:.35}.command.pressed{background:var(--lime);color:#11200a;transform:scale(.97)}.forward{grid-column:2;grid-row:1}.left{grid-column:1;grid-row:2}.stop{grid-column:2;grid-row:2;border-color:#763e40;color:var(--red);background:#271617}.right{grid-column:3;grid-row:2}.reverse{grid-column:2;grid-row:3}.lift-controls{display:grid;grid-template-rows:auto 1fr auto 1fr;gap:7px;text-align:center}.lift-controls>button{min-height:56px}.lift-controls button span{display:block;font:7px var(--mono)}.lift-controls>div b{font:22px var(--mono)}.lift-controls>div span{color:var(--muted);font:8px var(--mono)}.deadman,.emergency{display:block;width:calc(100% - 28px);margin:0 14px;padding:13px;border-radius:8px;font:700 9px var(--mono);letter-spacing:.04em}.deadman{border:1px solid #496731;background:#1b2814;color:var(--lime);touch-action:none}.deadman.active{background:var(--lime);color:#12200c}.emergency{margin-top:9px;border:1px solid #7a3a3d;background:#2d1618;color:var(--red)}.safety-checks{padding:15px}.safety-checks h2{margin:0 0 12px;font-size:13px}.safety-checks>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.safety-checks span{padding:8px;background:#0a1713;border-radius:6px;color:#9badA6;font:7px var(--mono)}.safety-checks p{margin:12px 0 0;color:#6f827a;font-size:8px;line-height:1.5}@media(max-width:520px){header{padding-inline:10px}.brand img{width:38px;height:38px}.demo-badge{font-size:6px}.vehicle-picker{grid-template-columns:1fr}.vehicle-state{display:none}.tracking-view{height:250px}.sensor-strip{grid-template-columns:repeat(2,1fr)}.mode-card{align-items:flex-start;gap:10px;flex-direction:column}.mode-switch{width:100%}.mode-switch button{flex:1}.control-layout{grid-template-columns:1fr;padding-inline:10px}.dpad{grid-template-columns:repeat(3,70px);grid-template-rows:repeat(3,60px)}.lift-controls{grid-template-columns:1fr 70px 70px;grid-template-rows:auto 60px}.lift-controls>small{grid-column:1/4}.lift-controls>div{grid-column:2;grid-row:2;align-self:center}.lift-controls>button:first-of-type{grid-column:1;grid-row:2}.lift-controls>button:last-of-type{grid-column:3;grid-row:2}.safety-checks>div{grid-template-columns:repeat(2,1fr)}}
.speed-control{display:grid;gap:.5rem;margin:1rem auto 0;max-width:480px;color:#dbeafe}.speed-control span{display:flex;justify-content:space-between;font-size:.78rem;letter-spacing:.08em}.speed-control input{width:100%;accent-color:#22d3ee}.speed-control small{text-align:center;color:#94a3b8}
.control-tuning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;margin:1rem auto 0}.control-tuning .tuning-control{display:grid;gap:.5rem;max-width:none;margin:0;padding:10px 12px;border:1px solid #365248;border-radius:10px;background:#0b1b17;color:#dbeafe}.tuning-control span{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;letter-spacing:.06em}.tuning-control input{width:100%;accent-color:#22d3ee}.sensitivity-control input{accent-color:var(--lime)}.tuning-control small{text-align:center;color:#94a3b8}@media(max-width:520px){.control-tuning{grid-template-columns:1fr}}