body, html { margin: 0; padding: 0; font-family: 'Segoe UI', Tahoma, sans-serif; height: 100%; background-color: #f8f9fa; overflow: hidden; }
        
        .navbar { background-color: #fff; padding: 15px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); display: flex; justify-content: space-between; align-items: center; z-index: 10; position: relative; }
        .navbar h1 { margin: 0; color: #6f42c1; font-size: 24px; }
        .nav-links { display: flex; align-items: center; gap: 15px; }
        .nav-links a { text-decoration: none; color: #333; font-weight: bold; cursor: pointer; }
        .nav-links a.logout-btn { color: #dc3545; }          
        .filters-container { background-color: #fff; padding: 10px 20px; display: flex; gap: 10px; flex-wrap: wrap; z-index: 10; position: relative; border-bottom: 1px solid #ddd; align-items: center; }
        .filter-btn { padding: 8px 15px; border: 1px solid #ced4da; border-radius: 20px; background-color: #fff; cursor: pointer; transition: all 0.3s; font-size: 14px; }
        .filter-btn:hover { background-color: #6f42c1; color: white; border-color: #6f42c1; }
        .geo-btn { background-color: #28a745; color: white; border: none; font-weight: bold; }
        .geo-btn:hover { background-color: #218838; }

        #mainMap { width: 100%; height: calc(100vh - 120px); }