:root{color-scheme:dark;--bg:#071018;--panel:rgba(12,27,38,0.88);--panel-strong:#0d1d29;--border:rgba(151,181,198,0.16);--text:#eaf3f5;--muted:#8298a7;--cyan:#4fd8e8;--green:#1ee3a4;--amber:#ffc15a;--red:#ff6379;--radius:18px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 8%,rgba(30,227,164,.1),transparent 28rem),radial-gradient(circle at 88% 22%,rgba(79,216,232,.08),transparent 34rem),#071018}button,input{font:inherit}a,button{color:inherit}a{text-decoration:none}.eyebrow{color:var(--green);font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 55px rgba(0,0,0,.18)}.status-dot{width:8px;height:8px;border-radius:50%;background:#455b68;display:inline-block;box-shadow:0 0 0 4px rgba(87,108,120,.08)}.status-dot--online{background:var(--green);box-shadow:0 0 0 4px rgba(30,227,164,.12),0 0 18px rgba(30,227,164,.45)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:stretch}.login-brand{padding:clamp(48px,8vw,120px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand h1{font-size:clamp(56px,7vw,104px);line-height:.94;letter-spacing:-.055em;margin:24px 0 30px;max-width:900px}.login-brand p{color:#9cb0bc;font-size:18px;line-height:1.8;max-width:690px}.login-card{margin:32px;padding:clamp(28px,4vw,54px);background:rgba(11,25,35,.92);border:1px solid var(--border);border-radius:26px;align-self:center;box-shadow:0 30px 100px rgba(0,0,0,.34);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-card__header{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.login-card h2{margin:42px 0 8px;font-size:32px;letter-spacing:-.03em}.login-card form{display:grid;grid-gap:22px;gap:22px;margin-top:30px}.login-card label{display:grid;grid-gap:10px;gap:10px;color:#a9bac4;font-size:13px}.login-card input{width:100%;background:#07131c;border:1px solid #223846;border-radius:12px;color:var(--text);padding:14px 16px;outline:none}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(30,227,164,.1)}.role-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.role-card{text-align:left;display:grid;grid-gap:8px;gap:8px;padding:18px;background:#091720;border:1px solid #203542;border-radius:14px;cursor:pointer}.role-card strong{font-size:15px}.role-card span{color:var(--muted);font-size:12px;line-height:1.55}.role-card--active{border-color:var(--green);background:rgba(30,227,164,.07);box-shadow:inset 0 0 0 1px rgba(30,227,164,.16)}.ghost-button,.primary-button,.secondary-button{border-radius:11px;padding:13px 18px;border:1px solid transparent;cursor:pointer;font-weight:700;transition:.18s ease}.primary-button{background:var(--green);color:#052019}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.55}.secondary-button{background:#122633;border-color:#2a4453}.ghost-button{background:transparent;border-color:var(--border);color:#b9c9d0}.form-error{color:#ff91a1;background:rgba(255,99,121,.08);padding:12px;border-radius:10px}.dev-warning{color:#6e8491;font-size:11px;line-height:1.6;margin:24px 0 0}.signal-radar{position:absolute;width:520px;height:520px;right:-120px;bottom:-140px;opacity:.34}.signal-radar span{position:absolute;inset:20%;border:1px solid var(--green);border-radius:50%}.signal-radar span:nth-child(2){inset:5%;opacity:.5}.signal-radar span:nth-child(3){inset:-10%;opacity:.25}.signal-radar i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 25px var(--green)}.console-shell{min-height:100vh;padding:18px}.console-header{height:72px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(180px,1fr);align-items:center;grid-gap:24px;gap:24px;padding:0 8px 18px}.console-header__brand{display:flex;align-items:center;gap:13px}.console-header__brand strong{display:block;margin-top:4px;font-size:16px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(30,227,164,.45);border-radius:11px;color:var(--green);font:800 20px ui-monospace;background:rgba(30,227,164,.06)}.header-metrics{display:flex;gap:28px}.header-metric{display:grid;grid-gap:5px;gap:5px;min-width:82px}.header-metric span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.header-metric strong{font:700 12px ui-monospace;text-transform:uppercase}.metric-value--good{color:var(--green)}.metric-value--warn{color:var(--amber)}.console-header .ghost-button{justify-self:end}.console-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-template-rows:minmax(510px,calc(100vh - 330px)) auto;grid-gap:16px;gap:16px}.video-stage{position:relative;overflow:hidden;padding:8px;min-height:500px}.video-surface{position:relative;border:0;padding:0;background:#061018;border-radius:13px;overflow:hidden;cursor:pointer;text-align:left}.video-surface,.video-surface video{display:block;width:100%;height:100%}.video-surface video{object-fit:cover}.video-placeholder{width:100%;height:100%;min-height:160px;display:grid;place-items:center;color:#607987;font:600 12px ui-monospace;position:relative;overflow:hidden}.video-placeholder__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(89,126,143,.08) 1px,transparent 0),linear-gradient(90deg,rgba(89,126,143,.08) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle,black,transparent 75%);mask-image:radial-gradient(circle,black,transparent 75%)}.video-surface__label{position:absolute;left:16px;top:15px;padding:8px 10px;display:flex;align-items:center;gap:8px;border-radius:8px;background:rgba(3,12,18,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:700 10px ui-monospace;letter-spacing:.08em}.live-pill{position:absolute;right:16px;top:15px;background:var(--red);border-radius:7px;padding:6px 9px;font:800 10px ui-monospace;letter-spacing:.12em}.video-thumbnails{position:absolute;right:22px;bottom:22px;display:grid;grid-gap:10px;gap:10px;width:min(260px,27%);height:43%;z-index:2}.video-thumbnails .video-surface{border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.35)}.video-thumbnails .video-surface__label{top:9px;left:9px;font-size:8px;padding:6px 7px}.video-thumbnails .video-placeholder{min-height:0}.video-overlay-stats{position:absolute;left:24px;bottom:24px;display:grid;grid-gap:6px;gap:6px;color:var(--muted);font:600 10px ui-monospace;letter-spacing:.12em}.video-overlay-stats strong{color:var(--text);font-size:13px}.control-column{display:grid;grid-template-rows:auto auto 1fr;grid-gap:16px;gap:16px}.control-column .panel,.joint-panel{padding:20px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h3{margin:6px 0 0;font-size:18px}.lease-badge{font:700 10px ui-monospace;padding:7px 8px;border-radius:7px;background:rgba(255,193,90,.1);color:var(--amber)}.lease-badge--active{background:rgba(30,227,164,.1);color:var(--green)}.lease-holder{display:grid;grid-gap:5px;gap:5px;padding:18px 0}.lease-holder span{color:var(--muted);font-size:11px}.lease-holder strong{font-size:14px}.lease-panel button{width:100%}.observer-note{color:var(--muted);font-size:12px;line-height:1.6;padding:12px;background:rgba(255,255,255,.025);border-radius:9px}.safety-panel{border-color:rgba(255,193,90,.2)}.safety-panel--enabled{border-color:rgba(30,227,164,.36);box-shadow:inset 0 0 35px rgba(30,227,164,.035)}.safety-panel--safe-stop{border-color:rgba(255,99,121,.34)}.safety-panel p{color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.safety-icon{color:var(--amber)}.safety-panel--enabled .safety-icon{color:var(--green);text-shadow:0 0 14px var(--green)}.safety-panel--safe-stop .safety-icon{color:var(--red)}.deadman-button{width:100%;min-height:72px;border-radius:13px;border:1px solid #314956;background:#0a1720;cursor:pointer;display:grid;grid-gap:5px;gap:5px;place-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.deadman-button span{font-weight:800}.deadman-button small{color:var(--muted)}.deadman-button--pressed{color:#052019;background:var(--green);border-color:var(--green);box-shadow:0 0 30px rgba(30,227,164,.22);transform:translateY(1px)}.deadman-button--pressed small{color:#17483c}.stream-panel{position:relative;overflow:hidden}.stream-number{font:300 58px/1 ui-monospace;margin:18px 0}.stream-number small{color:var(--muted);font-size:17px}.stream-line{height:44px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(127,161,177,.08) 15px)}.stream-line i{position:absolute;left:0;right:0;top:21px;height:1px;background:#3b5360}.stream-line i.stream-line--active{background:var(--green);box-shadow:0 0 13px var(--green);animation:pulseLine .9s ease-in-out infinite}.stream-meta{display:flex;justify-content:space-between;color:var(--muted);font:600 9px ui-monospace}.joint-grid{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.unit{color:var(--muted);font:700 10px ui-monospace}.joint-list{display:grid;grid-gap:11px;gap:11px;margin-top:17px}.joint-row{display:grid;grid-template-columns:28px 1fr 62px 58px;align-items:center;grid-gap:10px;gap:10px;font:600 10px ui-monospace}.joint-row>span{color:var(--muted)}.joint-row strong{text-align:right;font-size:11px}.joint-bar{height:4px;border-radius:4px;background:#182d39;overflow:hidden}.joint-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));border-radius:inherit;transition:width .1s linear}.delta{text-align:right;color:#5f7c8a;font-style:normal}.delta--warn{color:var(--amber)}.simulator-shell{min-height:100vh;max-width:1500px;margin:auto;padding:28px}.simulator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.simulator-header h1{margin:8px 0 0;font-size:28px}.simulator-state{display:flex;align-items:center;gap:12px;color:var(--muted);font:600 12px ui-monospace}.simulator-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}.simulator-camera{padding:9px;position:relative;overflow:hidden}.simulator-camera:first-child{grid-row:span 2}.simulator-camera span{position:absolute;z-index:2;left:22px;top:20px;font:700 10px ui-monospace;letter-spacing:.1em}.simulator-camera canvas{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;border-radius:11px}.simulator-camera:first-child canvas{min-height:620px}.simulator-footer{margin-top:16px;padding:22px;display:grid;grid-template-columns:repeat(3,1fr) 2fr;grid-gap:24px;gap:24px}.simulator-footer div{display:grid;grid-gap:7px;gap:7px}.simulator-footer span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.simulator-footer strong{font:700 12px ui-monospace}@keyframes pulseLine{0%,to{opacity:.45;transform:scaleX(.7);transform-origin:left}50%{opacity:1;transform:scaleX(1)}}@media (max-width:1100px){.console-header{grid-template-columns:1fr auto;height:auto}.header-metrics{grid-row:2;grid-column:1/-1;justify-content:space-between;padding:12px 0}.console-grid{grid-template-columns:1fr;grid-template-rows:520px auto auto}.control-column{grid-template-columns:repeat(3,1fr);grid-template-rows:none}.joint-grid{grid-column:1}}@media (max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{padding:46px 24px 16px}.login-brand h1{font-size:54px}.login-card{margin:20px}.control-column,.joint-grid,.role-grid{grid-template-columns:1fr}.console-header{display:flex;flex-wrap:wrap}.header-metrics{width:100%;overflow-x:auto}.console-grid{grid-template-rows:440px auto auto}.video-thumbnails{width:38%}.simulator-grid{grid-template-columns:1fr}.simulator-camera:first-child{grid-row:auto}.simulator-camera:first-child canvas{min-height:300px}.simulator-footer{grid-template-columns:1fr 1fr}}