*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #1e3a5f;--secondary-color: #4a90d9;--background-color: #f5f5f5;--text-color: #333;--sidebar-width: 320px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;height:100vh}header{background-color:var(--primary-color);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000}header h1{font-size:1.5rem;font-weight:600}.stats{font-size:.9rem;opacity:.9}main{flex:1;position:relative}#map{width:100%;height:100%}#sidebar{position:absolute;top:0;right:0;width:var(--sidebar-width);height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;padding:1.5rem;overflow-y:auto;transition:transform .3s ease}#sidebar.hidden{transform:translate(100%)}#close-sidebar{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:.5rem;line-height:1}#close-sidebar:hover{color:var(--primary-color)}#mission-details h2{color:var(--primary-color);margin-bottom:1rem;padding-right:2rem}#mission-details dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem}#mission-details dt{font-weight:600;color:#666}#mission-details dd{color:var(--text-color)}footer{background:#fff;padding:.5rem 2rem;font-size:.8rem;color:#666;border-top:1px solid #ddd}.mission-marker{background-color:var(--secondary-color);border:2px solid white;border-radius:50%;box-shadow:0 2px 5px #0000004d}.leaflet-popup-content-wrapper{border-radius:8px}.leaflet-popup-content{margin:12px 16px}.popup-title{font-weight:600;color:var(--primary-color);margin-bottom:4px}.popup-location{font-size:.85rem;color:#666}.loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:#666}@media (max-width: 768px){header{padding:.75rem 1rem}header h1{font-size:1.2rem}#sidebar{width:100%}footer{padding:.5rem 1rem}}.marker-cluster-small{background-color:#4a90d999}.marker-cluster-small div{background-color:#4a90d9cc}.marker-cluster-medium{background-color:#1e3a5f99}.marker-cluster-medium div{background-color:#1e3a5fcc}.marker-cluster-large{background-color:#1e3a5fb3}.marker-cluster-large div{background-color:#1e3a5fe6}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px Segoe UI,sans-serif;color:#fff;font-weight:600;line-height:30px}