body, html { height: 100%; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
        #map-container { height: 100vh; display: flex; flex-direction: column; }
        #map { flex-grow: 1; width: 100%; border-radius: 0; background-color: #f0f0f0; }
        .filter-bar {
            background-color: #fff;
            padding: 0.75rem 1rem;
            border-bottom: 1px solid #dee2e6;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
            display: flex;
            gap: 0.75rem;
            flex-wrap: wrap;
            align-items: center;
        }
        .filter-bar .form-label { margin-bottom: 0; white-space: nowrap; }
        .filter-group { display: flex; align-items: center; gap: .5rem; }
        .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; font-size: .875rem; }