:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eef9;background-color:#040610;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;background:radial-gradient(circle at top,#0b1c3a,#040610 60%,#020409)}a{color:inherit}button{font:inherit}#root{flex:1;display:flex}.app-shell{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,480px);grid-template-rows:auto 1fr;grid-auto-rows:min-content;gap:1.5rem;padding:1.5rem;width:100%}@media (max-width: 1200px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}}.right-column{display:flex;flex-direction:column;gap:1.5rem}.globe-wrapper{grid-row:2 / span 2}@media (max-width: 1200px){.globe-wrapper{grid-row:2}}.panel{background:#070c19d9;border:1px solid rgba(79,106,160,.35);border-radius:16px;padding:1.25rem;box-shadow:0 24px 80px #0c142873;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel h2{margin:0 0 .75rem;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:#8bb7ff}.timeline-slider{width:100%;margin:1rem 0 .5rem}.timeline-time{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#e9eef9cc}.timeline-time strong{font-size:1.1rem;color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.metric-card{padding:.75rem;border-radius:12px;background:#132034e6;border:1px solid rgba(76,110,168,.45);display:flex;flex-direction:column;gap:.25rem}.metric-card span{font-size:.75rem;letter-spacing:.08em;color:#a8c5ffbf;text-transform:uppercase}.metric-card strong{font-size:1.4rem;color:#fff}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.badge.nominal{background:#20a47d33;color:#2cd1a3}.badge.warning{background:#ce94292e;color:#ffbe5b}.badge.critical{background:#d644542e;color:#ff6f7d}.close-approach-list{display:grid;gap:.75rem;max-height:380px;overflow-y:auto;padding-right:.5rem}.close-approach-item{border-radius:12px;padding:.75rem;background:#121c2ef2;border:1px solid rgba(90,120,178,.35);display:grid;gap:.5rem}.close-approach-meta{display:flex;justify-content:space-between;font-size:.85rem;color:#d6e2ffcc}.object-details{display:grid;gap:.75rem}.object-details h3{margin:0;font-size:1.2rem}.object-details dl{display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem;margin:0;font-size:.85rem}.object-details dt{text-transform:uppercase;letter-spacing:.08em;color:#a4c1ffb3}.object-details dd{margin:0;color:#fff}.timeline-buttons{display:flex;gap:.5rem;margin-top:.5rem}.button{border:1px solid rgba(110,151,226,.45);background:#142137e6;color:#e3ecff;padding:.35rem .75rem;border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.button:hover{border-color:#8db6ffe6;background:#1d3152f2}.globe-container{position:relative;height:calc(100vh - 3rem);min-height:480px;border-radius:20px;overflow:hidden;border:1px solid rgba(70,120,200,.3);background:radial-gradient(circle at 30% 20%,#1e468c66,#050a14e6)}.globe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 60%,rgba(4,8,16,.85) 100%)}.status-indicator{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#c7d7ffcc}.status-indicator span.dot{width:.6rem;height:.6rem;border-radius:999px;background:#36e3b8;box-shadow:0 0 12px #36e3b899}.status-indicator.error span.dot{background:#ff6f7d;box-shadow:0 0 12px #ff6f7d99}