:root{color:#edf8ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#030711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:#030711;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit}:root{--cyan:#6ce8ff;--panel:#050d1cde;--line:#6ed6ff42;--muted:#8ca6b8;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}.app-shell{background:radial-gradient(circle at 50% 38%,#103d5b54,#0000 42%),#030711;min-height:100vh;position:relative;overflow:hidden}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:20px;display:flex;position:fixed;inset:18px 24px auto}.topbar>*,.top-actions>*{pointer-events:auto}.eyebrow{color:var(--cyan);font:700 10px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase}h1{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(19px,2.4vw,32px);font-weight:650}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button,.login-dialog button{cursor:pointer;background:#04192fe6;border:1px solid #6ce8ff80;border-radius:10px;padding:9px 13px}.top-actions button:hover,.login-dialog button:hover{border-color:var(--cyan);background:#0091c940}.connection-pill{border:1px solid var(--line);font:700 10px var(--mono);background:#04101fd6;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;display:inline-flex}.connection-pill i,.card-beacon,.process-dot{background:#f1b84b;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #f1b84b}.connection-live i{background:#58f5b0;box-shadow:0 0 10px #58f5b0}.visual-stage{height:100vh;min-height:700px;position:relative}.visual-stage canvas{display:block;width:100%!important;height:100%!important}.stage-note{z-index:10;color:#7893a6;font:10px var(--mono);letter-spacing:.06em;gap:14px;display:flex;position:fixed;bottom:22px;left:24px}.stage-note span:first-child{color:var(--cyan)}.carousel-rail{z-index:12;align-items:center;gap:12px;width:min(1000px,100vw - 48px);display:flex;position:absolute;top:104px;left:50%;transform:translate(-50%)}.carousel-track{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;display:grid}.carousel-arrow{height:58px;color:var(--cyan);cursor:pointer;background:#041425e6;border:1px solid #6ce8ff6b;border-radius:10px;flex:0 0 34px;font:28px/1 system-ui}.carousel-arrow:hover{border-color:var(--cyan);background:#0091c940}.orbital-card{color:#e9f7fc;text-align:left;cursor:pointer;background:linear-gradient(145deg,#091d33f5,#050a19e0);border:1px solid #7dd0ff38;border-radius:14px;flex-direction:column;gap:7px;width:100%;min-height:132px;padding:13px;transition:all .26s;display:flex;box-shadow:0 15px 42px #00000052,inset 0 0 24px #35bbff0d}.orbital-card:hover,.orbital-card.is-selected{border-color:var(--cyan);box-shadow:0 0 28px #41ceff3d,inset 0 0 25px #41ceff17}.orbital-card.is-neighbor{opacity:.72;filter:saturate(.66)}.orbital-card.is-selected{min-height:145px;transform:translateY(-4px)}.orbital-card.status-running,.orbital-card.status-live{border-color:#52f5b299}.orbital-card.status-auth_required,.orbital-card.status-offline{border-color:#f6949466}.card-topline,.card-footer{font:700 10px var(--mono);justify-content:space-between;align-items:center;gap:8px;display:flex}.card-status{color:#a1c7d7;font-size:8px}.orbital-card strong{letter-spacing:-.02em;font-size:16px}.card-summary{min-height:30px;color:var(--muted);font-size:10px;line-height:1.35}.card-footer{color:#89a8ba;border-top:1px solid #ffffff14;margin-top:auto;padding-top:7px;font-size:8px}.orbital-card.is-selected .card-footer span:last-child{color:var(--cyan)}.workspace-dock{z-index:15;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020a16d1;border:1px solid #67dcff42;border-radius:17px;max-height:42vh;padding:12px;position:fixed;inset:auto 18px 34px;overflow:auto;box-shadow:0 22px 60px #0006}.dock-heading{color:#7998a8;font:10px var(--mono);justify-content:space-between;align-items:center;gap:12px;margin:0 4px 10px;display:flex}.dock-heading strong{color:#effaff;margin-top:4px;font:700 14px system-ui;display:block}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;display:grid}.workspace-panel{background:#061122db;border:1px solid #6dcff52e;border-radius:13px;min-width:0;padding:13px}.panel-heading,.panel-meta,.detail-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-heading h2{margin:5px 0 0;font-size:17px}.panel-status,.process-state{font:700 9px var(--mono);color:#9bb9c6}.panel-meta{color:var(--muted);margin:8px 0;font-size:10px;line-height:1.35}.panel-meta time{color:#6f91a2;font:9px var(--mono);flex-shrink:0}.process-list{gap:5px;display:grid}.process-row{text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #8ac7dd1f;border-radius:8px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;display:grid}.process-row:hover{background:#6ce8ff0f;border-color:#6ce8ff73}.process-dot{width:6px;height:6px;box-shadow:none;background:#94a3b8}.process-running{background:#58f5b0;box-shadow:0 0 8px #58f5b0}.process-waiting_approval{background:#f4c95d;box-shadow:0 0 8px #f4c95d}.process-failed{background:#f28383;box-shadow:0 0 8px #f28383}.process-main{gap:2px;min-width:0;display:grid}.process-main strong{color:#e7f5fb;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.process-main small{color:#7695a6;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-evidence{color:var(--muted);border:1px dashed #96b7c433;border-radius:8px;gap:4px;padding:13px 10px;font-size:10px;display:grid}.empty-evidence strong{color:#e8f7fd}.process-detail{border-left:2px solid var(--cyan);background:#5fcaf40f;margin-top:8px;padding:10px}.detail-heading{color:var(--cyan);font:700 9px var(--mono)}.process-detail dl{gap:5px;margin:8px 0 0;display:grid}.process-detail dl div{grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:10px;display:grid}.process-detail dt{color:#6f91a2;font-family:var(--mono)}.process-detail dd{color:#d8edf5;overflow-wrap:anywhere;margin:0}.approval-note{color:#f4c95d;font:10px/1.4 var(--mono);margin:10px 0 0}.signature{z-index:20;color:#557080;font:9px var(--mono);position:fixed;bottom:12px;right:20px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00050fb3;place-items:center;display:grid;position:fixed;inset:0}.login-dialog{background:#071426;border:1px solid #6ce8ff80;border-radius:17px;gap:12px;width:min(390px,100vw - 32px);padding:22px;display:grid;box-shadow:0 24px 80px #0009}.login-dialog h2{margin:0;font-size:22px}.login-dialog p,.login-dialog small{color:var(--muted);font-size:12px;line-height:1.45}.login-dialog input{color:#fff;background:#030b17;border:1px solid #90c7de40;border-radius:9px;outline:none;padding:11px 12px}.login-dialog input:focus{border-color:var(--cyan)}@media (width<=720px){.topbar{inset:12px 14px auto}.topbar h1{font-size:18px}.connection-pill{display:none}.visual-stage{min-height:760px}.carousel-rail{gap:6px;width:calc(100vw - 20px);top:94px}.carousel-track{gap:6px}.carousel-arrow{flex-basis:28px;height:48px}.orbital-card{min-height:118px;padding:10px}.orbital-card.is-neighbor{display:none}.workspace-dock{max-height:48vh;inset:auto 8px 28px}.workspace-grid{grid-template-columns:1fr}.stage-note{font-size:8px;bottom:8px;left:12px}.stage-note span:last-child{display:none}.signature{font-size:7px;bottom:8px;right:8px}}