*{box-sizing:border-box}html,body,#root{color:#e5e7eb;background:#07111f;height:100%;margin:0;font-family:system-ui}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--atlespresso-navy:#07111f;--atlespresso-panel:#0e1b2f;--atlespresso-blue:#078bfa;--atlespresso-cyan:#00d6e8;--atlespresso-gold:#f9bc37;--atlespresso-gold-light:#ffd76a}.app{grid-template-rows:auto 1fr;grid-template-columns:260px 1fr 360px;height:100%;display:grid}.topbar{background:#0f172a;border-bottom:1px solid #1f2937;grid-column:1/-1;align-items:center;gap:12px;padding:10px 14px;display:flex}.brand{font-weight:700}.atlas-logo{white-space:nowrap;letter-spacing:0;align-items:center;gap:9px;display:inline-flex}.atlas-logo>img{object-fit:contain;width:180px;max-width:100%;height:auto;display:block}.actions{align-items:center;gap:8px;margin-left:auto;display:flex}.left,.right{background:#0f172a;border-right:1px solid #1f2937;padding:12px;overflow:auto}.right{border-left:1px solid #1f2937;border-right:none}.center{background:#0b1120;position:relative}.map{position:absolute;inset:0}.left h3,.right h3{margin:0 0 8px}.left label{opacity:.8;margin:10px 0 4px;font-size:12px;display:block}.left input,.left select{color:#e5e7eb;background:#0b1120;border:1px solid #374151;border-radius:8px;width:100%;padding:6px 8px}button{color:#e5e7eb;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;padding:6px 10px}button:hover{background:#334155}.badge{background:#1f2937;border:1px solid #374151;border-radius:8px;padding:4px 8px;font-size:12px}.card{cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:10px;margin:8px 0;padding:10px}.card.active{background:#1f2937}.meta{opacity:.7;font-size:12px}.demo{background:#334155;border-radius:6px;margin-left:6px;padding:2px 6px;font-size:11px}.list{max-height:45vh;overflow:auto}.detail{border-top:1px solid #1f2937;margin-top:12px;padding-top:8px}@media (width<=1200px){.app{grid-template-columns:220px 1fr 300px}}