:root{--bg-space:#05060b;--bg-grid:#00f0ff08;--glow-cyan:0 0 10px #00f0ff66;--glow-magenta:0 0 10px #ff007f66;--neon-cyan:#00f0ff;--neon-magenta:#ff007f;--neon-amber:#ffb700;--neon-green:#39ff14;--neon-red:#ff3b30;--border-glass:#ffffff12;--border-glow-cyan:#00f0ff33;--border-glow-magenta:#ff007f33;--bg-glass:#0a0c16bf;--bg-glass-active:#121628e6}*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background-color:var(--bg-space);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.font-orbitron{letter-spacing:.05em;font-family:Orbitron,sans-serif}.font-mono{font-family:Share Tech Mono,Courier New,monospace}.text-cyan{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.text-magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.text-amber{color:var(--neon-amber);text-shadow:0 0 10px #ffb70066}.text-green{color:var(--neon-green);text-shadow:0 0 10px #39ff1466}.stars{opacity:.35;z-index:-3;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1.5px 1.5px at 40px 70px,#fff,#0000),radial-gradient(1px 1px at 90px 150px,#ddd,#0000),radial-gradient(2px 2px at 150px 240px,#00f0ff,#0000),radial-gradient(1.5px 1.5px at 250px 50px,#ff007f,#0000);background-repeat:repeat;background-size:300px 300px;animation:120s linear infinite backgroundShift;position:absolute;inset:0}.nebula{z-index:-2;background:radial-gradient(circle at 75% 30%,#ff007f0f 0%,#0000 50%),radial-gradient(circle at 20% 70%,#00f0ff0f 0%,#0000 60%);position:absolute;inset:0}.grid-overlay{background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);z-index:-1;background-position:50%;background-size:40px 40px;position:absolute;inset:0}@keyframes backgroundShift{0%{background-position:0 0}to{background-position:300px 600px}}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translateY(2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(2px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(2px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.hull-shake{animation:.3s infinite shake}.dashboard-container{flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:1.5rem;display:flex}.vessel-header{background:var(--bg-glass);border:1px solid var(--border-glass);border-bottom:2px solid var(--border-glow-cyan);backdrop-filter:blur(10px);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 30px #0006,inset 0 0 15px #00f0ff0d}.header-left{align-items:center;gap:1.2rem;display:flex}.vessel-badge{background:#00f0ff14;border:1px solid #00f0ff4d;border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .6rem;font-size:.75rem;display:flex}.pulse-indicator{background-color:var(--neon-cyan);width:8px;height:8px;box-shadow:var(--glow-cyan);border-radius:50%;animation:1.5s infinite pulseGlow;display:inline-block}@keyframes pulseGlow{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;box-shadow:0 0 12px var(--neon-cyan);transform:scale(1.15)}to{opacity:.6;transform:scale(.9)}}.vessel-title h1{letter-spacing:.1em;color:#fff;text-shadow:0 0 8px #ffffff1a;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900}.vessel-title .subtitle{color:#94a3b8;letter-spacing:.2em;margin-top:.1rem;font-size:.7rem}.header-center{gap:2rem;display:flex}.vessel-status-item{flex-direction:column;align-items:center;display:flex}.vessel-status-item .label{color:#64748b;letter-spacing:.1em;margin-bottom:.25rem;font-size:.65rem}.vessel-status-item .value{font-size:1.1rem;font-weight:700}.header-right{text-align:right;flex-direction:column;gap:.2rem;display:flex}.time-block{color:#94a3b8;font-size:.85rem}.time-block .value{color:#fff;margin-left:.3rem;font-weight:700}.cloudflare-block{justify-content:flex-end;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.cf-badge{color:#fff;background:#f38020;border-radius:2px;padding:.05rem .25rem;font-size:.65rem;font-weight:800}.cf-edge{color:var(--neon-cyan)}.dashboard-grid{flex:1;grid-template-columns:1fr 1.2fr 1fr;gap:1.5rem;display:grid}.grid-column{flex-direction:column;gap:1.5rem;display:flex}.glass-panel{background:var(--bg-glass);border:1px solid var(--border-glass);backdrop-filter:blur(10px);border-radius:8px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.glass-panel:hover{border-color:var(--border-glow-cyan);box-shadow:0 15px 40px #00f0ff0d}#widget-gravity:hover{border-color:var(--border-glow-cyan)}#widget-telemetry:hover{border-color:var(--border-glow-magenta)}.widget-header{border-bottom:1px solid var(--border-glass);background:#ffffff05;align-items:center;gap:.8rem;padding:.8rem 1.2rem;display:flex}.widget-icon{color:var(--neon-cyan);justify-content:center;align-items:center;display:flex}#widget-telemetry .widget-icon{color:var(--neon-magenta)}.widget-header h3{letter-spacing:.1em;color:#cbd5e1;flex:1;font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:700}.status-indicator{font-size:.7rem;font-weight:700}.widget-content{flex-direction:column;flex:1;justify-content:space-between;gap:1rem;padding:1.2rem;display:flex}.metric-display{text-align:center;padding:.5rem 0}.metric-large .number{font-size:3rem;font-weight:900}.metric-large .unit{color:#64748b;margin-left:.2rem;font-size:1.2rem}.metric-label{color:#94a3b8;letter-spacing:.15em;margin-top:.2rem;font-size:.7rem}.control-group label{color:#64748b;letter-spacing:.05em;margin-bottom:.6rem;font-size:.65rem;display:block}.slider-container{margin-bottom:.5rem;position:relative}.neon-slider{appearance:none;background:#1e293b;border:1px solid #ffffff0d;border-radius:3px;outline:none;width:100%;height:6px}.neon-slider::-webkit-slider-thumb{appearance:none;background:var(--neon-cyan);width:16px;height:16px;box-shadow:var(--glow-cyan);cursor:pointer;border:2px solid #fff;border-radius:50%;transition:transform .1s}.neon-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-marks{color:#475569;justify-content:space-between;margin-top:.4rem;font-size:.55rem;display:flex}.button-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}#btn-comp{grid-column:span 2}.btn{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:4px;justify-content:center;align-items:center;padding:.5rem .8rem;font-family:Share Tech Mono,monospace;font-size:.8rem;transition:all .2s;display:inline-flex}.btn:hover{background:#ffffff0d;border-color:#94a3b8}.btn-cyan{border-color:var(--neon-cyan);color:var(--neon-cyan);background:#00f0ff14}.btn-cyan:hover{box-shadow:var(--glow-cyan);background:#00f0ff33}.btn-magenta{border-color:var(--neon-magenta);color:var(--neon-magenta);background:#ff007f14}.btn-magenta:hover{box-shadow:var(--glow-magenta);background:#ff007f33}.btn-outline{border-color:#ffffff26}.btn-outline.active-outline{border-color:var(--neon-amber);color:var(--neon-amber);background:#ffb7000d}.btn-sm{padding:.3rem .6rem;font-size:.7rem}.stabilizer-stats{border-top:1px solid #ffffff0d;flex-direction:column;gap:.3rem;padding-top:.6rem;font-size:.65rem;display:flex}.stat-row{justify-content:space-between;display:flex}.propulsion-layout{flex:1;justify-content:space-around;align-items:center;gap:1rem;display:flex}.circular-progress-container{width:110px;height:110px;position:relative}.circular-svg{width:100%;height:100%;transform:rotate(-90deg)}.bg-circle{fill:none;stroke:#ffffff08;stroke-width:8px}.fg-circle{fill:none;stroke:var(--neon-cyan);stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0px 0px 4px var(--neon-cyan));transition:stroke-dashoffset .3s}.gauge-overlay{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gauge-overlay .value{color:#fff;font-size:1.4rem;font-weight:700}.gauge-overlay .label{color:#64748b;font-size:.6rem}.thrusters-bar-container{align-items:flex-end;gap:1.2rem;display:flex}.bar-item{color:#64748b;flex-direction:column;align-items:center;gap:.4rem;font-size:.6rem;display:flex}.bar-track{background:#111322;border:1px solid #ffffff0d;border-radius:3px;width:14px;height:80px;position:relative;overflow:hidden}.bar-fill{border-radius:1px;width:100%;transition:height .3s;position:absolute;bottom:0;left:0}.fill-cyan{background:linear-gradient(to top, #00f0ff66, var(--neon-cyan));box-shadow:0 0 8px #00f0ff80}.fill-magenta{background:linear-gradient(to top, #ff007f66, var(--neon-magenta));box-shadow:0 0 8px #ff007f80}.fill-amber{background:linear-gradient(to top, #ffb70066, var(--neon-amber));box-shadow:0 0 8px #ffb70080}.bar-value{color:#cbd5e1;font-size:.65rem}.svg-container{background:#05060b;border:1px solid #ffffff08;border-radius:6px;padding:.5rem;position:relative}.telemetry-svg{width:100%;height:100px;display:block}.svg-grid{stroke:#ffffff08;stroke-width:1px}.svg-grid-center{stroke:#00f0ff26;stroke-width:1px;stroke-dasharray:4 4}.telemetry-info{background:#0003;border:1px solid #ffffff05;border-radius:4px;justify-content:space-between;padding:.6rem;font-size:.7rem;display:flex}.info-block{flex-direction:column;gap:.2rem;display:flex}.info-block .label{color:#64748b;font-size:.65rem}.info-block .value{font-weight:700}.badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:3px;padding:.2rem .5rem;font-size:.7rem}.badge-amber{border-color:var(--neon-amber);color:var(--neon-amber);background:#ffb7000d}.badge-magenta{border-color:var(--neon-magenta);color:var(--neon-magenta);box-shadow:var(--glow-magenta);background:#ff007f0d}.log-terminal{scroll-behavior:smooth;background:#030407;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:.4rem;height:140px;padding:.8rem;font-size:.7rem;display:flex;overflow-y:auto}.log-terminal::-webkit-scrollbar{width:4px}.log-terminal::-webkit-scrollbar-track{background:0 0}.log-terminal::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}.log-entry{line-height:1.3}.log-entry .time{color:#475569}.log-entry.system{color:#94a3b8}.log-entry.info{color:var(--neon-cyan)}.log-entry.ok{color:var(--neon-green)}.log-entry.warn{color:var(--neon-amber);animation:1s infinite alternate flashRed}@keyframes flashRed{0%{text-shadow:none}to{text-shadow:0 0 5px #ffb7004d}}.clear-btn{color:#475569;cursor:pointer;background:0 0;border:none;font-size:.65rem;transition:color .2s}.clear-btn:hover{color:var(--neon-magenta)}.navigation-coords{background:#00000026;border:1px solid #ffffff05;border-radius:6px;flex-direction:column;gap:.6rem;padding:.8rem;display:flex}.coord-item{justify-content:space-between;align-items:center;font-size:1.1rem;display:flex}.coord-item .axis{border-right:1px solid #ffffff1a;width:25px;padding-right:.8rem;font-size:.95rem;font-weight:800}.coord-item .val{letter-spacing:.05em;font-weight:700}.attitude-controls{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:.4rem;padding-top:.8rem;display:flex}.attitude-block{flex-direction:column;align-items:center;gap:.2rem;display:flex}.attitude-block .label{color:#64748b;font-size:.55rem}.attitude-block .val{color:#fff;font-size:.8rem;font-weight:700}.cf-pill{border:1px solid var(--neon-green);background:#39ff1414;border-radius:3px;padding:.1rem .4rem;font-size:.65rem;font-weight:700;box-shadow:0 0 5px #39ff1433}.cf-deployment-info{flex-direction:column;gap:.5rem;font-size:.7rem;display:flex}.cf-row{justify-content:space-between;display:flex}.cf-label{color:#64748b}.cf-value{font-weight:700}.cf-link{border-bottom:1px dashed var(--neon-cyan);text-decoration:none;transition:opacity .2s}.cf-link:hover{opacity:.8}.cf-actions{border-top:1px solid #ffffff0d;flex-direction:column;gap:.5rem;padding-top:.8rem;display:flex}.cf-action-title{color:#64748b;margin-bottom:.2rem;font-size:.65rem;font-weight:700}.cf-step-list{color:#94a3b8;flex-direction:column;gap:.25rem;padding-left:.2rem;font-size:.65rem;list-style:none;display:flex}.cf-step-list code{background:#0f111a;border-radius:2px;padding:.1rem .3rem}.cf-buttons{justify-content:flex-end;margin-top:.4rem;display:flex}.system-footer{background:var(--bg-glass);border:1px solid var(--border-glass);color:#475569;border-radius:6px;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.8rem 1.2rem;font-size:.7rem;display:flex}.system-footer .separator{color:#ffffff0d;margin:0 .5rem}.footer-right{align-items:center;gap:.5rem;display:flex}.radar-dot{background-color:var(--neon-magenta);border-radius:50%;width:6px;height:6px;animation:1s infinite alternate flashRedRadar;display:inline-block}@keyframes flashRedRadar{0%{opacity:.2;transform:scale(.8)}to{opacity:1;box-shadow:0 0 6px var(--neon-magenta);transform:scale(1.2)}}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr 1fr}#widget-navigation,#widget-cloudflare{grid-column:span 2}}@media (width<=768px){.vessel-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-center{justify-content:space-between;width:100%}.header-right{text-align:left;justify-content:flex-start;align-items:flex-start;width:100%}.dashboard-grid{grid-template-columns:1fr}#widget-navigation,#widget-cloudflare{grid-column:span 1}.system-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}